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
自社サービス チャット機能にFirebaseが導入されてた/Firebase was intr...
Search
kkznch
February 21, 2019
Technology
0
1.2k
自社サービス チャット機能にFirebaseが導入されてた/Firebase was introduced to the chat function of our service
#0 Fukuoka.Firebase@LTイベント
登壇枠で使用
参考URL
https://fukuokafirebase.connpass.com/event/114251
kkznch
February 21, 2019
Tweet
Share
More Decks by kkznch
See All by kkznch
黒い画面へようこそ/Hello, black screen
kkznch
0
410
VueRouterとNuxtのルーティング/VueRouter and Nuxt Routing
kkznch
0
370
Vuexで何を管理する方が良い?/What is better to store in Vuex?
kkznch
1
770
Firestoreのルール設定 割と何でも出来てビビる/Firestore rule setting
kkznch
1
820
LaraCSVで手軽にCSVを出力する/Easily generate CSV by LaraCSV
kkznch
0
1.7k
SPA開発未経験者によるNuxt.jsを使った自社サービス開発 / Development of own service using Nuxt.js by inexperienced SPA development
kkznch
3
3.3k
Laravel Telescopeが便利そうな気がする/Laravel Telescope seems to be convenience
kkznch
1
1.1k
Laravel Novaはなんだかいい感じらしい/Laravel Nova seems to be nice
kkznch
0
660
Laravel5.5的 継続的インテグレーション / Laravel 5.5 Continuous Integration
kkznch
3
3.6k
Other Decks in Technology
See All in Technology
Kiroと学ぶコンテキストエンジニアリング
oikon48
6
8.8k
Kubernetes における cgroup driver のしくみ: runwasi の bugfix より
z63d
2
170
Kubernetes における cgroup v2 でのOut-Of-Memory 問題の解決
pfn
PRO
0
460
機械学習を扱うプラットフォーム開発と運用事例
lycorptech_jp
PRO
0
160
「何となくテストする」を卒業するためにプロダクトが動く仕組みを理解しよう
kawabeaver
0
170
下手な強制、ダメ!絶対! 「ガードレール」を「檻」にさせない"ガバナンス"の取り方とは?
tsukaman
1
270
BPaaSにおける人と協働する前提のAIエージェント-AWS登壇資料
kentarofujii
0
120
個人CLAUDE.md紹介と設定から学んだこと/introduce-my-claude-md
shibayu36
0
200
絶対に失敗できないキャンペーンページの高速かつ安全な開発、WINTICKET × microCMS の開発事例
microcms
0
390
まだ間に合う! StrandsとBedrock AgentCoreでAIエージェント構築に入門しよう
minorun365
PRO
11
910
Codeful Serverless / 一人運用でもやり抜く力
_kensh
4
140
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
hamadakoji
1
1.3k
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
26
1.9k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Designing for Performance
lara
610
69k
RailsConf 2023
tenderlove
30
1.2k
Making Projects Easy
brettharned
117
6.4k
Speed Design
sergeychernyshev
32
1.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
A designer walks into a library…
pauljervisheath
207
24k
KATA
mclloyd
32
14k
Facilitating Awesome Meetings
lara
55
6.5k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Transcript
ࣗࣾαʔϏε νϟοτػೳʹ Firebase͕ಋೖ͞Εͯͨ גࣜձࣾRe:Build Յ ါىʢ@kkznchʣ 20192݄21ʢʣ #0 Fukuoka.Firebase@LTΠϕϯτ
ࣗݾհ • Յ ါىʢ@kkznchʣ • 1990ͷԭೄੜ·Εɺԭೄҭͪɺԭೄࡏॅ • ܦྺɿ ‣ ిྗձࣾͷITΠϯϑϥɺηΩϡϦςΟ୲
‣ גࣜձࣾRe:BuildͰWebΤϯδχΞ ‣ εϚϒϥSP θϧμʢઓಆྗ350ສલޙɺඇVIPʣ
ձࣾհ • גࣜձࣾRe:Buildʢ201711݄ʹઃཱʣ • ݱࡏͷࣾһ໊̑ • ԭೄΛڌͱ͠ɺجຊతʹLaravelVue.jsΛ ͬͯडୗɾࣗࣾαʔϏε։ൃΛ͍ͯ͠Δ • ϦϞʔτϫʔΫɺࣗ༝ͳಇ͖ํΛਪ͍ͯ͠Δ
ࣗࣾαʔϏε։ൃத
৭Μͳػೳ࣮ͯ͠Δ νϟοτػೳผͷਓ͕୲
ؾ͚ͮνϟοτػೳʹ Firebase͕ಋೖ͞Ε͍ͯͨ
Firebase͔Βͳ͍ ↑ݱ࣮ ษڧձʹࢀՃ͢Δ ͔ΔΑ͏ʹͳΔ ↑ඪ
νϟοτػೳΛҰ͔Β ࡞ͬͨ͜ͱ͋Γ·͔͢ʁ
ϦΞϧλΠϜͳνϟοτ࡞Δ
σʔλϕʔεɾςʔϒϧઃܭ
ϓϩάϥϜ࡞ʢόοΫΤϯυʣ • APIΛ࣮ߦ͢ΔͨΊͷॲཧΛॻ͘ • APIܦ༝ͰϝοηʔδΛऔಘ͢ΔॲཧΛॻ͘ • APIܦ༝ͰϝοηʔδΛอଘ͢ΔॲཧΛॻ͘
ϦΞϧλΠϜߋ৽͢Δख๏ܾΊ • ϙʔϦϯά • ϩϯάϙʔϦϯά • WebSocket
ϙʔϦϯά
ϩϯάϙʔϦϯά
WebSocket
ϓϩάϥϜ࡞ʢϑϩϯτʣ • ϝοηʔδΛऔಘ͢ΔॲཧΛॻ͘ • ϝοηʔδΛૹ৴͢ΔॲཧΛॻ͘ • ϦΞϧλΠϜߋ৽Λߦ͏ॲཧΛॻ͘ • ϙʔϦϯάɺϩϯάϙʔϦϯάɺWebSocket •
औಘ͖ͯͨ͠ϝοηʔδΛඳը͢ΔॲཧΛॻ͘
None
όάͩΒ͚ͷνϟοτػೳ
࣮ʹखؒͱ͔͔࣌ؒΔ
FirebaseͰͬͯΈͨ
લఏ • Firebase͕Կͳͷ͔͔Βͳ͍ • FirebaseͰԿ͕Ͱ͖Δͷ͔͔Βͳ͍ • ຊΠϕϯτͷ3લʹॳΊͯFirebase৮ͬͨ
νϡʔτϦΞϧ
ਆαΠτ
Vue.js + FirebaseͰνϟοτ࡞ΔνϡʔτϦΞϧ
Firebaseίϯιʔϧ
ϓϩδΣΫτΛՃ͢Δ
ೝূํࣜʮGoogleʯΛ༗ޮԽ
DBͷΞΫηεϧʔϧΛఆٛ͢Δ
Vue.js
firebaseϞδϡʔϧΛΠϯετʔϧ ίϚϯυϥΠϯ͔Βୟ͘ main.jsϑΝΠϧͷதͰಡΈࠐΉΑ͏ʹ͢Δ
FirebaseΞΫηεใΛه͢Δ
Vue.jsΛॻ͘ • FirebaseॳظԽॲཧΛॻ͘ • ϩάΠϯɾϩάΞτͷॲཧΛॻ͘ • ϝοηʔδΛૹ৴͢ΔॲཧΛॻ͘ • ϝοηʔδΛඳը͢ΔॲཧΛॻ͘
νϟοτը໘
DBͷத
όοΫΤϯυ͕ͳ͍ ѹతʹָɺߴ͍ ※όοΫΤϯυ͖ͳͷͰσΟεͬͯΔΘ͚Ͱͳ͍
·ͱΊ
• FirebaseόοΫΤϯυͷΠϯϑϥߏஙෆཁ • FirebaseͬͨϦΞϧλΠϜॲཧͷָ࣮͕ • σʔλͷ࣋ͪํ͓͠Ζ͍ • Firebaseʹଞʹ৭Μͳػೳ͕͋ΔͷͰͬͯΈ͍ͨ ·ͱΊ
Firebaseͦͷଞͷٕज़ ใΛڞ༗͠߹͍·͠ΐ͏
ࢀߟURL • ϦΞϧλΠϜͳwebΞϓϦΛ࣮ݱ͢Δํ๏(ϙʔϦϯάɺ CometɺServer Sent EventsɺWebSocket) ‣ https://qiita.com/kimullaa/items/d49bd603be17b36f7495 • جૅ͔ΒֶͿVue.js
‣ https://cr-vue.mio3io.com