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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
スポーン
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
ヘルシーSRE
tk3fftk
2
220
Snowflake Night #2 LT
taromatsui_cccmkhd
0
310
dbt meetup #19 『dbtを『なんとなく動かす』を卒業します』
tiltmax3
0
140
技術キャッチアップ効率化を実現する記事推薦システムの構築
yudai00
2
170
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
95k
メタデータ同期に潜んでいた問題 〜 Cache Stampede 時の Cycle Wait を⾒つけた話
lycorptech_jp
PRO
0
130
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
43k
社内ワークショップで終わらせない 業務改善AIエージェント開発
lycorptech_jp
PRO
1
440
オンプレとGoogle Cloudを安全に繋ぐための、セキュア通信の勘所
waiwai2111
3
1.1k
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
6
71k
Exadata Fleet Update
oracle4engineer
PRO
0
1.3k
マイグレーションガイドに書いてないRiverpod 3移行話
taiju59
0
340
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
Are puppies a ranking factor?
jonoalderson
1
3.1k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
260
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.1k
Un-Boring Meetings
codingconduct
0
220
The Spectacular Lies of Maps
axbom
PRO
1
580
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
65
Between Models and Reality
mayunak
2
210
From π to Pie charts
rasagy
0
140
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
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ʹ্͛ͱ͔͘ΒػೳՃͷϓϧϦΫૹͬͯ