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
Become a Pro
speakerdeck
PRO
29
5.4k
Faster Mobile Websites
deanohume
307
31k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Bash Introduction
62gerente
613
210k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
980
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Building an army of robots
kneath
306
45k
Code Reviewing Like a Champion
maltzj
524
40k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
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