Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

Satoshi Ebisawa

December 07, 2013
Tweet

More Decks by Satoshi Ebisawa

Other Decks in Programming

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

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

    View full-size slide

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

    View full-size 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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  13. πʔϧͷڞ༗

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

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

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide