$30 off During Our Annual Pro Sale. View Details »

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

sun54907
January 24, 2018

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

sun54907

January 24, 2018
Tweet

More Decks by sun54907

Other Decks in Technology

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