初心者のVue奮闘記録/VueBeginner

 初心者の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

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