Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

初心者のVue奮闘記録/VueBeginner

Avatar for Libra189 Libra189
April 25, 2019
Programming
370
0

 初心者のVue奮闘記録/VueBeginner

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

Avatar for Libra189

Libra189

April 25, 2019

Other Decks in Programming

See All in Programming
機械に任せるテスト、人が見るテスト ⽣成AIで引き直した、運⽤保守フェーズの線引き
Avatar for KUSATAKE Daisuke dske104
0
190
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
Avatar for にー兄さん drumath2237
1
610
Unity6 URPによる海底をテーマにしたVJシステムの解説 | Unity Shader 完全に理解した 勉強会
Avatar for がむ gam0022
0
370
APNsからLive Activityを開始する話
Avatar for Ryotaro Onoue yumnumm
0
170
TechTown - Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
130
Vue Fes Japan の “作る側”に関わってみて
Avatar for Naoki Haba naokihaba
0
160
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
Avatar for Prota prota
1
1.9k
JIS keyboard support in Omarchy
Avatar for LEF lef237
0
120
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
540
Web Framework Benchmark Battle 2026, Any%
Avatar for Akira Matsuda a_matsuda
2
2.3k
すこし踏み込む CancellationToken
Avatar for tkym htkym
2
1.7k
[JA] Domain Modeling with Vanilla Rails: 「操作」から再考するRailsの設計論
Avatar for Yuichi Goto yasaichi
2
390

Featured

See All Featured
Abbi's Birthday
Avatar for Violet Bock coloredviolet
4
10k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
750
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
280
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
1k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
3
16k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
630
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
500
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
890
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
530
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
433
67k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
410
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.4k

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