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
Vueで始める脱jQueryサイトコーディング
Search
koudai
September 21, 2018
0
98
Vueで始める脱jQueryサイトコーディング
koudai
September 21, 2018
Tweet
Share
More Decks by koudai
See All by koudai
大規模フロントエンドで のVueの漸進的な導入
ishiagme
2
410
Vueを広めるための_Nuxt.jsの可能性.pdf
ishiagme
0
2.3k
Nuxt+Netlifyで爆速サーバーレスSPA開発
ishiagme
0
110
v-meetup_8.pdf
ishiagme
0
65
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
A Tale of Four Properties
chriscoyier
158
23k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Adopting Sorbet at Scale
ufuk
75
9.2k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Bash Introduction
62gerente
611
210k
Embracing the Ebb and Flow
colly
84
4.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Transcript
/PX-PBEJOHʜ
7VFͰ࢝ΊΔK2VFSZ αΠτίʔσΟϯάͱͦͷؒͨͪ ੴُେ
ࣗݾհ w໊લੴُେʢ͍͕͠Ί͜͏͍ͩ wॴଐΞδΞΫΤετגࣜձࣾ wׂ'SPOUFOE&OHJOFFS wٕज़7VF /VYU 4FSWFSMFTT 69 wझຯΧϝϥɺಡॻɺΧϑΣ८Γ
ࣗݾհ w5XJUUFS!LBNFQPO@GF w'BDFCPPL w*OTUBHSBN w(JUIVC w2JJUB
ࣗݾհ 2JUUBͰهࣄॻ͍ͨΒόζͬͨ
ࣗݾհ
ࣗݾհ
ࣗݾհ
ࣗݾհ 2JUUBΑΖ͘͠Ͷ
ຊ
ΞδΣϯμ wڥपΓͷʢγϯϓϧฤʣ w࠷ۙͬͯΔ7VFपΓͷ͜ͱ wK2VFSZͰਏ͍͜ͱɺ7VFʹ͢Δͱྑ͍͜ͱ w࣮ྫհ
w7VF͖ʹͳΔ͚ͲීஈIUNMDTT ͪΐͬͱKT͘Β͍ͷਓ wίʔμʔ͞Μ w7VFͬͯݟ͍͚ͨͲ8FCQBDLڥ·ͰΒͳ͍ਓ wK2VFSZ͍ͨ͠ਓ ΞδΣϯμ
ڥपΓͷʢγϯϓϧฤʣ
ڥपΓͷʢγϯϓϧฤʣ
ڥपΓͷʢγϯϓϧฤʣ
ڥपΓͷʢγϯϓϧฤʣ
ڥपΓͷʢγϯϓϧฤʣ ΊͬͪΌޮత ൚༻తͳ$44 +4ΛԿճॻ͔ͳͯ͘ΠΠ OQNTDSJQUϕʔεͰ৭ʑͰ͖Δ ϝϦοτ
ڥपΓͷʢγϯϓϧฤʣ &EJUPSDPOpH 1BDLBHFKTPO OQNJOJU͠Α͏ ೖΕͱ͘ΠΠͷ
࠷ۙͬͯΔ7VFपΓͷ͜ͱ
࠷ۙͬͯΔ7VFपΓͷ͜ͱ 44( /VYUKT
࠷ۙͬͯΔ7VFपΓͷ͜ͱ 44(
࠷ۙͬͯΔ7VFपΓͷ͜ͱ 4UBUJD4JUF(FOFSBUPS )5.-$44+4Ͱͷ੩తͳαΠτΛޮΑ͘ ࡞͢ΔͨΊͷπʔϧ
࠷ۙͬͯΔ7VFपΓͷ͜ͱ 4UBUJD4JUF(FOFSBUPS wίϯϙʔωϯτઃܭͰ੩తͳαΠτΛߏஙͰ ͖Δ w.BSLEPXO͔ΒIUNMΛॻ͖ग़͢͜ͱ͕Ͱ͖Δ wϨεϙϯε͕ૣ͍
࠷ۙͬͯΔ7VFपΓͷ͜ͱ 4UBUJD4JUF(FOFSBUPS
࠷ۙͬͯΔ7VFपΓͷ͜ͱ
࠷ۙͬͯΔ7VFपΓͷ͜ͱ /VYUKT
࠷ۙͬͯΔ7VFपΓͷ͜ͱ /VYUKT 7VFΛϕʔεʹͨ͠ΞϓϦέʔγϣϯΛ ߏங͢ΔͨΊͷϑϨʔϜϫʔΫ
࠷ۙͬͯΔ7VFपΓͷ͜ͱ /VYUKT αʔόʔαΠυϨϯμϦϯά 443 41"44(؆୯ʹߏஙͰ͖Δ ελʔλʔͰڥߏஙΛεΩοϓͰ͖Δ
࠷ۙͬͯΔ7VFपΓͷ͜ͱ /VYUKT wWVFJOJUOVYUDPNNVOJUZTUBSUFSUFNQMBUF QSPKFDUOBNF wDEQSPKFDUOBNF wOQNJOTUBMM wOQNSVOEFW
࠷ۙͬͯΔ7VFपΓͷ͜ͱ /VYUKT
࠷ۙͬͯΔ7VFपΓͷ͜ͱ
࠷ۙͬͯΔ7VFपΓͷ͜ͱ ΊͬͪΌ؆୯
࠷ۙͬͯΔ7VFपΓͷ͜ͱ ͏/VYUͰ͑͑Μɻɻɻ
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ Έͳ͞Μ
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ ͬͯ·͔͢ʁ
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ ਏ͘ͳ͍͔ͬ͢ʁ
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ ਏ͍Ͱ͢ɺɺɺ
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ Կ͕ਏ͍͔
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ ঢ়ଶ͕ແ͍ͷͰ͔Βͳͯͭ͘Β͍ ཁૉͷՃɾআ໋͕ྩత%0.υϦϒϯͰਏ͍ ׯবͯ͠Δ͔ͯ͠ͳ͍͔͕Θ͔ΓͮΒ͍
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ QBSFOU QBSFOU pOE
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ lIPHF QBSFOU QBSFOU QBSFOU pOE I
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ Ҿ༻ɾɾɾIUUQTRJJUBDPNZBNBNPUP@IJSPZBJUFNTDECDBDC
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ Ҿ༻ɾɾɾIUUQTRJJUBDPNZBNBNPUP@IJSPZBJUFNTDECDBDC
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ K2VFSZͷ%0.ૢ࡞ %0.υϦϒϯ ʢ%0.ͷߏʹґଘͯ͠Δ෦͋Δʣ
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ K2VFSZͷ%0.ૢ࡞ ໋ྩత
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ ਏ͍
K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ 7VFʹ͢ΔϝϦοτ
w%FW5PPMͰΞϓϦέʔγϣϯͷঢ়ଶ͕Θ͔Δ wએݴత͔ͭσʔλυϦϒϯ K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ
7VFͰͷॴײ %FW5PPMͰΞϓϦέʔγϣϯͷঢ়ଶ͕Θ͔Δ
7VFͰͷॴײ %FW5PPMͰΞϓϦέʔγϣϯͷঢ়ଶ͕Θ͔Δ
7VFͰͷॴײ %FW5PPMͰΞϓϦέʔγϣϯͷঢ়ଶ͕Θ͔Δ
એݴతϨϯμϦϯά 7VF Ҿ༻ɾɾɾIUUQTWVFYWVFKTPSHKB K2VFSZͰਏ͍͜ͱɺ7VFʹ͢ΔͱΠΠ͜ͱ
࣮ྫհ
5IBOLZPVWFSZNVDI9% &OKPZ7VFKT