初心者のVue奮闘記録/VueBeginner

44a841c8a3fb3726a29957172a3f2de7?s=47 Libra189
April 25, 2019
Programming
0
210

 初心者のVue奮闘記録/VueBeginner

v-kansai Vue.js/Nuxt.js meetup #5
LT5分枠にて発表
https://vuekansai.connpass.com/event/122664/

44a841c8a3fb3726a29957172a3f2de7?s=128

Libra189

April 25, 2019
Tweet

Other Decks in Programming

See All in Programming
20c5ddcad23304aed77ce8c3aa020562?s=48 tkmru
1
100
B1f68959f14f39a7cba2bc9fd4b926e9?s=48 ruyadorno
2
340
52711e2157a6fed933b0361cc06a6953?s=48 marcelgsantos
1
230
1fab9d01b25e99522f3dfd01e3d4cb51?s=48 soutaro
0
440
275e91e7de0d6321f3759c2d0789c6d2?s=48 amaltson
2
240
E120f1fcd6d2811ea5e06d110566a543?s=48 tanakarian
0
290
3b38214ae9927683d69680cb6161852b?s=48 jorgecastilloprz
0
1.6k
0227f6274b8a6cce078d7f8a91460c41?s=48 eminetto
4
350
Bc142fbacf80354db09fe3dda44afcf1?s=48 nobonobo
0
120
2ddd3d3e0d92ad45884bdcbef3a514a8?s=48 chiaoteni
2
330
24e791120237a2df0d4fcdd98161c56b?s=48 pentake9
0
130
4578d99b560b2a470e05288ef6766ac2?s=48 paulk
0
640

Featured

See All Featured
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
258
16k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5.1k
11c84dff30266b907714802088852677?s=48 jasonvnalue
82
8k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
274
31k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
143
19k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
176
14k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
310
21k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
66
2.9k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
12
610
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
15k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
92
2.9k

Transcript

  1. v-kansai Vue.js/Nuxt.js Meetup #5 2019/04/25

  2. ॳ৺ऀͷVue.jsه࿥

  3. ࢁԼେี ΠϯϑΥχοΫגࣜձࣾ WebΤϯδχΞ Ruby,PHP,SalesforceΛར༻ͨ͠ Web։ൃʹैࣄ αʔόαΠυɺϑϩϯτΤϯυɺΠϯ ϑϥɺอकΛ୲౰ Twitter: @libra189 ࣗݾ঺հ

  4. ࣗ෼ͷࣗݾ঺հαΠτΛ࡞੒

  5. https://portfolio-of-daisuke.firebaseapp.com/

  6. αΠτߏ੒ FW: Vue.js CLI v3 ϥΠϒϥϦ: ɾvue-analytics ɾvue-router ɾBootstrap Hosting:

    Firebase Hosting

  7. ศརͩͬͨ͜ͱ $ vue create vue-example ͜Ε͚ͩͰ௚͙ʹಈ͘ϓϩδΣΫτ͕࡞੒Ͱ ͖Δ SPA΋೉͍͜͠ͱແ͘ߏ੒Ͱ͖ͨ ϥΠϒϥϦͷ௥Ճ͕ͱͯ΋؆୯ σϓϩΠ༻ͷϏϧυ΋ίϚϯυҰൃ

  8. ࠔͬͨ͜ͱ WebpackͷઃఆϑΝΠϧ͕Ӆṭ͞Εͯͯઃఆ͕มߋͰ͖ͳ͔ͬͨ ςϯϓϨʔτΛಋೖ͕ͨ͠BundleͰ͖ͳ͔ͬͨ Ұ෦BootstrapͷΫϥε͕ద༻Ͱ͖ͳ͔ͬͨ ςϯϓϨʔτʹؚ·Ε͍͔ͯͨΒʁ eslintͷܯࠂ͕ݫ͗͢͠Δ…

  9. ࠓޙऔΓ૊Έ͍ͨ͜ͱ ςϯϓϨʔτCSSΛBundle͢Δ ςετίʔυΛॻ͘ eslintΛ׆༻ͨ͠ίʔυελΠϧͷ౷Ұ Bootstrap͔ΒElement-UI΁Ҡߦ ΄΅ૉͷHTMLΛ૊Έ߹Θ͚ͤͨͩͳͷͰVueͬΆ͍ίʔυΛॻ͖͍ͨ vuexΛ׆༻ͨ͠αΠτ࡞Γ