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
720
オッパブ
スポーン
February 19, 2017
Tweet
Share
More Decks by スポーン
See All by スポーン
ヒエログリフ入門
gnspawn
0
750
香料と年齢層及びジャンルの関係
gnspawn
0
67
mashi-mashi
gnspawn
0
150
What's design
gnspawn
0
340
前衛地獄を生き残る
gnspawn
0
330
gitのア
gnspawn
0
270
Other Decks in Technology
See All in Technology
KubeCon + CloudNativeCon Japan 2025 Recap
ren510dev
1
190
Leveraging Open-Source Tools for Creating 3D Tiles in the Urban Environment
simboss
PRO
0
120
A2Aのクライアントを自作する
rynsuke
1
220
How Community Opened Global Doors
hiroramos4
PRO
1
130
Delegating the chores of authenticating users to Keycloak
ahus1
0
130
5min GuardDuty Extended Threat Detection EKS
takakuni
0
160
監視のこれまでとこれから/sakura monitoring seminar 2025
fujiwara3
11
4k
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
480
Lambda Web Adapterについて自分なりに理解してみた
smt7174
5
130
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
150
AIエージェント最前線! Amazon Bedrock、Amazon Q、そしてMCPを使いこなそう
minorun365
PRO
15
5.4k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
26k
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
It's Worth the Effort
3n
185
28k
Raft: Consensus for Rubyists
vanstee
140
7k
Scaling GitHub
holman
459
140k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Thoughts on Productivity
jonyablonski
69
4.7k
A designer walks into a library…
pauljervisheath
207
24k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Designing for Performance
lara
609
69k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Building Adaptive Systems
keathley
43
2.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ʹ্͛ͱ͔͘ΒػೳՃͷϓϧϦΫૹͬͯ