既存のプロジェクトに、Firestoreを導入してみた

Transcript

1. طଘͷϓϩδΣΫτʹ
   FirestoreΛಋೖͯ͠Έͨ
   

   View Slide

2. ࣗݾ঺հ
   ւ઒ ࿨໻
   (ג)ϚονϯάΤʔδΣ
   ϯτ
   @sun54907
   ͳΊ͜
   

   View Slide

3. View Slide

4. TL;DR
   ͜ͷεϥΠυͷํ๏Λ࢖͑͹؆୯ɻ2೔ͰͰ͖Δɻ
   https://speakerdeck.com/corin8823/torte-state
   β൛ͳͷͰɺಈ࡞อো͞Εͳ͍͜ͱʹ஫ҙ
   

   View Slide

5. ͸͡Ίʹ
   

   View Slide

6. ಋೖ͖͔͚ͨͬ͠
   

   View Slide

7. View Slide

8. ΍ͬͨ͜ͱ
   νʔϜʹ෼͔ΕͯɺͦΕͧΕ͕ීஈͰ͖ͳ͍͜ͱ
   ʹऔΓ૊Μͩ
   ࢲͷνʔϜ͸ɺϦΞϧλΠϜ௨৴Λ࣮૷͢Δ
   

   View Slide

9. πʔϧબ୒
   ࣗલͰwebsocketΛ࣮૷
   ֎෦αʔϏεΛ࢖͏
   Realm Mobile Platform
   Firebase Realtime Database
   

   View Slide

10. ໰୊ɺൃੜ
    

    View Slide

11. ࣗલͰwebsocket࣮૷͸େมͦ͏…
    ֎෦αʔϏεʹϝοηʔδ౳ͷݸਓ৘ใΛࡌͤΔ
    ͷ͸৺഑…
    طଘͷ࢓૊ΈΛ࢒ͨ͠··ɺສ͕Ұͷ৔߹͸໭ͤ
    ΔΑ͏ʹ͓͖͍ͯͨ͠
    

    View Slide

12. ղܾࡦ
    

    View Slide

13. View Slide

14. IUUQTTQFBLFSEFDLDPNDPSJOUPSUFTUBUF
    ޙ൒ʮ౤ߘͷঝೝʯҎ߱ͷ࿩
    

    View Slide

15. ϝοηʔδͷ৽ண݅਺Λ֎෦αʔϏεʹอଘ
    ΫϥΠΞϯτ͸ͦͷ஋Λ؂ࢹ
    αʔόʔଆͰ৽ண݅਺ΛΠϯΫϦϝϯτ
    ΫϥΠΞϯτ͸ͦΕΛݕ஌ͯ͠ɺapiΛୟ͍ͯߋ৽
    

    View Slide

16. ϝοηʔδͷ৽ண݅਺Λ֎෦αʔϏεʹอଘ
    ΫϥΠΞϯτ͸ͦͷ஋Λ؂ࢹ
    αʔόʔଆͰ৽ண݅਺ΛΠϯΫϦϝϯτ
    ΫϥΠΞϯτ͸ͦΕΛݕ஌ͯ͠ɺapiΛୟ͍ͯߋ৽
    

    View Slide

17. ͱ͍͏Θ͚Ͱ
    

    View Slide

18. طଘͷϓϩδΣΫτʹ
    FirestoreΛಋೖͯ͠Έͨ
    

    View Slide

19. View Slide

20. Firebase Cloud Firestore
    ϞόΠϧɺ΢Σϒɺαʔόʔ։ൃʹରԠͨ͠ɺॊೈ
    Ͱεέʔϥϒϧͳσʔλϕʔε
    ΦϑϥΠϯରԠ
    ߋ৽ΛϦΞϧλΠϜͰ௨஌
    Firebase Realtime Database ͷޙܧ
    ·ͩЌ൛
    

    View Slide

21. https://firebase.google.com/
    docs/firestore/?hl=ja
    

    View Slide

22. બΜͩཧ༝
    Firebase͸ฐࣾͷ΄͔ϓϩδΣΫτͰ΋࢖ͬͯΔ
    Firebaseͷ΄͔ͷػೳ΋࢖͍͍ͨ
    β൛ͩͱͯ͠΋ɺ৽͍͠ػೳΛ࢖ͬͨํ͕ࠓޙָ
    ࠷ѱɺແ͘ͳͬͯ΋໰୊ͳ͍
    

    View Slide

23. طଘϓϩδΣΫτʹ
    ಋೖ͢Δ࣌ͷϙΠϯτ
    

    View Slide

24. ϙΠϯτ
    ৽ண݅਺͚ͩΛFireStoreʹอଘ
    ϢʔβʔೝূΛαʔόʔͰߦ͏
    

    View Slide

25. Ϣʔβʔೝূ
    

    View Slide

26. ೝূ
    Firebase ͷ Auth Λ࢖͏
    αʔόʔ͔ΒΧελϜτʔΫϯΛൃߦ͠ɺͦΕΛ
    ࢖ͬͯΫϥΠΞϯτͰAuthೝূΛߦ͏
    

    View Slide

27. View Slide

28. View Slide

29. View Slide

30. View Slide

31. View Slide

32. ࣮૷
    

    View Slide

33. View Slide

34. View Slide

35. View Slide

36. View Slide

37. View Slide

38. ·ͱΊ
    

    View Slide

39. ·ͱΊ
    ͜ͷํ๏Λ࢖͑͹؆୯ɻ2೔ͰͰ͖Δɻ
    https://speakerdeck.com/corin8823/torte-state
    β൛ͳͷͰɺಈ࡞อো͞Εͳ͍͜ͱʹ஫ҙ
    

    View Slide

40. ͝੩ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide