Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
プログラマとデザイナのコミュニティのつくりかた
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Satoshi Ebisawa
December 07, 2013
Programming
7.7k
5
Share
プログラマとデザイナのコミュニティのつくりかた
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
240
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
850
p4d (Rails Girls Tokyo 2nd)
satococoa
4
2.2k
Other Decks in Programming
See All in Programming
Lessons from Spec-Driven Development
simas
PRO
0
110
Composerを使ったサプライチェーン攻撃の様子を眺めてみる #phpstudy
o0h
PRO
2
210
CLIであることを活かしたGitHub Copilot CLI活用術 / GitHub Copilot CLI Pro Tips & Tricks
nao_mk2
1
1.2k
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
contour_gara
0
460
AIエージェントと協働するCLI開発 — BunとOpenClawで学んだこと
yoshikouki
1
230
net-httpのHTTP/2対応について
naruse
0
420
ビジネスモデルから紐解く、AI+型駆動開発
hirokiomote
2
5.1k
TypeSpec で繋ぐ複数プロダクトの型安全
maroon8021
1
310
TypeScriptだけでAIエージェントを作る フロント・エージェント・インフラのフルスタック実践
har1101
6
1.2k
Spec-Driven Development with AI-Agents: From High-Level Requirements to Working Software
antonarhipov
2
430
プラグインで拡張される Context をtype-safe にする難しさと設計判断
kazupon
2
540
ReactとSvelteのその先、Ripple-TS / Beyond React and Svelte: Ripple-TS
ssssota
3
1.9k
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
WENDY [Excerpt]
tessaabrams
11
38k
Writing Fast Ruby
sferik
630
63k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
How to Think Like a Performance Engineer
csswizardry
28
2.6k
Optimising Largest Contentful Paint
csswizardry
37
3.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
30 Presentation Tips
portentint
PRO
1
310
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.3k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.3k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
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 ͷཧ೦