Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
プログラマとデザイナのコミュニティのつくりかた
Search
Satoshi Ebisawa
December 07, 2013
Programming
7.8k
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
プログラマとデザイナのコミュニティのつくりかた
2013-12-07 WCAF Vol.11 での発表資料です。
http://wcaf.doorkeeper.jp/events/7028
Satoshi Ebisawa
December 07, 2013
More Decks by Satoshi Ebisawa
See All by Satoshi Ebisawa
kubernetes
satococoa
0
250
Easy AJAX on Rails
satococoa
5
4.5k
API 担当者が知りたい iOS のこと
satococoa
4
3.4k
Web デザイナのための GitHub ハンズオン
satococoa
1
1.1k
RubyMotion について
satococoa
1
2.3k
RubyMotion によるアプリケーション開発の実践
satococoa
0
5.1k
iOS でポエムをつづろう!
satococoa
5
14k
p4d (PHP Conference 2013)
satococoa
0
870
p4d (Rails Girls Tokyo 2nd)
satococoa
4
2.2k
Other Decks in Programming
See All in Programming
[Dev Group Paris Octobre 26] Agentforce, SIforce, Claudeforce, Slackbot… on s'y retrouve ?
nabondance
0
110
パスワード再設定メールのURLについて知っておこう
uyuki234
0
160
[ハンズオン]AIへの指示だけで「五目並べ」を作ってみよう
satoshi256kbyte
1
380
気持ちぃ〜角丸 Squircle
ryu1013
0
310
複雑なUIコンポーネントとの ⻑い付き合い⽅:波及するバグからテスト戦略を経て、安全な再設計へ
mixplace
0
430
GemmaをJevのように使ってみる / Use Gemma like Jev
kishida
5
790
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
kinopeee
28
33k
Rでドレミ/Do-Re-Mi_with_R
florets1
0
130
AWSに止められる覚悟してますか?
morizo_1984
2
540
R8 の設定見直しでアプリサイズ削減
andpad
0
220
sbt 2.0: takeoff
eed3si9n
0
160
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
210
Featured
See All Featured
Mind Mapping
helmedeiros
1
400
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
Bootstrapping a Software Product
garrettdimon
PRO
306
120k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
320
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Done Done
chrislema
187
17k
Claude Code のすすめ
schroneko
67
230k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
sira's awesome portfolio website redesign presentation
elsirapls
0
460
KATA
mclloyd
PRO
35
16k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
400
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
730
Transcript
2013-12-07 WCAF Vol. 11 ϓϩάϥϚͱσβΠφͷ ίϛϡχςΟͷͭ͘Γ͔ͨ ւ ૱ (@satococoa) Yokohama.rb
/ RubyMotion JP / P4D
ΞδΣϯμ ✤ ࣗݾհ! ✤ P4D ͱ! ✤ P4D Ͱಘͨͷ! ✤
ࠓޙͷ՝
త ✤ P4D ͷΑ͏ʹΤϯδχΞɺσβΠφ৬छΛ·͍ͨͰ ͷͮ͘ΓΛָ͠ΊΔίϛϡχςΟΛ૿͍ͨ͠
ࣗݾհ ✤ ւ ૱ (@satococoa)! ✤ http://satococoa.github.io/! ✤ Yokohama.rb, RubyMotion
JP, P4D! ✤ RubyMotion, Ruby on Rails, Objective-C
ܦྺతͳԿ͔ ✤ େֶɿڭҭֶओઐ߈! ✤ ఱจؔ࿈ͷ͓ࣄ! ✤ PC εΫʔϧͷߨࢣ (MS Office
ϝΠϯ)! ✤ T ܥάϧʔϓձࣾͰ PHPer! ✤ גࣜձࣾΠάχε (http://1923.co.jp/) Ͱ Web, API, iOS
ϓϩάϥϛϯάܦݧతͳԿ͔ ✤ ࣄॲཧ༻ͷ Web ΞϓϦ (2005 ࠒ)! ✤ Linux +
PHP + XML (खॻ͖) + Ruby! ✤ ޙʹ XML (खॻ͖) -> MySQL! ✤ PHPer ͱͯ͠ब৬ (2007/12)! ✤ ݱ৬ (2011/09 ʙ)
P4D ͱ ✤ Programming for Designers -> P4D! ✤ http://prog4designer.github.io/!
✤ σβΠφͱϓϩάϥϚͰू·ͬͯ Web ΞϓϦΛ࡞ͬͨΓɺ૬ஊͨ͠Γ͢Δ! ✤ ʮৄ͍͠ਓ͕͙ۙ͘͢ʹ͍ΔϋοΧιϯʯ
ԿͰσβΠφˍϓϩάϥϚʁ ✤ ͨ·ͨ·ग़ൃ͕σβΠφͩͬͨ! ✤ खΛಈ͔͢ऀಉ࢜ɺ૬ੑ͕ྑ͔ͬͨ! ✤ Web ʹݶΕɺ྆ऀͷ࡞ۀͷ֞ࠜҙ֎ͱ͍
P4D ͷ׆ಈ༰ ✤ Ͱ݄ 2 ճͷ meetup (19:30 ʙ 21:30)!
✤ ඇηϛφʔɻʮ͘͘ձʯʹ͍ۙɻ࣋ͪدΓܕɻ! ✤ ͨ·ʹΠϕϯτ! ✤ 2011/12 ୈҰճ P4D ϋοΧιϯ (@ken_c_lo ͞ΜͷϨϙʔτ)! ✤ 2012/10 ϓϩάϥϚ͚σβΠϯษڧձ (@satococoa Ϩϙʔτ)! ✤ 2013/11 Tokyo Middleman Meetup (@yterajima ͞ΜͷϨϙʔτ)
P4D ͷಛ ✤ σβΠφͱϓϩάϥϚͷग़ձ͍͕͋Δ! ✤ σβΠφಉ࢜ͷग़ձ͍͋Γ! ✤ Ruby / Rails
/ όοΫΤϯυ৭͕ڧ͍! ✤ ϓϩάϥϛϯά͖͕ଟ͍ → ڭ͑Δ͜ͱָ͍͠! ✤ ͲͪΒ͔ͱݴ͏ͱϓϩάϥϚओಋɺϓϩάϥϚدΓ
ϓϩάϥϚจԽͷڞ༗ ✤ Github Λத৺ͱͨ͠ιʔγϟϧίʔσΟϯά! ✤ ޮԽ (πʔϧɺΞδϟΠϧɺࠇ͍ը໘)! ✤ WebɺΞϓϦͷ “ྑ͞”
ͷڞ༗
ιʔγϟϧίʔσΟϯά ✤ Github ϦϙδτϦͰͳͯ͘ίʔυΛத৺ͱͨ͠ ίϛϡχέʔγϣϯͷ → SNS Ͱ͋Δ! ✤ Pull
Request ͳͲͷίϛϡχέʔγϣϯͷจ๏͕͋Δ! ✤ ͦΕΏ͑ɺ”σβΠϯςϩ” ͕ΓཱͪɺتΕΔ! ✤ σβΠφࠞͬͯ͟΄͍͠ʂ
πʔϧͷڞ༗
“ྑ͞” ͷڞ༗ ✤ ඞཁ࠷ݶͷίϛϡχέʔγϣϯͷઌ! ✤ σβΠφ / ϓϩάϥϚ྆ํͷࢹͰߟ͑ΒΕΔ! ✤ UI
/ UX / ख৮Γ! ✤ “ྑ͞” ΛͬͱޠΓ߹͏͖
Design for Programmers ✤ ։ൃπʔϧͰ͢Β៉ྷͳαΠτ͕ඞཁ! ✤ http://www.fabricationgem.org! ✤ http://bundler.io! ✤
Bootstrap ͷొɾීٴ! ✤ ϞόΠϧσόΠεͷ಄ → ϑΥʔΧεͷେ͞
✤ ζϧ͍σβΠϯ! ✤ ϊϯσβΠφʔͷͨΊͷ৭ཧ! ✤ Bootstrap ͷΧελϚΠζ! ✤ ϊϯσβΠφʔζσβΠϯϒοΫ! ✤
ϑΥϯτɺλΠϙάϥϑΟ! ✤ ΞΠίϯͮ͘Γ! ✤ ↑͜ΕΒΛڞ༗͢ΔΛͭ͘Εͨ͜ͱ͕࠷େͷޭ
σβΠϯϏΪφʔζ #debeg P4D ͱٯͰɺओʹϓϩάϥϚ͕σβΠϯΛֶͿɻ! ࠓσβΠφͷจԽΛֶͼ͍ͨɻ! ! ओ࠵: @netwillnet ͞Μ
P4D ͷ๊͑Δ՝ ✤ χʔζͷଟ༷ԽͷରԠ! ✤ εέʔϧΞτ! ✤ ϓϩάϥϛϯάڭࣨͰͳ͘ɺͷͮ͘Γͷ! ✤ Ռͷग़ΔίϛϡχςΟʹ͍ͨ͠
P4D ྔ࢈Խܭը ✤ ͬͱɺσβΠφɾΤϯδχΞͷू·ΕΔ͕ Ͱ͖͍͍ͯɻ(େࡕͷ PmD, DmP Έ͍ͨʹ)! ✤ ίϛϡχςΟ͝ͱʹ༰ΛಛԽ͍͍ͯ͠ɻ
ॳ৺ऀ͚ʁRubyʁ؍৭ʑɻ! ✤ “ָ͍͠” ͭ͘ΕΔʂ
͍͞͠ P4D ͷͭ͘Γ͔ͨ ✤ ܧଓՄೳͳӡӦମ੍Λͭ͘Δ͜ͱ! ✤ গਓͰ͋Δ͜ͱ (࠷ॳͰ͍͍)! ✤ Φʔϓϯʹ͢Δ͜ͱ!
✤ ͓ޓ͍ʹଚܟɺײँͷؾ࣋ͪΛΕͳ͍͜ͱ
“ࢦ͍ͯ͠Δͷ Give & Take Ͱͳ͘ɺ! ڞʹͷͮ͘ΓΛָ͠ΊΔ͕͍ؒΔ” –P4D ͷཧ೦