Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

P4D ͱ͸ ✤ Programming for Designers -> P4D! ✤ http://prog4designer.github.io/! ✤ σβΠφͱϓϩάϥϚͰू·ͬͯ
 Web ΍ΞϓϦΛ࡞ͬͨΓɺ૬ஊͨ͠Γ͢Δ৔! ✤ ʮৄ͍͠ਓ͕͙ۙ͘͢ʹ͍ΔϋοΧιϯʯ

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

πʔϧͷڞ༗

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

P4D ྔ࢈Խܭը ✤ ΋ͬͱɺσβΠφɾΤϯδχΞͷू·ΕΔ৔͕
 Ͱ͖ͯ΋͍͍ɻ(େࡕͷ PmD, DmP Έ͍ͨʹ)! ✤ ίϛϡχςΟ͝ͱʹ಺༰ΛಛԽͯ͠΋͍͍ɻ
 ॳ৺ऀ޲͚ʁRubyʁ؍఺͸৭ʑɻ! ✤ “ָ͍͠” ͸ͭ͘ΕΔʂ

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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