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.js経験日数2日で、あるサービスを作ってみた
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
gaomar
January 19, 2019
Technology
0
1.7k
Vue.js経験日数2日で、あるサービスを作ってみた
v-kansai Vue.js/Nuxt.js meetup #2 登壇資料
https://vuekansai.connpass.com/event/112900/
gaomar
January 19, 2019
Tweet
Share
More Decks by gaomar
See All by gaomar
PAD・enebular・Lexで 交通費を確認してみた / enebular-200902
gaomar
0
210
よくあるご質問をノーコードで試してみた / enebular-210210
gaomar
0
220
enebularで湯婆婆をノーコードで実装してみた / enebular-201201
gaomar
0
1.1k
CLOVA OCRをenebularで連携してみた / yurufuwaml-201104
gaomar
0
400
会社の受付システムをenebularでやってみる / 0yenRPA-201006
gaomar
0
240
ゆるふわマシンラーニング vol.4 / yurufuwaml-200702
gaomar
0
290
Makecode Arcadeハンズオン資料 / makecodearcade-0625
gaomar
2
540
M5StickCをLINE Beacon化してみた / m5stack-200207
gaomar
0
770
スマートスピーカーミーティング 20200130 / ssmtg-200130
gaomar
0
510
Other Decks in Technology
See All in Technology
SchooでVue.js/Nuxtを技術選定している理由
yamanoku
3
280
登壇駆動学習のすすめ — CfPのネタの見つけ方と書くときに意識していること
bicstone
3
140
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
aeonpeople
1
270
usermode linux without MMU - fosdem2026 kernel devroom
thehajime
0
240
Embedded SREの終わりを設計する 「なんとなく」から計画的な自立支援へ
sansantech
PRO
3
2.7k
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
khmoryz
0
210
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
1
390
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
zepprix
0
490
私たち準委任PdEは2つのプロダクトに挑戦する ~ソフトウェア、開発支援という”二重”のプロダクトエンジニアリングの実践~ / 20260212 Naoki Takahashi
shift_evolve
PRO
2
240
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.6k
Cosmos World Foundation Model Platform for Physical AI
takmin
0
1k
CDK対応したAWS DevOps Agentを試そう_20260201
masakiokuda
1
490
Featured
See All Featured
Design in an AI World
tapps
0
150
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.1k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
160
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
58
50k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
380
Site-Speed That Sticks
csswizardry
13
1.1k
ラッコキーワード サービス紹介資料
rakko
1
2.3M
Building a Scalable Design System with Sketch
lauravandoore
463
34k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
260
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
80
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
120
Un-Boring Meetings
codingconduct
0
200
Transcript
7VFKTܦݧͰɺ ͋ΔαʔϏεΛ࡞ͬͯΈͨ
ࣗݾհʢ͕͓·Δʣ ॴଐɿגࣜձࣾΞΠΤϯλʔɹେࡕࢧళ ɹɹɹ3%ɹೖࣾ ɹɹɹεϚʔτεϐʔΧʔΤόϯδΣϦετ ۀɿΧʔϦϯάࢧԉπʔϧ։ൃ ɹɹɹεϚʔτεϐʔΧʔݚڀ։ൃ ɹɹɹ)PMP-FOTݚڀ։ൃ ɹɹɹ"84αʔϏεݚڀ ߴഅɹయ !HBPNBS
͖ͳݴ༿ɿͶ͐$MPWB ͔ͨ͏·ɹͻΖͷΓ
ࣗݾհ εϚʔτεϐʔΧʔΞϓϦ։ൃೖ େධൃചதʂ
ϲ݄લ
͜ͷษڧձͰ7VFͷΠϩϋΛΔ
ౙٳΈதͷ ؒͰ࡞ͬͨ
୭ͰొͰ͖Δ ιʔγϟϧΞϓϦ
ΈΜͳͷθϩΧϩϦʔ
θϩΧϩϦʔཧͱ ͍Ζ͍Ζͳ৯ΛθϩΧϩϦʔͰ͋Δͱ ҏୡΈ˓͓ࢯ͕ఏএͨ͜͠ͱʹ༝དྷ͢Δ
Χεςϥ খ͘͞௵ͨ͠ΒΧϩϦʔθϩ
υʔφπ ͕ۭ͍݀ͯΔ͔ΒθϩΧϩϦʔ
γεςϜߏ
'JSFCBTF)PTUJOH %#'JSFTUPSF ʘ͕ۭ͍݀ͯΔ͔ΒθϩΧϩϦʔʗ
ڥߏங
࠷ॳʹͨ͜͠ͱ npm install -g vue-cli
npm install vuetify --save 7VFUJGZΛΠϯετʔϧ
npm install firebase --save pSFCBTFΛΠϯετʔϧ
WUPPMCBS WUFYUpFME WMJTU WCUOͷGBC qPBUJOHBDUJPOCVUUPO
WEJBMPH
σϞಈը
7VFΛͬͯΈͨײ
w ͓࡞๏Λ͑ΕαΫοͱ࡞ΕΔ w WVFUJGZͳͲͰϦονͳͷ͕࡞ΕΔ w UFYUDIBOHFͰड͚औͬͨΓ͢Δඞཁ͕ͳ͍WNPEFMศརʂ w WTIPX WJGศརͩͶ w
7VFదʹΕͦΕͳΓͷͷ͕࡞ΕΔ w .BUFSJBMJ[FͷΞΠίϯ͕0TBLB.FUSPͱࣅ͗͢X w 'JSFCBTFਆʂ
ࠂ
"[VSF5FDI-BCʹͯొஃ͠·͢ʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ