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
LDD'12 Summer in KITAMI
Search
Keisuke SATO
July 17, 2012
3
1.1k
LDD'12 Summer in KITAMI
直感で生きてきたおはなし。つまり、自己紹介。
Keisuke SATO
July 17, 2012
Tweet
Share
More Decks by Keisuke SATO
See All by Keisuke SATO
これからWebフロントエンド開発を始めるには
riaf
0
150
Webフロントエンド開発のこれまでと現在
riaf
0
130
[オトバンク社内勉強会用] プログラミング教育知ってる?
riaf
0
600
Openpear is gone.
riaf
0
410
Crocos x WebPay - WebPay Meetup #1
riaf
0
210
かたつむりにもわかる Git 超入門
riaf
0
880
PHP5.5、いつやるか?今でしょ!
riaf
9
3.5k
rhaco - Framework Updates
riaf
0
100
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
Designing for humans not robots
tammielis
250
25k
Ruby is Unlike a Banana
tanoku
97
11k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Speed Design
sergeychernyshev
25
620
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Agile that works and the tools we love
rasmusluckow
327
21k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Site-Speed That Sticks
csswizardry
0
28
Done Done
chrislema
181
16k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Transcript
ָ͠ΜͰ ·͔͢ʔʁ
ָ͠ΜͰ ·͔͢ʔʁ ࢝·͔ͬͨΓͰ͢ΑͶ ͜ΜͳۭؾͰ͢͜ͱʹͳΔͱ
!UVUVUFO ॱௐͰ͔͢ʔʁ
,FJTVLF4"50 $P'PVOEFSBOE&OHJOFFSBU$SPDPT*OD ಥવͰ͕͓͢Ͱ͢ ΏΔʔ͘Λ͢ΔͷͰɺ্खʹฉ͖ྲྀͯ͠Լ͍͞
,FJTVLF4"50 $P'PVOEFSBOE&OHJOFFSBU$SPDPT*OD ຊFKFDUϢʔβʔձɹࠤ౻Ղ༞ FKFDUɺͦͷͯ͢
,FJTVLF4"50 $P'PVOEFSBOE&OHJOFFSBU$SPDPT*OD ͍·ɺ͕͜͜Ͱ ͍ͬͯΔཧ༝
ͷɺ·͑ʹɻ !BLBOFZVLJ͡ΊɺελοϑͷΈͳ͞Μɺ ͦͯ͠ɺӨͰࢧ͍͑ͯΔ͔͍͍ͬ͜େਓͨͪɺ ͱָ͍ͯ͠Ͱ͢ɻ͋Γ͕ͱ͏͍͟͝·͢ɻ
,FJTVLF4"50 $P'PVOEFSBOE&OHJOFFSBU$SPDPT*OD ͍·ɺ͕͜͜Ͱ ͍ͬͯΔཧ༝
<>BLBOFZVLJ ։ձࣜޙͷͷؒͷʙఔ ʮಥ͖ਐΜͰߦ͚ເ͕͕ΔΑʂʯ తͳ༰͓ئ͍Ͱ͖·͔͢ʁ ͍·͕͜͜Ͱ͠Ό͍ͬͯΔཧ༝
<>BLBOFZVLJ ։ձࣜޙͷͷؒͷʙఔ ʮಥ͖ਐΜͰߦ͚ເ͕͕ΔΑʂʯ తͳ༰͓ئ͍Ͱ͖·͔͢ʁ ͍·͕͜͜Ͱ͠Ό͍ͬͯΔཧ༝
,FJTVLF4"50 $P'PVOEFSBOE&OHJOFFSBU$SPDPT*OD ײͰੜ͖͖ͯͨ Γ͍ͨ͜ͱΛɺͬͯΈ·ͨ͠ɻ
ͱ͍͑ ͳΜ͔ଟ΅͘ΑΓͥΜͥΜ ͜ͷʹ;͞Θ͍͠େਓ͕ͨͪ શಓ֤͔Βདྷ͍ͯΔؾ͠·͕͢ɺ ؾʹ͠ͳ͍ࣄʹ͠·͢Ͷɻ
ͱ͍͑ ਖ਼ɺ ͷͰເ͕͕Δͷ͔Ͳ͏͔ ٙͰ͋Γ·͕͢ɺ ͜͏͍͏ౕډΔΜͩΑ͍ͬͯ͏ ͳʹ͔͋ΔҙຯͰࣗ৴Λ͚࣋ͬͯΕ ͍Ͱ͍͟͝·͢ɻ
ͱ͍͑ ࠓ͍ΖΜͳਓ͕ ͍ΖΜͳͱ͜Ζ͔Β͍Β͍ͯ͠ΔͷͰ ຖͷ͜ͱͳ͕ΒͲΜͳΛͨ͠Β͍͍ͷ͔ ͍·͍ͪΘ͔͓ͬͯΓ·ͤΜ͕ɺ
ࡢ Ұ෦ͷֶੜͨͪΛমͰങऩ͖ͯͨ͠ͷͰɺ ఔΑ͍λΠϛϯάͰসͬͯ͘ΕΔͱ৴͍ͯ͡Δ
͍ɺͱ͍͏͜ͱͰɻ
,FJTVLF4"50 $P'PVOEFSBOE&OHJOFFSBU$SPDPT*OD ͨͬΓࣗݾհ ͭ·Γɺ͜͏͍͏͜ͱͰ͢ΑͶɻ
ωλ͕͔ͿͬͪΌ͏Α Ͳ͖Ͳ͖
,FJTVLF4"50 $P'PVOEFSBOE&OHJOFFSBU$SPDPT*OD ͨͬΓࣗݾհ ͳΜ͔͛͢ʔ͔͍ͣ͠ΜͰ͚͢Ͳɻ
Θͨ͘͠ fb.me/sato.keisuke
ݱࡏ ݱࡏ
ੜ w ౦ژࡏॅ w ࡀ w גࣜձࣾΫϩίε w ڞಉۀऀɾΤϯδχΞ w -0$"-ຊ1)1ϢʔβʔձFUD w ൴ঁืूத
ੜ w w ۴࿏ेࣈපӃ w ࣹͯ͠ٽ͔ͳ͍ෆࢥٞͳࢠ ݱࡏ
ੜ
ͱ͠·͢ w ༮ஓԂ۴࿏ͤͪΓ༮ஓԂ w ͜ͷ࣌ʹ۴࿏ொผอʹҾӽ͠·ͨ͠ w খֶߍ۴࿏ொཱผอখֶߍ w ͪͳΈʹ͜ͷ͔࣌ΒͣͬͱഎͷॱͰҰ ൪ޙΖͰͨ͠ɻ
w ͋ɺͦͯ͠ॳΏͱΓੈͰ͢ɻΏͱΓ͞ ͍͜ʔʂ ݱࡏ ੜ
ͱ͠·͢ w খֶߍதֶ͘Β͍ͷͱ͖ʹɺ͕ .BDJOUPTI 1FSGPSNB Λങͬͯ͘ Δ͕ɺͪΐͬͱ༡ͿఔͰಛʹԿͤͣɻ w լঢ়࡞ͬͨΓ͢Δ͘Β͍Ͱ͔ͨ͠Ͷɻ w
ͱ͍͏͜ͱͰɺ͜͜·Ͱผʹٕज़ͱͷؔ ΘΓແ͠ɻ ݱࡏ ੜ
w தֶੜ w ͜͜·Ͱٕज़తͳ͜ͱͳ͘ɻ ݱࡏ
ੜ
w தֶੜ w ळ͝Ζʹɺதֶߍͷίϯϐϡʔλ͕৽͘͠ ͳΓɺ8JOEPXT͕ಋೖ͞ΕΔ w ಉ࣌ʹɺֶߍʹΠϯλʔωοτճઢ͕ಋೖ w ͔͠͠ɺͷ͍͘͢͝
w ࣗͰ8JOEPXT.F *4%/ڥʹ w ʮΠϯλʔωοτ͛͢ʔʯ ݱࡏ ੜ
w தֶੜ ϲ݄͚ͩٿ෦ w ͜Լͷ༑ୡͱϗʔϜϖʔδͱ͔࡞ͬͯΈΔ w ແྉͷαʔόʔ GD͔ͩͬͨͳʔ w
ͦΕͳΓʹΞΫηε͘Δɻ͜Εخ͍͠ɻ w ͞Ε͍ͯͨ$(* 1FSM Λஔָ͍ͯ͠Ή w 9SFBਓؾͩͬͨͳʔɻ ݱࡏ ੜ
w ۴࿏ބྕߴߍೖֶ w ʹϊʔτ1$Β͏ 8JO91 w 9PPQTͱग़ձ͏ɺ4/4ͬΆ͍αʔϏεΛ ࡞Γ࢝ΊΔɻ w
9PPQTϞδϡʔϧΛ࡞ͬͯͯ͠ΈΔ w DIͱ͔Ͱ໊લग़ͯ͘Δෆࢥٞͳײ֮ ݱࡏ ੜ
9PPQT
w ͋ɺͰ͜ͷΜͰ·ͩΑ͘ϓϩάϥϛ ϯάͱ͔Θ͔ͬͯͳ͍Ͱ͢ɻ w ίϐϖͰಈ͘1)1͛͢ʔʂ w ωτήͨͷ͠ʔʂ ݱࡏ
ੜ
w ߴߍੜ w &UIOBͱग़ձ͏ɻ w ʮͳΜ͡Ό͜ͷඒ͍ͬ͠Ά͍ίʔυʯ w ʮ9PPQTͻͲ͗͢Δ͡Όͳ͍͔ʯ w
&UIOBͷόάͱ͔ݟ͚ͭͯใࠂͨ͠Γ w NJYJΛਖ਼نදݱͰͿͬ͜ൈ͘QIQϥΠϒ ϥϦެ։ͨ͠Γ ݱࡏ ੜ
w ߴߍੜ w डݧͰ͢ͶɻҰԠɺਐֶߍͰ͢͠Ͷɻ w ษڧ·ͬͨͤͣ͘ʹɺͳ͔ͥ͜͜ʹདྷͯ ֶੜੜ׆ΛΤϯδϣΠɻʢ͍ʣ w ηϯλʔࢼݧͰډΓΛ͢ΔɻʢόΧʣ
w ౦ژͷਓ͔Β༠ΘΕΔɻ͕ɺେֶड͔ͬ ͪΌͬͨ͠ɻ ݱࡏ ੜ
w ݟେʹೖֶɻ w ҰਓΒ͠͡·Δɻݟॵ͍ɻ w ͜͜ʹདྷͯಥવʮಛʹڵຯ͕ͳ͍ͷษ ڧͨ͠ΒͲ͏ͳΔ͔ͳʁʯͱ͍͏ಾͷح ৺ʹΑΓిؾిࢠֶՊɻ w
͋Β͔͡Ί͓அΓ͓͖ͯ͠·͢ͱɺ݁ہ͜ Ε·ͰڵຯΛ࣋ͬͯͳ͍͗ͯ͢͠ Α͘Θ͔Γ·ͤΜͰͨ͠ɻ ݱࡏ ੜ
w େֶ w 5XJUUFSͰ!TPUBSPLͱग़ձ͏ w OFRVBMͱ͔࢝ΊΔ w SIBDPͱग़ձ͏ w
υมଶ͕࡞͍ͬͯΔ1)1ϑϨʔϜϫʔΫ w HJIZPKQͰ࿈ࡌͱ͔͠·ͨ͠ ݱࡏ ੜ
উखʹ!TPUBSPLͷհ
OFRVBM w !TPUBSPLͱ΅͕͘ɺ࢝ΊͨαʔΫϧతͳूஂ w ʮͳʹ͔ͨͷ͍͜͠ͱΛ͠Α͏ʯ w ࠷େͰਓ͘Β͍ʹͳΓ·ͨ͠ɻ w SFSPPN 0QFOQFBS
%FBEMJOFUJNFS FUD
w େֶ w ݄౦ژͷΠϕϯτʹإग़ͯ͠ΈΔ w ͍ͬͯ͏͔ɺ౦ژߦͬͨΒͳΜ͔Πϕϯ τ͕࡞ΒΕͨ w ݄ʠ04$ւಓʡॳࢀՃ
w ݄-0$"-.-ࢀՃ ݱࡏ ੜ
͡Ίͯɺ౦ژͷΠϕϯτʹ ࢀߟจݙʰSIBDP3JBG$POGFSFODF1SF%BZʱ IUUQEIBUFOBOFKQTPUBSPL w ͦͷલɻ w ͚Μ͢͏ OBOBQJ ʹձ͏ w
ϊ ݱ;ZOHB+BQBO ʹ༡ͼʹߦ͘ w !IBMU͞Μʹձ͏
SIBDPSJBGDPOGFSFODF w ౦ژʹ༡ͼʹߦͬͨΒɺΠϕϯτ͕։͔Εͨɻ w QIQͷ͍ΖΜͳϑϨʔϜϫʔΫͷਓ w QZUIPO +BWBͷਓ w ͍͖ͳΓೱ͍ਓୡʹ༡ΜͰΒ͑ͨ
ࢀߟจݙʰSIBDP3JBG$POGFSFODF SJBGܴܸSIBDPษڧձ ʱ IUUQEIBUFOBOFKQTPUBSPL
04$ւಓ w ͡Ίͯͷ04$ w ౦ژͰ͋ͬͨਓདྷΔͬͯݴ͏ΜͰɺ͡Ό͋ߦ͔͘ ͱɻ w ʮւಓʹ͜Μͳਓୡ͕ډͨΜͩͳʔʂʯ w -0$"-ͷଘࡏΛΔ
-0$"-ʹࢀՃ͢Δ w ݄ʹɺࡳຈํ໘ʹ༡ͼʹߦͬͨ Ոͱ w ՋͩͬͨͷͰɺ5XJUUFSͰ୭͔༡ͼ·ͤΜ͔ͱᄁ ͍ͯΈΔͱɺ!NBLJFT͞Μ͔Βੴುʹ༠ΘΕΔɻ w ͡Ίͯͷ-0$"-ͳਓͨͪͱ͓ͳ͠ w
͓͠Ζͦ͏ͳͷͰɺ.-ʹࢀՃͯ͠ΈΔ
w େֶ w -0$"-తͳ͍Ζ͍ΖʹإΛͩ͠͡ΊΔ w ࣨའํ໘͕Γ্͕Γ࢝ΊΔ 4".*5 w ત·͘͠ͳͬͯݟΔ
NJOUFDI w ͪͳΈʹͲ͍ͬͪ·ͬͯͳ͍ΑͶ w ͍͍ΜͩɺΈΜͳָ͕͍͠ܗʹͳΕ ݱࡏ ੜ
w ଔۀࣜʹग़ͣʹଔۀ w גࣜձࣾΦτόϯΫʹೖࣾ w ʮ୭͍ͬͯΔਓ͕ډͳ͔͔ͬͨΒʯ w 'F#F ৽ץ+1
࿕ಡগঁ FUD ݱࡏ ੜ
w גࣜձࣾΦτόϯΫΛୀ৬ ݄ w גࣜձࣾΫϩίεʹ+PJO w ݄ۀɺ+PJO݄ w ʮձࣾΛ࡞Δͬͯɺͨ͘͞Μϋϯίԡ͢Μ
ͩͳ͋ʯ ݱࡏ ੜ
גࣜձࣾΫϩίε ͜Εɻ
גࣜձࣾΫϩίε
ݱࡏ ݱࡏ
ੜ w ౦ژࡏॅ w ࡀ w גࣜձࣾΫϩίε w ڞಉۀऀɾΤϯδχΞ w -0$"-ຊ1)1ϢʔβʔձFUD w ൴ঁืूத
ͦͯ͠ɺ͜Ε͔Β લɺΦτόϯΫͳΜͯΒͳ͔ͬͨ લɺԬݩ͞Μɾখᖒ͞Μͱձͬͯͳ͔ͬͨ લɺݟͰ͠ΌΔ͜ͱʹͳΔͱࢥͬͯ ͳ͔ͬͨɻ
ͦͯ͠ɺ͜Ε͔Β ɺϲ݄ઌ͢ΒΑ͘Θ͔Βͳ͍ɻ
ͦͯ͠ɺ͜Ε͔Β ͕ͩɺ ͦΕ͕͍͍ɻ
ͻͱͭݴ͑Δ͜ͱ ৼΓฦͬͯΈΔͱɺ ٕज़ܥͷίϛϡχςΟʹإΛग़࢝͠Ί͔ͯΒ ৭ʑͳ͜ͱ͕ɺ͍͢͝εϐʔυͰىͬͨ͜ɻ
͍͑ͨ͜ͱ w ब৬ͷํͱ͔ɺاۀͷํͱ͔Ͱͳͯ͘ɺ w ͍͔ͭ͘ͷબࢶ͔ΒɺԿΛબͿ͔ɻ w ΅͘ʮΑΓɺָ͍͠ؾ͕͢Δ΄͏ɻʯ w ޙչͨ͘͠ͳ͍Ͱ͢ΑͶɻ w
ʮΈΜͳͬͯΔ͔Βʯͬͯͭ·Μͳ͍ɻ w ࣦഊͨͬͯ͠ɺ໓ଟͳ͜ͱͰࢮͳͳ͍ͬ͢ɻ
ͦͯ͠ w ίϛϡχςΟͱ͔ɺͲΜͳΧλνͰ͋Εɺଓ͚Δ ʢॴ͚ͩ͢ʣ͜ͱ͕େͩͱࢥ͍ͬͯ·͢ɻ w ʮྗ͕ਖ਼ٛʯͱࢥ͍ͬͯ·ͤΜɻ w ແཧ͢Δͱɺ͍͔ͭͲ͔͜Ͱഁ͢ΔͷͰɻ w ͪΖΜɺͦΕΛܦݧ͢Δͷɺͱͯେͳ͜
ͱͰ͋Δͱࢥ͍·͢ɻ w ͕ɺͦΕͰ௵Εͯ͠·͏ͷ͍ͬͨͳ͍ɻ
w 0IPUFDI͍͢͝ɻ w Ͳ͏͕ͯ͠ډͳ͘ͳ͔ͬͯΒ͜͏ɺָ͍͜͠ͱ͕ ى͜Δͷ͔ɻ w ࣧౄՆɻ 0IPUFDI
͏ʔʔΜ ԶͷΩϟϥ͡Όͳ͍ͳ͋͜Ε
͏Μɺ·ͱ·Βͳ͔ͬͨ w ͪΐͬͱ͏·͘·ͱ·Βͳ͔ͬͨΜͰ͕͢ w ࠙ձࢀՃ͑ͱ͍͏͜ͱͰ w ͥͻ࠙ձͰͬͱָ͍͓͠Λ͠·͠ΐ͏ɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ That’s all for today ,FJTVLF4"50 $P'PVOEFSBOE&OHJOFFSBU$SPDPT*OD