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奮闘記録/VueBeginner
Search
Libra189
April 25, 2019
Programming
0
300
初心者のVue奮闘記録/VueBeginner
v-kansai Vue.js/Nuxt.js meetup #5
LT5分枠にて発表
https://vuekansai.connpass.com/event/122664/
Libra189
April 25, 2019
Tweet
Share
Other Decks in Programming
See All in Programming
Elm Form Validation
bkuhlmann
0
510
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
3
790
HUIT新歓2024「競技プログラミング、やってみませんか?」
slephy2784
1
250
1BRC--Nerd Sniping the Java Community
gunnarmorling
0
300
脱・初心者!脱・マネコン!AWS CDKを使ってみませんか!?
har1101
0
300
CQRS/ES avec Symfony, c’est (trop) bien !
jeremyfreeagent
1
630
Netty Chicago Java User Group 2024-04-17
sullis
0
130
PHPの次期バージョンはこの時期どうなっているのか - Internalsの開発体制について - PHPカンファレンス小田原
youkidearitai
PRO
1
180
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
4
550
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
130
Code Reviews
bkuhlmann
4
880
1인 개발자로 행복하게 살기 - GDG 송도 헬로월드 2024
benjaminkim
1
5.6k
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
14
3.8k
Debugging Ruby Performance
tmm1
70
11k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Making Projects Easy
brettharned
108
5.5k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
20
1.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Building an army of robots
kneath
300
41k
Bash Introduction
62gerente
604
210k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
13
1.5k
Designing Experiences People Love
moore
136
23k
Transcript
v-kansai Vue.js/Nuxt.js Meetup #5 2019/04/25
ॳ৺ऀͷVue.jsه
ࢁԼେี ΠϯϑΥχοΫגࣜձࣾ WebΤϯδχΞ Ruby,PHP,SalesforceΛར༻ͨ͠ Web։ൃʹैࣄ αʔόαΠυɺϑϩϯτΤϯυɺΠϯ ϑϥɺอकΛ୲ Twitter: @libra189 ࣗݾհ
ࣗͷࣗݾհαΠτΛ࡞
https://portfolio-of-daisuke.firebaseapp.com/
αΠτߏ FW: Vue.js CLI v3 ϥΠϒϥϦ: ɾvue-analytics ɾvue-router ɾBootstrap Hosting:
Firebase Hosting
ศརͩͬͨ͜ͱ $ vue create vue-example ͜Ε͚ͩͰ͙ʹಈ͘ϓϩδΣΫτ͕࡞Ͱ ͖Δ SPA͍͜͠ͱແ͘ߏͰ͖ͨ ϥΠϒϥϦͷՃ͕ͱͯ؆୯ σϓϩΠ༻ͷϏϧυίϚϯυҰൃ
ࠔͬͨ͜ͱ WebpackͷઃఆϑΝΠϧ͕Ӆṭ͞Εͯͯઃఆ͕มߋͰ͖ͳ͔ͬͨ ςϯϓϨʔτΛಋೖ͕ͨ͠BundleͰ͖ͳ͔ͬͨ Ұ෦BootstrapͷΫϥε͕ద༻Ͱ͖ͳ͔ͬͨ ςϯϓϨʔτʹؚ·Ε͍͔ͯͨΒʁ eslintͷܯࠂ͕ݫ͗͢͠Δ…
ࠓޙऔΓΈ͍ͨ͜ͱ ςϯϓϨʔτCSSΛBundle͢Δ ςετίʔυΛॻ͘ eslintΛ׆༻ͨ͠ίʔυελΠϧͷ౷Ұ Bootstrap͔ΒElement-UIҠߦ ΄΅ૉͷHTMLΛΈ߹Θ͚ͤͨͩͳͷͰVueͬΆ͍ίʔυΛॻ͖͍ͨ vuexΛ׆༻ͨ͠αΠτ࡞Γ