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.8k
Vue.js初心者向けハンズオン
supported by teratail
2018.04.20
kazupon
April 20, 2018
Tweet
Share
More Decks by kazupon
See All by kazupon
わたしのOSS活動
kazupon
3
480
Vapor Revolution
kazupon
3
3.5k
Vue.js最新動向
kazupon
3
1.5k
Vue 3.4
kazupon
13
4.7k
Vue & Vite Rustify
kazupon
4
2.3k
Vue.jsエコシステム動向2023
kazupon
17
7.8k
Reactivity Transform
kazupon
1
1.4k
わたしのOSS活動
kazupon
1
1k
Vue with Vite
kazupon
2
2.6k
Other Decks in Programming
See All in Programming
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
350
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
130
ニーリーにおけるプロダクトエンジニア
nealle
0
790
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
250
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
210
A2A プロトコルを試してみる
azukiazusa1
2
1.3k
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
110
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
160
PicoRuby on Rails
makicamel
2
130
Is Xcode slowly dying out in 2025?
uetyo
1
260
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
160
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
11
3k
Featured
See All Featured
Navigating Team Friction
lara
187
15k
Done Done
chrislema
184
16k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
510
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
The Language of Interfaces
destraynor
158
25k
Code Reviewing Like a Champion
maltzj
524
40k
Scaling GitHub
holman
459
140k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
270
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
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!