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
110
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.4k
Nuxt+Netlifyで爆速サーバーレスSPA開発
ishiagme
0
110
v-meetup_8.pdf
ishiagme
0
69
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
870
Leading Effective Engineering Teams in the AI Era
addyosmani
7
460
How STYLIGHT went responsive
nonsquared
100
5.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Java REST API Framework Comparison - PWX 2021
mraible
34
8.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
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