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
オッパブ
Search
スポーン
February 19, 2017
Technology
0
750
オッパブ
スポーン
February 19, 2017
Tweet
Share
More Decks by スポーン
See All by スポーン
ヒエログリフ入門
gnspawn
0
780
香料と年齢層及びジャンルの関係
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
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
sashimimochi
0
150
顧客の言葉を、そのまま信じない勇気
yamatai1212
1
350
AzureでのIaC - Bicep? Terraform? それ早く言ってよ会議
torumakabe
1
510
配列に見る bash と zsh の違い
kazzpapa3
1
130
Greatest Disaster Hits in Web Performance
guaca
0
200
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.2k
Introduction to Bill One Development Engineer
sansan33
PRO
0
360
プロダクト成長を支える開発基盤とスケールに伴う課題
yuu26
4
1.3k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
42k
今日から始めるAmazon Bedrock AgentCore
har1101
4
400
We Built for Predictability; The Workloads Didn’t Care
stahnma
0
140
Context Engineeringが企業で不可欠になる理由
hirosatogamo
PRO
3
530
Featured
See All Featured
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
430
First, design no harm
axbom
PRO
2
1.1k
The Curse of the Amulet
leimatthew05
1
8.4k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
How to train your dragon (web standard)
notwaldorf
97
6.5k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
120
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
57
Bash Introduction
62gerente
615
210k
Mobile First: as difficult as doing things right
swwweet
225
10k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
430
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ʹ্͛ͱ͔͘ΒػೳՃͷϓϧϦΫૹͬͯ