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.js初心者向けハンズオン
Search
kazupon
April 20, 2018
Programming
1
1.7k
Vue.js初心者向けハンズオン
supported by teratail
2018.04.20
kazupon
April 20, 2018
Tweet
Share
More Decks by kazupon
See All by kazupon
Vapor Revolution
kazupon
2
3.1k
Vue.js最新動向
kazupon
3
1.5k
Vue 3.4
kazupon
13
4.6k
Vue & Vite Rustify
kazupon
4
2.2k
Vue.jsエコシステム動向2023
kazupon
17
7.6k
Reactivity Transform
kazupon
1
1.3k
わたしのOSS活動
kazupon
1
1k
Vue with Vite
kazupon
2
2.5k
State of Vue I18n
kazupon
3
580
Other Decks in Programming
See All in Programming
Vue.jsでiOSアプリを作る方法
hal_spidernight
0
130
ISUCON14感想戦で85万点まで頑張ってみた
ponyo877
1
810
最近のVS Codeで気になるニュース 2025/01
74th
1
250
Linux && Docker 研修/Linux && Docker training
forrep
23
4.3k
技術を根付かせる / How to make technology take root
kubode
1
110
2025.01.17_Sansan × DMM.swift
riofujimon
3
690
『改訂新版 良いコード/悪いコードで学ぶ設計入門』活用方法−爆速でスキルアップする!効果的な学習アプローチ / effective-learning-of-good-code
minodriven
29
5k
はてなにおけるfujiwara-wareの活用やecspressoのCI/CD構成 / Fujiwara Tech Conference 2025
cohalz
3
4.3k
昭和の職場からアジャイルの世界へ
kumagoro95
1
190
CloudNativePGがCNCF Sandboxプロジェクトになったぞ! 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
210
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
ISUCON14公式反省会LT: 社内ISUCONの話
astj
PRO
0
160
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
67
11k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.4k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Six Lessons from altMBA
skipperchong
27
3.6k
Agile that works and the tools we love
rasmusluckow
328
21k
How STYLIGHT went responsive
nonsquared
98
5.3k
A designer walks into a library…
pauljervisheath
205
24k
Docker and Python
trallard
44
3.2k
Producing Creativity
orderedlist
PRO
343
39k
Transcript
Vue.js ॳ৺ऀ͚ϋϯζΦϯ supported by teratail 2018.04.20 @kazupon
ࣗݾհ
kazupon Vue.js Core Team Vue.js japan users group organizer vue-i18n,
vuejs/jp.vuejs.org maintainer storybook vue support member CUUSOO SYSTEM CTO @kazu_pon kazupon
ࠓͷΰʔϧ
ࠓͷΰʔϧ • Vue.jsͷجຊʹֶ͍ͭͯͿ • ϋϯζΦϯ͚ͷࢿྉͱެࣜυΩϡ ϝϯτΛݩʹֶश͍ͯ͘͠ • ࠓճͷֶशΛػձʹɺVue.jsͷڵ ຯΛ࣋ͪɺ͍͖ͬͯ·͠ΐ͏ʂ
ϋϯζΦϯʹ ਐΉલʹ
None
Vue.js • ࡞ऀ: Evan You • ϏϡʔͷϥΠϒϥ Ϧ • 2013ݸਓϓϩδΣ
Ϋτͱͯ͠։࢝ • 20142݄ʹv0.8ެࣜ ϦϦʔε
2015.04.20 Laravel Ͱ࠾༻ܾఆ 2015.10.26 v1.0 Evangelion 2016.10.01 v2.0 Ghost in
the Shell 2017.10.13 v2.5 Level E 2018.04.20 ݱࡏ ࠷৽: v2.5.16 ྺ࢙
2017ͷঢ়گ രൃతͳ
None
• ֶशίετ͕͍ • ίϯϙʔωϯτࢦʹΑΔUIߏԽ • ϦΞΫςΟϒͳσʔλόΠϯσΟϯά ಛ
ϑϨʔϜϫʔΫ ͱͯ͠ͷ ֶ
ϓϩάϨογϒ ϑϨʔϜϫʔΫ
VS ϑϨʔϜϫʔΫͷෳࡶ͞ ΞϓϦέʔγϣϯͷෳࡶ͞
ෆेͳέʔε
None
ෆेͳέʔε ͷ ϝλϑΝ
None
Φʔόʔͳέʔε
None
Φʔόʔͳέʔε ͷ ϝλϑΝ
None
ϑϨʔϜϫʔΫͷෳࡶੑ ΞϓϦέʔγϣϯͷෳࡶੑʹରͯ͠ेͳί ετΛPayͰ͖ΔͷͰͳ͚ΕͳΒͳ͍
͔͠͠ͳ͕Β ࣮ࡍͷݱ…
Ϗδωεཁ݅ ઈ͑ͣม͢Δ
ϑϨʔϜϫʔΫ ͜ΕʹରԠͰ͖ͳ͚Ε ͳΒͳ͍
͜Μͳײ͡Ͱελʔτͯ͠ ϏϡʔίΞ
ن͕େ͖͘ͳ͖ͬͯͨͱ͖ ϏϡʔίΞ ʴ Φϓγϣϯతͳ ΞϓϦέʔγϣϯ։ൃαϙʔτϥΠϒϥϦ
αϙʔτͰ͖Δ ϥΠϒϥϦͳ͚Ε…
ϑϩϯτΤϯυ ਏ͘ͳΔ
ϓϩάϨογϒ ϑϨʔϜϫʔΫ
http://ejje.weblio.jp/content/progressive
ΞϓϦέʔγϣϯͷ ஈ֊తͳมԽཁٻʹԠͯ͡ ղܾͰ͖Δํ๏Λఏڙ͢Δ
Vue.jsຊମ Vue Router Vuex Vue CLI https://speakerdeck.com/kazupon/the-progressive-framework#40 ͜ΕΒྖҬͷৄࡉҎલൃදͨ͠ԼهURLͷεϥΠυͰ
ຊͷֶशͰ ΧόʔͰ͖ΔྖҬ
Vue.jsຊମ Vue Router Vuex Vue CLI ͜͜ʂ
• એݴతϨϯμϦϯά (Declarative Rendering) • ίϯϙʔωϯτγεςϜ (Component System) ࠓͷϋϯζΦϯ
ϋϯζΦϯ͕ऴΘͬͨΒʁ ✅
Vue.jsʹ͍ͭͯͬͱཧղ͍ͯ͜͠͏ʂ ॻ੶େखग़൛ࣾಉਓࢽ ٕज़ॻయ ͳͲͰ ग़࢝Ί͍ͯΔ
ίϛϡχςΟʹࢀՃ͠Α͏ʂ • Vue.jsຊϢʔβʔάϧʔϓӡӦ • Slack https://vuejs-jp-slackin.herokuapp.com • VuejsຊޠެࣜαΠτܦ༝ͰδϣΠϯͰ͖·͢ http://jp.vuejs.org •
Vue.js Meetup (connpass) https://vuejs-meetup.connpass.com
ຊॳΧϯϑΝϨϯε։࠵༧ఆʂ https://vuefes.jp
Thank you!