自社サービス チャット機能にFirebaseが導入されてた/Firebase was introduced to the chat function of our service

#0 Fukuoka.Firebase@LTイベント
登壇枠で使用

参考URL
https://fukuokafirebase.connpass.com/event/114251

Transcript

1. ࣗࣾαʔϏε νϟοτػೳʹ Firebase͕ಋೖ͞Εͯͨ גࣜձࣾRe:Build Յ਺ ါىʢ@kkznchʣ 2019೥2݄21೔ʢ໦ʣ #0 Fukuoka.Firebase@LTΠϕϯτ
2. ࣗݾ঺հ • Յ਺ ါىʢ@kkznchʣ • 1990೥ͷԭೄੜ·Εɺԭೄҭͪɺԭೄࡏॅ • ܦྺɿ ‣ ిྗձࣾͷITΠϯϑϥɺηΩϡϦςΟ୲౰ ‣ גࣜձࣾRe:BuildͰWebΤϯδχΞ ‣ εϚϒϥSP θϧμʢઓಆྗ350ສલޙɺඇVIPʣ
3. ձࣾ঺հ • גࣜձࣾRe:Buildʢ2017೥11݄ʹઃཱʣ • ݱࡏͷࣾһ਺͸໊̑ • ԭೄΛڌ఺ͱ͠ɺجຊతʹ͸Laravel΍Vue.jsΛ ࢖ͬͯडୗɾࣗࣾαʔϏε։ൃΛ͍ͯ͠Δ • ϦϞʔτϫʔΫɺࣗ༝ͳಇ͖ํΛਪ঑͍ͯ͠Δ
4. ࣗࣾαʔϏε։ൃத
5. ৭Μͳػೳ࣮૷ͯ͠Δ νϟοτػೳ͸ผͷਓ͕୲౰
6. ؾ͚ͮ͹νϟοτػೳʹ Firebase͕ಋೖ͞Ε͍ͯͨ
7. Firebase෼͔Βͳ͍ ↑ݱ࣮ ษڧձʹࢀՃ͢Δ ෼͔ΔΑ͏ʹͳΔ ↑໨ඪ
8. νϟοτػೳΛҰ͔Β ࡞ͬͨ͜ͱ͋Γ·͔͢ʁ
9. ϦΞϧλΠϜͳνϟοτ࡞Δ
10. σʔλϕʔεɾςʔϒϧઃܭ
11. ϓϩάϥϜ࡞੒ʢόοΫΤϯυʣ • APIΛ࣮ߦ͢ΔͨΊͷॲཧΛॻ͘ • APIܦ༝ͰϝοηʔδΛऔಘ͢ΔॲཧΛॻ͘ • APIܦ༝ͰϝοηʔδΛอଘ͢ΔॲཧΛॻ͘
12. ϦΞϧλΠϜߋ৽͢Δख๏ܾΊ • ϙʔϦϯά • ϩϯάϙʔϦϯά • WebSocket
13. ϙʔϦϯά
14. ϩϯάϙʔϦϯά
15. WebSocket
16. ϓϩάϥϜ࡞੒ʢϑϩϯτʣ • ϝοηʔδΛऔಘ͢ΔॲཧΛॻ͘ • ϝοηʔδΛૹ৴͢ΔॲཧΛॻ͘ • ϦΞϧλΠϜߋ৽Λߦ͏ॲཧΛॻ͘ • ϙʔϦϯάɺϩϯάϙʔϦϯάɺWebSocket • औಘ͖ͯͨ͠ϝοηʔδΛඳը͢ΔॲཧΛॻ͘
18. όάͩΒ͚ͷνϟοτػೳ ׬੒
19. ࣮૷ʹखؒͱ͔͔࣌ؒΔ
20. FirebaseͰ΍ͬͯΈͨ
21. લఏ • Firebase͕Կͳͷ͔෼͔Βͳ͍ • FirebaseͰԿ͕Ͱ͖Δͷ͔෼͔Βͳ͍ • ຊΠϕϯτͷ3೔લʹॳΊͯFirebase৮ͬͨ
22. νϡʔτϦΞϧ
23. ਆαΠτ
24. Vue.js + FirebaseͰνϟοτ࡞ΔνϡʔτϦΞϧ
25. Firebaseίϯιʔϧ
26. ϓϩδΣΫτΛ௥Ճ͢Δ
27. ೝূํࣜʮGoogleʯΛ༗ޮԽ
28. DBͷΞΫηεϧʔϧΛఆٛ͢Δ
29. Vue.js
30. firebaseϞδϡʔϧΛΠϯετʔϧ ίϚϯυϥΠϯ͔Βୟ͘ main.jsϑΝΠϧͷதͰಡΈࠐΉΑ͏ʹ͢Δ
31. FirebaseΞΫηε৘ใΛ௥ه͢Δ
32. Vue.jsΛॻ͘ • FirebaseॳظԽॲཧΛॻ͘ • ϩάΠϯɾϩάΞ΢τͷॲཧΛॻ͘ • ϝοηʔδΛૹ৴͢ΔॲཧΛॻ͘ • ϝοηʔδΛඳը͢ΔॲཧΛॻ͘
33. ׬੒
34. νϟοτը໘
35. DBͷத਎
36. όοΫΤϯυ͕ͳ͍ ѹ౗తʹָɺ޾෱౓ߴ͍ ※όοΫΤϯυ޷͖ͳͷͰσΟεͬͯΔΘ͚Ͱ͸ͳ͍
37. ·ͱΊ
38. • Firebase͸όοΫΤϯυͷΠϯϑϥߏஙෆཁ • Firebase࢖ͬͨϦΞϧλΠϜॲཧͷ࣮૷ָ͕ • σʔλͷ࣋ͪํ͓΋͠Ζ͍ • Firebaseʹଞʹ৭Μͳػೳ͕͋ΔͷͰ࢖ͬͯΈ͍ͨ ·ͱΊ
39. Firebase΍ͦͷଞͷٕज़ ৘ใΛڞ༗͠߹͍·͠ΐ͏
40. ࢀߟURL • ϦΞϧλΠϜͳwebΞϓϦΛ࣮ݱ͢Δํ๏(ϙʔϦϯάɺ CometɺServer Sent EventsɺWebSocket) ‣ https://qiita.com/kimullaa/items/d49bd603be17b36f7495 • جૅ͔ΒֶͿVue.js ‣ https://cr-vue.mio3io.com