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
190
Webフロントエンド開発のこれまでと現在
riaf
0
160
[オトバンク社内勉強会用] プログラミング教育知ってる?
riaf
0
640
Openpear is gone.
riaf
0
440
Crocos x WebPay - WebPay Meetup #1
riaf
0
220
かたつむりにもわかる Git 超入門
riaf
0
910
PHP5.5、いつやるか?今でしょ!
riaf
9
3.6k
rhaco - Framework Updates
riaf
0
120
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
3.8k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
16
940
Mobile First: as difficult as doing things right
swwweet
223
9.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Making Projects Easy
brettharned
116
6.3k
Done Done
chrislema
184
16k
The Cost Of JavaScript in 2023
addyosmani
51
8.4k
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