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
Vue.js最新動向
kazupon
3
1.2k
Vue 3.4
kazupon
13
4.2k
Vue & Vite Rustify
kazupon
4
1.9k
Vue.jsエコシステム動向2023
kazupon
17
7.1k
Reactivity Transform
kazupon
1
1.2k
わたしのOSS活動
kazupon
1
950
Vue with Vite
kazupon
2
2.4k
State of Vue I18n
kazupon
3
510
まちにまった Vue.js 3
kazupon
14
5.4k
Other Decks in Programming
See All in Programming
TypeScriptを活用したi18n対応
minako__ph
8
1.5k
A Sighting of filterA in Typelevel Rite of Passage
philipschwarz
PRO
0
160
multipart/form-dataの省メモリパース / Go Conference 2024 Pre Party #gocon24_preparty
mazrean
0
270
The state of Ruby tooling
vinistock
0
120
スタートアップでどのようにAutifyを活用しているか
webuilder240
0
100
freee 技術の日 2024 Day1 進化していくシステムアーキテクチャ
usami
1
410
Navigating Generative AI: A Developer's Guide
alperhankendi
0
210
Ruby と Rails の小ネタ集
daisukeshinoku
2
110
RubyKaigi参加歴をふりかえる / Looking Back on My RubyKaigi Participation History #kaigieffectLT
expajp
2
290
ぎゃるえんじにあがハッカソンの虜になった!
rino7_tech
1
110
The Final Frontier of Web Development: React Server Components vs Jakarta EE
ivargrimstad
0
1.1k
Streaming I/O
macdice
0
230
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Music & Morning Musume
bryan
42
5.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
15
8.5k
WebSockets: Embracing the real-time Web
robhawkes
59
7.1k
The World Runs on Bad Software
bkeepers
PRO
62
8.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
14
4.8k
The Art of Programming - Codeland 2020
erikaheidi
46
12k
Robots, Beer and Maslow
schacon
PRO
155
8k
Teambox: Starting and Learning
jrom
129
8.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.5k
Navigating Team Friction
lara
179
13k
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!