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
68
Featured
See All Featured
Practical Orchestrator
shlominoach
188
11k
Writing Fast Ruby
sferik
628
61k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
Side Projects
sachag
455
42k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Bash Introduction
62gerente
614
210k
Building Applications with DynamoDB
mza
95
6.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Become a Pro
speakerdeck
PRO
28
5.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
930
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.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