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 introduced to the chat function of our service
Search
kkznch
February 21, 2019
Technology
0
1k
自社サービス チャット機能に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
290
VueRouterとNuxtのルーティング/VueRouter and Nuxt Routing
kkznch
0
270
Vuexで何を管理する方が良い?/What is better to store in Vuex?
kkznch
1
620
Firestoreのルール設定 割と何でも出来てビビる/Firestore rule setting
kkznch
1
630
LaraCSVで手軽にCSVを出力する/Easily generate CSV by LaraCSV
kkznch
0
1.5k
SPA開発未経験者によるNuxt.jsを使った自社サービス開発 / Development of own service using Nuxt.js by inexperienced SPA development
kkznch
3
2.9k
Laravel Telescopeが便利そうな気がする/Laravel Telescope seems to be convenience
kkznch
1
950
Laravel Novaはなんだかいい感じらしい/Laravel Nova seems to be nice
kkznch
0
540
Laravel5.5的 継続的インテグレーション / Laravel 5.5 Continuous Integration
kkznch
3
3.1k
Other Decks in Technology
See All in Technology
どう買う?Azure
kuniteru
1
190
HoneycombとOpenTelemetryでオブザーバビリティに入門してみる
sumiren
2
150
戦略的DDDを実践するための跳躍力 / OOC 2024
pictiny
6
3.8k
やっていきテスト
k6s4i53rx
0
160
初心者が行く!サーバレスWebアプリ開発の道
nagaharutogawa
0
440
技術広報として2023年度に頑張ったこと / What we did well in FY2023 as a DevRel
pauli
5
460
Tohoku.Tech #1 「EC-CUBE/AWSの構築をChatGPTに相談してみました」by テンダ
jun2882
0
140
XRミーティング 2024-03-20
1ftseabass
PRO
0
100
オブジェクト指向宗教史
tanakahisateru
13
11k
Getting started with controlling LEGO using Swift
hcrane
0
130
Introduction to Jetpack Compose
pohjus
1
110
Tohoku.Tech #1 「Cursorを使ったRaspberry Piの開発」by ねこまた
jun2882
0
250
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
12
1.4k
Writing Fast Ruby
sferik
619
59k
Why Our Code Smells
bkeepers
PRO
330
56k
Designing the Hi-DPI Web
ddemaree
275
33k
Statistics for Hackers
jakevdp
789
220k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
YesSQL, Process and Tooling at Scale
rocio
160
13k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.3k
Six Lessons from altMBA
skipperchong
19
2.9k
What's new in Ruby 2.0
geeforr
335
31k
The Power of CSS Pseudo Elements
geoffreycrofte
58
4.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
67
38k
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