初心者のVue奮闘記録/VueBeginner

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Λ׆༻ͨ͠αΠτ࡞Γ