Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
オッパブ
Search
スポーン
February 19, 2017
Technology
0
750
オッパブ
スポーン
February 19, 2017
Tweet
Share
More Decks by スポーン
See All by スポーン
ヒエログリフ入門
gnspawn
0
770
香料と年齢層及びジャンルの関係
gnspawn
0
68
mashi-mashi
gnspawn
0
160
What's design
gnspawn
0
350
前衛地獄を生き残る
gnspawn
0
330
gitのア
gnspawn
0
270
Other Decks in Technology
See All in Technology
CARTAのAI CoE が挑む「事業を進化させる AI エンジニアリング」 / carta ai coe evolution business ai engineering
carta_engineering
0
1.9k
GitHub Copilotを使いこなす 実例に学ぶAIコーディング活用術
74th
3
3.4k
re:Invent2025 コンテナ系アップデート振り返り(+CloudWatchログのアップデート紹介)
masukawa
0
390
WordPress は終わったのか ~今のWordPress の制作手法ってなにがあんねん?~ / Is WordPress Over? How We Build with WordPress Today
tbshiki
1
810
マイクロサービスへの5年間 ぶっちゃけ何をしてどうなったか
joker1007
12
5.9k
文字列の並び順 / Unicode Collation
tmtms
3
600
SREには開発組織全体で向き合う
koh_naga
0
360
評価駆動開発で不確実性を制御する - MLflow 3が支えるエージェント開発
databricksjapan
1
210
打 造 A I 驅 動 的 G i t H u b ⾃ 動 化 ⼯ 作 流 程
appleboy
0
350
Debugging Edge AI on Zephyr and Lessons Learned
iotengineer22
0
220
Reinforcement Fine-tuning 基礎〜実践まで
ch6noota
0
190
ActiveJobUpdates
igaiga
1
130
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.3k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
54k
[SF Ruby Conf 2025] Rails X
palkan
0
540
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
Unsuck your backbone
ammeep
671
58k
A Modern Web Designer's Workflow
chriscoyier
698
190k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.7k
Six Lessons from altMBA
skipperchong
29
4.1k
How STYLIGHT went responsive
nonsquared
100
6k
Transcript
Φ ο ύ ϒ Φο ϙΠϯτ ϋϒ
Ξ • ࣗݾհ • Φοʹ͍ͭͯ • Firebaseศར • ͓ΘΓ
୭ • @gn_spawn • hojiroLTͷઃऀ • ڭतʹLTࢀՃඅ15ສΛཁٻͨ͠Βֶ֎์͞ ΕࠓʹࢸΔ • ΞΠυϧͷϥΠϒͰϚϚͱڣͿ͜ͱ͕ಘҙ
ਪ͠ ೆ ࡊੜ (PassCode)
Φο #ͱ
IUUQTHJUIVCDPN%B7JODF$PEF.1+%JTTVFT
Φο #ͱ • ಛҟͳͷɺҟ࣭ͳͷʹରͯ͠ͷԠ • ϠόΠͳɺݫ͍͠ͳͱࢥͬͨͱ͖ͷԠ • ໘നͦ͏ͳͷͷԠ
ΦοͱࢥͬͨΒ օͱڞ༗͍ͨ͠
ڞ༗ͨ͠ͷʹΦοͳͷʹ ΦοϙΠϯτΛ͚͍ͭͨ
None
Φούϒ • ΦοϙΠϯτϋϒɺུͯ͠Φούϒ • ୭ͰΦοͱࢥͬͨURLΛڞ༗Ͱ͖Δ • ΦοͱࢥͬͨճΦοϙΠϯτΛ૿ͤΔ • Vue.js +
Firebase + (vuefire)
Firebase Φο
Firebase • GoogleͷmBaaS(όοΫΤϯυΘΓʹͳΔ) • ࠓճͬͨͷRealtimeDB • ୭͔͕Ճͨ͠ΒϦϩʔυ͠ͳͯ͘ө͞ ΕΔ • ͋Δఔͷ༰ྔͱτϥϑΟοΫ·Ͱແྉ
None
RealtimeDB • ͍ΘΏΔNoSQL • jsonΈ͍ͨͳΦϒδΣΫτͬΆ͍ײ͡Ͱอଘ Ͱ͖Δ • ಉ͡ͷΛಉ࣌ʹߘͨ࣌͠ʹিಥ͠ͳ͍Α ͏ʹͰ͖Δ
·ͱΊ • FirebaseHostingఏڙͯ͠Δ͔Βϑϩϯτॻ ͚Δ͚ͩͰΞϓϦέʔγϣϯ࡞ΕΔ • vue-cli͕ศར(webpackͱ͔gulpͱ͔babelͰফ ͨ͘͠ͳ͍) • GitHubʹ্͛ͱ͔͘ΒػೳՃͷϓϧϦΫૹͬͯ