リアルタイムデータベース Cloud Firestore入門

「【サポーターズ勉強会】リアルタイムデータベース Cloud Firestore入門」の登壇資料です。

https://supporterzcolab.com/event/476/

===
# イベント概要

昨年10月にFirebaseでリリースされた、データベースサービスCloud Firestoreを紹介します。

Firestoreはクラウド上とリアルタイムでのデータのやり取りをクライアントのコードのみで実現できます。

今回の勉強会でFirestoreの基本的な使い方を理解して頂いて、アプリ開発の手助けになれば幸いです。

# こんな話をします

- Firestoreの基本的な使い方
- Firestoreのデータ構成と設計で気をつけること
- Firestoreのセキュリティルールと認証方法
- Firestoreを使ったサンプルプログラム紹介

# こんな方にオススメ

- データをリアルタイムに保存・同期したい人
- Firebaseを使ってみたいと思っている人
- サーバーレスに興味がある人
- バックエンドをなるべく触りたくないアプリエンジニアやフロントエンジニア

Transcript

1. ϦΞϧλΠϜσʔλϕʔε
 Cloud Firestoreೖ໳ αϙʔλʔζColabษڧձ ࠜ؛ప໵
2. ࣗݾ঺հ • ࠜ؛ప໵ @wkurokishiw • ϥϯαʔζגࣜձࣾ • ओʹϑϩϯτ·ΘΓ୲౰ • ஜ೾େֶେֶӃ18ଔ • ਺஋ղੳ • ֎ࠃਓ؍ޫ޲͚ΞϓϦ։ൃ • WebϑϩϯτΤϯυڧΊ • Vue.js, Vuex, React, Redux
3. Ϋϥ΢υιʔγϯά Lancers
4. Ϋϥ΢υιʔγϯά Lancers
5. ͸͡Ίʹ • ର৅ऀ • FirestoreͰͲΜͳ͜ͱ͕Ͱ͖Δ͔Θ͔Βͳ͍ • FirebaseΛ࢖ͬͯΔ͚ͲFirestore͸࢖ͬͯͳ͍ • ΰʔϧ • FirestoreͰͲΜͳ͜ͱ͕Ͱ͖Δ͔ཧղ • εϥΠυ΍αϯϓϧΞϓϦͷίʔυΛಡΊ͹࢖͑Δ • ࠓ೔࿩͞ͳ͍͜ͱ • ύϑΥʔϚϯε/଎౓
6. ΞδΣϯμ • Cloud Firestoreͱ͸ • ηΩϡϦςΟϧʔϧ • έʔεελσΟɿ
 ෳ਺෦԰νϟοτΞϓϦͷDBɾϧʔϧઃܭ • Realtime Databaseͱͷൺֱ • ·ͱΊ
7. Cloud Firestoreͱ͸
8. Cloud Firestoreͱ͸ • Firebase͕ఏڙ͢ΔNoSQLσʔλϕʔε
9. Cloud Firestoreͱ͸ • Firebase͕ఏڙ͢ΔNoSQLσʔλϕʔε
10. Cloud Firestoreͱ͸ • Firebase͕ఏڙ͢ΔNoSQLσʔλϕʔε
11. Firestoreͷಛ௃ • JSONϥΠΫͳσʔλܗࣜ • ϦΞϧλΠϜʹσʔλΛอଘɾಉظ • αʔόϨε • ଞͷFirebaseαʔϏεͱڧྗͳ࿈ܞ
12. JSONϥΠΫͳσʔλܗࣜ • εΩʔϚϨε • ίϨΫγϣϯ/υΩϡϝϯτ • ίϨΫγϣϯ:
 υΩϡϝϯτΛ·ͱΊͨ΋ͷ • υΩϡϝϯτ:
 σʔλΛอ࣋͢Δ΋ͷ
13. JSONϥΠΫͳσʔλܗࣜ
14. JSONϥΠΫͳσʔλܗࣜ ίϨΫγϣϯ υΩϡϝϯτ
15. JSONϥΠΫͳσʔλܗࣜ υΩϡϝϯτ ίϨΫγϣϯ (αϒίϨΫγϣϯ)
16. JSONϥΠΫͳσʔλܗࣜ • ಡΈऔΓ͸ίϨΫγϣ ϯ/υΩϡϝϯτ୯Ґ • Լ૚ͷαϒίϨΫγϣ ϯ·ͰҰ౓ʹऔΔ͜ ͱ͸Ͱ͖ͳ͍
17. JSONϥΠΫͳσʔλܗࣜ • શσʔλΛऔಘ 1. countriesίϨΫγϣ ϯͷσʔλΛऔಘ
18. JSONϥΠΫͳσʔλܗࣜ • શσʔλΛऔಘ 1. countriesίϨΫγϣ ϯͷσʔλΛऔಘ 2. υΩϡϝϯτͦΕͧ Εʹରͯ͠citiesί ϨΫγϣϯͷσʔλ Λऔಘ
19. ϦΞϧλΠϜʹσʔλΛอଘɾಉظ add( {name: UK} )
20. ϦΞϧλΠϜʹσʔλΛอଘɾಉظ add( {name: UK} ) {name: UK} Λ௥Ճ
21. {name: UK} Λ௥Ճ ϦΞϧλΠϜʹσʔλΛอଘɾಉظ add( {name: UK} ) event:add
 {name: UK} event:add
 {name: UK}
22. αʔόϨε • αʔό؅ཧෆཁ • ߴՄ༻ੑ/ߴεέʔϥϏϦςΟ • ΫϥΠΞϯτίʔυͷΈͰ׬݁
23. ଞͷFirebaseαʔϏεͱڧྗͳ࿈ܞ • Firebase Authentication • Ϣʔβೝূػೳ(ϝʔϧ, Google, Facebook, etc..) • ೝূͨ͠Ϣʔβͷݖݶઃఆ • Cloud Functions • JavaScriptͷؔ਺ΛΫϥ΢υ্Ͱ࣮ߦ • Firestoreͷॻ͖ࠐΈ΍HTTPϦΫΤετΛ
 τϦΨʔʹ࣮ͯ͠ߦ͢Δ͜ͱ͕Մೳ
24. ηΩϡϦςΟϧʔϧ
25. ϧʔϧ • ಡΈऔΓ΍ॻ͖ࠐΈͷݖݶΛઃఆ͢Δػೳ • Firebase Authenticationͱ૊Έ߹ΘͤΔ͜ͱ͕Մೳ • ೝূػೳ • Google, Facebook, TwitterͳͲ • ࡉ͔ͳόϦσʔγϣϯ • จࣈ਺੍ݶ • εΩʔϚఆٛ
26. ϧʔϧ • REST API or Firebaseͷίϯιʔϧ͔Βઃఆ
27. ͢΂ͯͷಡΈऔΓɾॻ͖ࠐΈ͸ೝূඞਢ
28. ͢΂ͯͷಡΈऔΓɾॻ͖ࠐΈ͸ೝূඞਢ ͓·͡ͳ͍
29. ͢΂ͯͷಡΈऔΓɾॻ͖ࠐΈ͸ೝূඞਢ πϦʔͷ
 rootΛࣔ͢
30. ͢΂ͯͷಡΈऔΓɾॻ͖ࠐΈ͸ೝূඞਢ ೝূͨ͠ΒಡΈऔΓɾ ॻ͖ࠐΈΛڐՄ
31. εΩʔϚఆٛ
32. εΩʔϚఆٛ nameͷཁૉ͕ඞਢ
33. έʔεελσΟɿ ෳ਺෦԰νϟοτΞϓϦͷ
 DBɾϧʔϧઃܭ
34. σϞ https://github.com/TetsuyaNegishi/simple-chat
35. DBઃܭ • rooms͕ෳ਺ • Ұͭͷroomʹରͯ͠comment͕ෳ਺ • ίϝϯτʹ͸Ϣʔβͷ৘ใΛ΋ͨͤΔ
36. DBઃܭ - ৑௕Խܕ rooms: { // collection roomId: { // document name: comments: { // collection commentId: { //document comment: user: { name:, id: } } } } }
37. DBઃܭ - ৑௕Խܕ • user৘ใ͸৑௕Խ͢Δ • ϝϦοτ • ॻ͖ࠐΈָ͕ • ಡΈࠐΈ͕গͳ͍ • σϝϦοτ • user৘ใͷ੔߹ੑ͕ อͯͳ͍ • user৘ใ͕৑௕ rooms: { // collection roomId: { // document name: comments: { // collection commentId: { //document comment: user: { name:, id: } } } } }
38. DBઃܭ - ࢀরܕ • usersίϨΫγϣϯΛ
 ࢀর • ϝϦοτ • user৘ใͷ੔߹ੑ • user৘ใ͕؆ܿ • σϝϦοτ • ಡΈࠐΈճ਺͕૿Ճ • ॻ͖ࠐΈ͕൥ࡶ rooms: { // collection … commentId: { //document comment: user: { /users/userId} } … } users: { userId: {name:} }
39. ൺֱ ಡΈऔΓճ਺ σʔλ੔߹ੑ ΫϥΠΞϯτί ʔυͷ؆ܿ͞ ৑௕Խܕ গͳ͍ º ˓ ࢀরܕ ଟ͍ ˓ ˚ • ΫϥΠΞϯτଆͷίʔυΛγϯϓϧʹ͍ͨ͠ • Ϣʔβͷ৘ใ͸มԽ͠ͳ͍ͱԾఆ ࠾༻
40. ϧʔϧઃܭ • ಡΈऔΓ͸୭Ͱ΋Ͱ͖ΔΑ͏ʹ͍ͨ͠ɻ • ϧʔϜͷ࡞੒΍ίϝϯτͷॻ͖ࠐΈ͸ೝূඞਢɻ • ίϝϯτͷฤू͸ࣗ෼ͷ΋ͷ͚ͩՄೳɻ • ϧʔϜͷ࡟আ, ฤू͸ෆՄ
41. ϧʔϧઃܭ - roomsͷಡΈऔΓɾฤूݖݶ • rooms/{roomId} • read: ୭Ͱ΋OK • create: ೝূඞਢ • update, delete: ෆՄ
42. ϧʔϧઃܭ - commentsͷಡΈऔΓɾฤूݖݶ • rooms/{roomId}/comments/{commentId} • read: ୭Ͱ΋OK • create: ೝূඞਢ • update, delete:ޙड़
43. ϧʔϧઃܭ - commentsͷಡΈऔΓɾฤूݖݶ • rooms/{roomId}/comments/{commentId} • update, delete: ࣗ෼͕౤ߘͨ͠΋ͷ͸Մ
44. ΫϥΠΞϯτίʔυ - σʔλͷಡΈऔΓ
45. ΫϥΠΞϯτίʔυ - σʔλͷಡΈऔΓ commentsίϨΫγϣϯͷ
 υΩϡϝϯτ͕มߋ͞ΕΔͱؔ਺͕࣮ߦ
46. ΫϥΠΞϯτίʔυ - σʔλͷಡΈऔΓ Ҿ਺ʹ౉͞ΕΔσʔλ͸Ϧετ
47. ΫϥΠΞϯτίʔυ - σʔλͷಡΈऔΓ change.type͕addedͷ৔߹ ը໘ʹ൓ө
48. Realtime Databaseͱͷൺֱ
49. Realtime Databaseͱ͸ • Realtime Database • NoSQLσʔλϕʔε • ҰຕͷJSON • FirestoreΑΓ΋ઌʹϦϦʔε
50. ൺֱ • Realtime Database • ྉ͕͍ۚ҆(͜ͱ͕ଟ͍) • ·ͱΊͯσʔλΛऔಘ͢Δ͜ͱ͕༰қ • Cloud Firestore • σʔλͷ੔ཧ͕͠΍͍͢(αϒίϨΫγϣϯ) • ॊೈͳΫΤϦ • σʔλऔಘͷ৚݅Λࡉ͔͘ઃఆՄೳ • Realtime Database͔ΒڧԽ͞Ε͍ͯΔ
51. ྉۚ ແྉ࿮ ैྔ੍ 3FBMUJNF
    %BUBCBTF
 (#
    μ΢ϯϩʔυࡁΈ (#݄ (# 'JSFTUPSF
 %PDVNFOUT
    SFBE ສ೔ , σʔλྔ
 ʹରͯ͠՝ۚ ಡΈऔΓճ਺
 ʹରͯ͠՝ۚ
52. ྉۚ 0.1KBͷσʔλ
53. ྉۚ 0.1KBͷσʔλ • Realtime Database • 0.1KBΛμ΢ϯϩʔυ • Firestore • 5ͭͷυΩϡϝϯτ
 Λreadͨ͠ͱΧ΢ϯτ
54. ϓϩμΫγϣϯ؀ڥʹద༻ͨ͠ͱ͖ͷͰ͖͝ͱ • 1ಡΈऔΓͰ1readΧ΢ϯτͱצҧ͍ • 3ສPV/೔ͷϖʔδʹFirestoreΛ࢖༻ˠ੍ݶʹҾ͔͔ͬΔ
55. ϓϩμΫγϣϯ؀ڥʹద༻ͨ͠ͱ͖ͷͰ͖͝ͱ Firestore Realtime Database New Data New Data PVͷଟ͍ϖʔδ PVͷগͳ͍ϖʔδ • ͳΜͱ͔ແྉ࿮ʹऩΊ͍ͨ • ಡΈऔΓΛ෼ࢄͤͯ͞ແྉ࿮ʹऩΊΔ Cloud Functions
56. ϓϩμΫγϣϯ؀ڥʹద༻ͨ͠ͱ͖ͷͰ͖͝ͱ • Cloud Functions
57. ϓϩμΫγϣϯ؀ڥʹద༻ͨ͠ͱ͖ͷͰ͖͝ͱ • Cloud Functions σʔλ͕create͞ ΕΔ͜ͱΛ؂ࢹ
58. ϓϩμΫγϣϯ؀ڥʹద༻ͨ͠ͱ͖ͷͰ͖͝ͱ • Cloud Functions Realtime Databaseʹσʔλ௥Ճ
59. ϓϩμΫγϣϯ؀ڥʹద༻ͨ͠ͱ͖ͷͰ͖͝ͱ ࣮ଌ஋ ແྉ࿮ 3FBMUJNF
    %BUBCBTF .#೔ (#݄ 'JSFTUPSF ສ೔ ສ೔
60. ·ͱΊ
61. ·ͱΊ • Firestore͸JSONϥΠΫͳσʔλܗࣜΛ΋ͬͨNoSQL • ΫϥΠΞϯτͷίʔυͷΈͰϦΞϧλΠϜʹ
 σʔλΛอଘɾಉظͰ͖Δ • ଞͷFirebaseαʔϏεͱ૊Έ߹ΘͤΔ͜ͱͰ
 ߴ౓ͳ͜ͱ΋Մೳ
62. Thank youʂ