PORT Firebase x Flutter

Transcript

1. FlutterͰ࢖͏ Cloud Firestore PORT Firebase × Flutter shoo.yamada

2. ࣗݾ঺հ Name: shoo.yamada Twitter: @yshogo87 Github: @yshogo ॴଐ:גࣜձࣾZOZOςΫϊϩδʔζ AndroidΤϯδχΞ

3. ໨࣍ • աڈʹFirebaseͱFlutterΛ࢖ͬͯ࡞ͬͨϓϩμΫτ • Flutter͸FirestoreΛ࢖͑Δͷ͔ • FirestoreͱFlutterͷ૬ੑʹ͍ͭͯ • ։ൃεϐʔυʹ͍ͭͯ •

   ࠓޙͷFirestoreͱFlutterͷಈ͖ʹ͍ͭͯ • ·ͱΊ

4. աڈʹFirebaseͱFlutterΛ࢖ͬͨ ϓϩμΫτ

5. աڈʹFirebaseͱFlutterΛ࢖ͬͨ ϓϩμΫτ • Firebase͸RealtimeDatabase͔͠ͳ͔ͬͨ࣌୅ ͔Β৮͍ͬͯͨ • ͦͷࠒ͔ΒFirebaseͷັྗʹࠍΕࠐΈࣗ෼͕ݸ ਓͰ࡞ΔϓϩμΫτ͸શͯFirebaseΛ࢖͍ͬͯΔ • ॳظͷ͜Ζ͸

   @1amageek ͞ΜͷQiitaΛԿճ΋ ಡΜͰ͍ͨ

6. աڈʹFirebaseͱFlutterΛ࢖ͬͨ ϓϩμΫτ

7. աڈʹFirebaseͱFlutterΛ࢖ͬͨ ϓϩμΫτ • ͦͷޙFlutterʹग़ձ͏ • ΫϩεϓϥοτϑΥʔϜ΍ɺHotReloadɺඒ͍͠UIΛ ࢖ͬͨ։ൃख๏ΛֶͿ Flutter×Firebaseͬͯ࠷ڧͳΜ ͡ΌͶʁ

8. աڈʹFirebaseͱFlutterΛ࢖ͬͨ ϓϩμΫτ • νϟοτΞϓϦΛ࡞Δ(ݱࡏ͸αʔϏεऴྃ)

9. աڈʹFirebaseͱFlutterΛ࢖ͬͨ ϓϩμΫτ

10. աڈʹFirebaseͱFlutterΛ࢖ͬͨ ϓϩμΫτ • ຊ୳͠ΞϓϦέʔγϣϯ(ݱࡏ͸ϝϯςͯ͠ͳ͍)

11. ݱࡏ͸SNSαʔϏε ։ൃத

12. FlutterʹFirebase͸࢖͑Δͷ͔

13. FlutterʹFirebase͸࢖͑Δͷ͔ →ී௨ʹ࢖͑Δ

14. FlutterʹFirebase͸࢖͑Δͷ͔

15. FlutterʹFirebase͸࢖͑Δͷ͔ Firestoreͷincrement΋ରԠ

16. FlutterʹFirebase͸࢖͑Δͷ͔ ࢖͍৺஍͸΄΅Web൛Firebase Future<void> postMessage(String groupId, String uid, String message, int

    type) async { return await Firestore.instance .collection("group") .document(groupId) .collection("message") .add({ "uid": uid, "message": message, "type": type, "created_at": FieldValue.serverTimestamp(), }); }

17. FirestoreͱFlutterͷ૬ੑʹ͍ͭͯ

18. FirestoreͱFlutterͷ૬ੑʹ͍ͭͯ • ωΠςΟϒͱಉ͡Α͏ʹ࢖͑Δ • Flutter͔ͩΒ࢖͑ͳ͍ɺΈ͍ͨͳ࿩͸جຊత ʹ͸ͳ͠ • ιʔείʔυΛಡΉͱɺωΠςΟϒ(Ob-Cɺ JavaͰॻ͔Εͨίʔυ)ΛಡΜͰ͍Δ͚ͩ

19. FirestoreͱFlutterͷ૬ੑʹ͍ͭͯ

20. FirestoreͱFlutterͷ૬ੑʹ͍ͭͯ child: StreamBuilder( stream: chatHelper .getMessages(widget.groupId) .asBroadcastStream(), builder: (context, snapshot)

    { if (snapshot == null || snapshot.data == null) return Container(); return new ListView.builder( padding: new EdgeInsets.all(8.0), reverse: true, itemBuilder: (_, int index) { // ͜͜ͰϝοηʔδΛදࣔ͢Δ }, itemCount: snapshot.data.documents.length, ); })

21. ։ൃεϐʔυʹ͍ͭͯ

22. ։ൃεϐʔυʹ͍ͭͯ • Flutter͕଎͍ (HotReloadɺWidgetΧλϩά etc…..) • FirebaseΛ࢖͑͹ɺαʔόʔαΠυ͸ϝϯς ͳ͠ • Firebase

    × Flutter = ଎͍ ← ౰ͨΓલ

23. ։ൃεϐʔυʹ͍ͭͯ • ݸਓΞϓϦͷ։ൃظؒ͸͍͍ͩͨ̏ϲ݄ • ̍೔ͷ࡞ۀ࣌ؒ͸̍ʙ̎࣌ؒఔ౓ • ࣮ࡍʹ࢖͍ͬͯͯ΋΍ͬͺ͸΍͍

24. ։ൃεϐʔυʹ͍ͭͯ • ͍ͬͯͬͯ΋ɺʮFirestoreͷ஌͕ࣝඞཁʯɺ ʮFlutterͷ஌͕ࣝඞཁʯ౳ etc… • ͦΕͧΕʹผͷ஌͕ࣝඞཁ • ͨͩɺFlutter͔ΒFirebase͸ී௨ʹ࢖͑· ͢ɻ

25. ࠓޙͷಈ͖

26. ࠓޙͷಈ͖ • Firestoreʹ৽ػೳ͕࣮૷͞ΕΔͱ͙͢Flutter ଆʹissueཱ͕ͬͯରԠ͠͸͡ΊΔ • ࣌ؒࠩ͸͋Δ͕ɺ͜Ε͔Β΋͙͢ʹରԠͯ͠ ͘ΕΔ͸ͣ

27. ࠓޙͷಈ͖ • Ͱ΋ݱঢ়͸FlutterͱFirestoreΛϑϧʹ࢖ͬͯ ྲྀߦΔαʔϏεͷ࣮੷Λશવݟͳ͍(ࢁాͷ؍ ଌൣғ಺) • ࣮੷Λ࡞Γ΋݉Ͷͯࣗ෼΋ϓϩμΫτ։ൃΛ ͍ͯ͠Δ

28. ࠓޙͷಈ͖ • ౰໘ɺshogo.yamada͕࡞ΔαʔϏε͸શͯ ʮFlutter×FirebaseʯͰ͍͘ͱࢥ͏ • ஌Γ͍ͨ͜ͱɺΘ͔Βͳ͍͜ͱ͕͋Ε͹͍ͭ Ͱ΋࿈བྷ͍ͩ͘͞ɻ • Twitter: @yshogo87

29. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ࠙਌ձͰ͓࿩͠͠·͠ΐ͏ʂ