プログラマとデザイナのコミュニティのつくりかた

2013-12-07 WCAF Vol.11 での発表資料です。
http://wcaf.doorkeeper.jp/events/7028

Transcript

1. 2013-12-07 WCAF Vol. 11
   ϓϩάϥϚͱσβΠφͷ
   ίϛϡχςΟͷͭ͘Γ͔ͨ
   ւ࿝୔ ૱ (@satococoa) Yokohama.rb / RubyMotion JP / P4D
   

   View Slide

2. ΞδΣϯμ
   ✤ ࣗݾ঺հ!
   ✤ P4D ͱ͸!
   ✤ P4D Ͱಘͨ΋ͷ!
   ✤ ࠓޙͷ՝୊
   

   View Slide

3. ໨త
   ✤ P4D ͷΑ͏ʹΤϯδχΞɺσβΠφ౳৬छΛ·͍ͨͰ
   ΋ͷͮ͘ΓΛָ͠ΊΔίϛϡχςΟΛ૿΍͍ͨ͠
   

   View Slide

4. ࣗݾ঺հ
   ✤ ւ࿝୔ ૱ (@satococoa)!
   ✤ http://satococoa.github.io/!
   ✤ Yokohama.rb, RubyMotion JP, P4D!
   ✤ RubyMotion, Ruby on Rails, Objective-C
   

   View Slide

5. ܦྺతͳԿ͔
   ✤ େֶɿڭҭֶओઐ߈!
   ✤ ఱจؔ࿈ͷ͓࢓ࣄ!
   ✤ PC εΫʔϧͷߨࢣ (MS Office ϝΠϯ)!
   ✤ ๭ T ܥάϧʔϓձࣾͰ PHPer!
   ✤ גࣜձࣾΠάχε (http://1923.co.jp/) Ͱ Web, API, iOS
   

   View Slide

6. ϓϩάϥϛϯάܦݧతͳԿ͔
   ✤ ࣄ຿ॲཧ༻ͷ Web ΞϓϦ (2005 ೥ࠒ)!
   ✤ Linux + PHP + XML (खॻ͖) + Ruby!
   ✤ ޙʹ XML (खॻ͖) -> MySQL!
   ✤ PHPer ͱͯ͠ब৬ (2007/12)!
   ✤ ݱ৬ (2011/09 ʙ)
   

   View Slide

7. P4D ͱ͸
   ✤ Programming for Designers -> P4D!
   ✤ http://prog4designer.github.io/!
   ✤ σβΠφͱϓϩάϥϚͰू·ͬͯ

   Web ΍ΞϓϦΛ࡞ͬͨΓɺ૬ஊͨ͠Γ͢Δ৔!
   ✤ ʮৄ͍͠ਓ͕͙ۙ͘͢ʹ͍ΔϋοΧιϯʯ
   

   View Slide

8. ԿͰσβΠφˍϓϩάϥϚʁ
   ✤ ͨ·ͨ·ग़ൃ͕σβΠφͩͬͨ!
   ✤ खΛಈ͔͢ऀಉ࢜ɺ૬ੑ͕ྑ͔ͬͨ!
   ✤ Web ʹݶΕ͹ɺ྆ऀͷ࡞ۀͷ֞ࠜ͸ҙ֎ͱ௿͍
   

   View Slide

9. P4D ͷ׆ಈ಺༰
   ✤ ౎಺Ͱ݄ 2 ճͷ meetup (19:30 ʙ 21:30)!
   ✤ ඇηϛφʔɻʮ΋͘΋͘ձʯʹ͍ۙɻ࣋ͪدΓܕɻ!
   ✤ ͨ·ʹΠϕϯτ!
   ✤ 2011/12 ୈҰճ P4D ϋοΧιϯ (@ken_c_lo ͞ΜͷϨϙʔτ)!
   ✤ 2012/10 ϓϩάϥϚ޲͚σβΠϯษڧձ (@satococoa Ϩϙʔτ)!
   ✤ 2013/11 Tokyo Middleman Meetup (@yterajima ͞ΜͷϨϙʔτ)
   

   View Slide

10. P4D ͷಛ௃
    ✤ σβΠφͱϓϩάϥϚͷग़ձ͍͕͋Δ!
    ✤ σβΠφಉ࢜ͷग़ձ͍΋͋Γ!
    ✤ Ruby / Rails / όοΫΤϯυ৭͕ڧ͍!
    ✤ ϓϩάϥϛϯά޷͖͕ଟ͍ → ڭ͑Δ͜ͱ΋ָ͍͠!
    ✤ ͲͪΒ͔ͱݴ͏ͱϓϩάϥϚओಋɺϓϩάϥϚدΓ
    

    View Slide

11. ϓϩάϥϚจԽͷڞ༗
    ✤ Github Λத৺ͱͨ͠ιʔγϟϧίʔσΟϯά!
    ✤ ޮ཰Խ (πʔϧɺΞδϟΠϧɺࠇ͍ը໘)!
    ✤ WebɺΞϓϦͷ “ྑ͞” ͷڞ༗
    

    View Slide

12. ιʔγϟϧίʔσΟϯά
    ✤ Github ͸ϦϙδτϦͰ͸ͳͯ͘ίʔυΛத৺ͱͨ͠
    ίϛϡχέʔγϣϯͷ৔ → SNS Ͱ͋Δ!
    ✤ Pull Request ͳͲͷίϛϡχέʔγϣϯͷจ๏͕͋Δ!
    ✤ ͦΕΏ͑ɺ”σβΠϯςϩ” ͕੒Γཱͪɺت͹ΕΔ!
    ✤ σβΠφ΋ࠞͬͯ͟΄͍͠ʂ
    

    View Slide

13. πʔϧͷڞ༗
    

    View Slide

14. “ྑ͞” ͷڞ༗
    ✤ ඞཁ࠷௿ݶͷίϛϡχέʔγϣϯͷઌ΁!
    ✤ σβΠφ / ϓϩάϥϚ྆ํͷࢹ఺Ͱߟ͑ΒΕΔ!
    ✤ UI / UX / ख৮Γ!
    ✤ “ྑ͞” Λ΋ͬͱޠΓ߹͏΂͖
    

    View Slide

15. Design for Programmers
    ✤ ։ൃπʔϧͰ͢Β៉ྷͳαΠτ͕ඞཁ!
    ✤ http://www.fabricationgem.org!
    ✤ http://bundler.io!
    ✤ Bootstrap ͷొ৔ɾීٴ!
    ✤ ϞόΠϧσόΠεͷ୆಄ → ϑΥʔΧεͷେ੾͞
    

    View Slide

16. ✤ ζϧ͍σβΠϯ!
    ✤ ϊϯσβΠφʔͷͨΊͷ഑৭ཧ࿦!
    ✤ Bootstrap ͷΧελϚΠζ!
    ✤ ϊϯσβΠφʔζσβΠϯϒοΫ!
    ✤ ϑΥϯτɺλΠϙάϥϑΟ!
    ✤ ΞΠίϯͮ͘Γ!
    ✤ ↑͜ΕΒΛڞ༗͢Δ৔Λͭ͘Εͨ͜ͱ͕࠷େͷޭ੷
    

    View Slide

17. σβΠϯϏΪφʔζ #debeg
    P4D ͱ͸ٯͰɺओʹϓϩάϥϚ͕σβΠϯΛֶͿ৔ɻ!
    ࠓ౓͸σβΠφͷจԽΛֶͼ͍ͨɻ!
    !
    ओ࠵: @netwillnet ͞Μ
    

    View Slide

18. P4D ͷ๊͑Δ՝୊
    ✤ χʔζͷଟ༷Խ΁ͷରԠ!
    ✤ εέʔϧΞ΢τ!
    ✤ ϓϩάϥϛϯάڭࣨͰ͸ͳ͘ɺ΋ͷͮ͘Γͷ৔΁!
    ✤ ੒Ռ෺ͷग़ΔίϛϡχςΟʹ͍ͨ͠
    

    View Slide

19. P4D ྔ࢈Խܭը
    ✤ ΋ͬͱɺσβΠφɾΤϯδχΞͷू·ΕΔ৔͕

    Ͱ͖ͯ΋͍͍ɻ(େࡕͷ PmD, DmP Έ͍ͨʹ)!
    ✤ ίϛϡχςΟ͝ͱʹ಺༰ΛಛԽͯ͠΋͍͍ɻ

    ॳ৺ऀ޲͚ʁRubyʁ؍఺͸৭ʑɻ!
    ✤ “ָ͍͠” ͸ͭ͘ΕΔʂ
    

    View Slide

20. ΍͍͞͠ P4D ͷͭ͘Γ͔ͨ
    ✤ ܧଓՄೳͳӡӦମ੍Λͭ͘Δ͜ͱ!
    ✤ গਓ਺Ͱ͋Δ͜ͱ (࠷ॳ͸਎಺Ͱ͍͍)!
    ✤ Φʔϓϯʹ͢Δ͜ͱ!
    ✤ ͓ޓ͍ʹଚܟɺײँͷؾ࣋ͪΛ๨Εͳ͍͜ͱ
    

    View Slide

21. “໨ࢦ͍ͯ͠Δͷ͸ Give & Take Ͱ͸ͳ͘ɺ!
    ڞʹ΋ͷͮ͘ΓΛָ͠ΊΔ஥͕͍ؒΔ৔”
    –P4D ͷཧ೦
    

    View Slide