Upgrade to Pro — share decks privately, control downloads, hide ads and more …

初心者のVue奮闘記録/VueBeginner

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Libra189 Libra189
April 25, 2019
Programming
0
350

 初心者のVue奮闘記録/VueBeginner

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

Avatar for Libra189

Libra189

April 25, 2019
Tweet

Other Decks in Programming

See All in Programming
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
420
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
970
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6k
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
610
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
0
130
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
640
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.8k
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
220
MUSUBIXとは
Avatar for Hisaho nahisaho
0
130
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
680
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
8.5k

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.2k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
120
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.3k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.5k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.2k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
230

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