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
GitHub's CSS Performance
jonrohan
1032
460k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Docker and Python
trallard
46
3.6k
The Language of Interfaces
destraynor
162
25k
Optimizing for Happiness
mojombo
379
70k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
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