JSでFirebaseのML Kitを使う

Cfc01c0563ad1251bc77af766d675fd0?s=47 MasayaYoshino
February 21, 2019

JSでFirebaseのML Kitを使う

Cfc01c0563ad1251bc77af766d675fd0?s=128

MasayaYoshino

February 21, 2019
Tweet

Transcript

  1. JSͰFirebaseͷML KitΛ࢖͏ 2019/02/21 #0 Fukuoka.Firebase@LTΠϕϯτ

  2. ࣗݾ঺հ

  3. ࣗݾ঺հ גࣜձࣾFusic ΤϯδχΞ ٢໺ խ໹ (Yoshino Masaya) @ayasamind

  4. ࣗݾ঺հ

  5. ͪΐͬͱࠂ஌

  6. ͪΐͬͱࠂ஌ ֶੜ޲͚AlexaϋοΧιϯΠϕϯτ 3/27ʙ։࠵!!!

  7. JSͰFirebaseͷML KitΛ࢖͏ 2019/02/21 #0 Fukuoka.Firebase@LTΠϕϯτ

  8. ໨࣍ ɾࣗ෼ͱFirebase ɾML Kitಋೖ·Ͱ ɾML KitΛ࣮ࡍʹ࢖༻͢Δ ɾ·ͱΊ

  9. ࣗ෼ͱFirebase

  10. ୹ظΠϯλʔϯੜͷϓϩάϥϛϯάମݧͱͯ͠ ࣗ෼ͱFirebase Authetication(Facebook࿈ܞ) ࢖༻ͨ͠Firebaseͷػೳ

  11. ୹ظΠϯλʔϯੜͷϓϩάϥϛϯάମݧͱͯ͠ ࣗ෼ͱFirebase ɾϓϩάϥϛϯάະܦݧऀ͕ɺ1िؒͰFacebookೝূΛ ɹ࡞Δ͜ͱ͕Ͱ্͖ͨɺڭ͑Δίετ΋௿͔ͬͨɻ ɾΠϯλʔϯੜʹͱͬͯ΋ɺීஈΑ͘࢖͏΋ͷΛ࡞Εͨ ɹܦݧʹͳͬͯɺࣗ৴͕͍͍ͭͯͨɻ ײ૝

  12. ։ൃ߹॓Ͱ࡞ͬͨPWAͰ ࣗ෼ͱFirebase Firebase CLI Hosting ࢖༻ͨ͠Firebaseͷػೳ

  13. ։ൃ߹॓Ͱ࡞ͬͨPWAͰ ࣗ෼ͱFirebase ɾແྉSSLԽ͕ͱͯ΋خ͍͠ɻ ɾGoogleͳ͚ͩ͋ͬͯPWA͕࡞Γ΍͍͢ ײ૝

  14. ML Kitಋೖ·Ͱ

  15. ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ FirebaseͬͯଞʹͲΜͳػೳ͕͋Δ͚ͬ

  16. ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ FirebaseͬͯଞʹͲΜͳػೳ͕͋Δ͚ͬ

  17. Google Analytics Authentication Realtime Database Cloud Firestore Cloud Storage Hosting

    Cloud Functions ML Kit App Indexing Dynamic Links ML Kitಋೖ·Ͱ ࠓճLTΛ͢Δʹ͋ͨͬͯ Crashlytics Performance Monitoring Test Lab Crash Reporting Cloud Messaging Predictions Remote Config A/B Test Notifications Invites
  18. ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ ΊͪΌଟ͍ɺɺɺ

  19. ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ શମతʹWebΞϓϦ։ൃΛ͠΍͘͢͢Δ΋ͷ͕େ൒

  20. ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ ML Kit͸ɺGoogleͷػցֶशϞσϧΛ Firebaseͷ͋ͷ؆୯͞Ͱ࢖͑Δͷ͔ͳ

  21. ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ ML Kitɺ৮ͬͯΈΑ͏☺

  22. ML Kit ࢖ͬͯΈΑ͏ͱࢥͬͨΒ… ML Kitಋೖ·Ͱ

  23. ML Kit ࢖ͬͯΈΑ͏ͱࢥͬͨΒ… ML Kitಋೖ·Ͱ Web͕ͳ͍…

  24. ࠔͬͨ… ML Kitಋೖ·Ͱ Swift΋Kotlin΋ॻ͚ͳ͍͠ɺ ͦ΋ͦ΋FirebaseͰ؆୯ʹ࢖͍͍ͨΜ͚ͩͲͳ͋

  25. ML Kitಋೖ·Ͱ NativeScriptͳΒ͍͚Δ͔΋…

  26. ML Kitಋೖ·Ͱ

  27. ͳΜ͔͍͚ͩͦ͏ʂ ML Kitಋೖ·Ͱ ͪΌΜͱML Kitʹ΋ରԠͯ͠Δ☺

  28. ML KitΛ࢖ͬͯΈΔ͜ͱʹ ML Kitಋೖ·Ͱ NativeScript-Vue + FirebaseͰػցֶशʂ

  29. ML KitΛ࣮ࡍʹ࢖༻͢Δ

  30. ML KitΛ࣮ࡍʹ࢖༻͢Δ ॳظઃఆ NativeScript-VueͷϓϩδΣΫτ࡞੒

  31. ML KitΛ࣮ࡍʹ࢖༻͢Δ ॳظઃఆ NativeScript-Plugin-FirebaseΛ௥Ճ $ tns plugin add nativescript-plugin-firebase

  32. ML KitΛ࣮ࡍʹ࢖༻͢Δ ॳظઃఆ app.jsʹҎԼͷεΫϦϓτΛ௥Ճ

  33. ML KitΛ࣮ࡍʹ࢖༻͢Δ ॳظઃఆ FirebaseͷϓϩδΣΫτΛ࡞੒ Firebase͕ൃߦͯ͘͠ΕΔϑΝΠϧΛઃஔ͢Δɻ ɾiOSɹGoogleService-Info.plistϑΝΠϧΛઃஔɻ ɾAndroidɹgoogle-services.jsonϑΝΠϧΛઃஔɻ ॳظઃఆ ※ैྔ՝ۚͷBlazeϓϥϯ΁ͷΞοϓάϨʔυ͕ඞཁ

  34. ॳظઃఆऴྃ! ML KitΛ࣮ࡍʹ࢖༻͢Δ

  35. ࠓճಈ͔͢ͷ͸ҎԼͷೋͭ ML KitΛ࣮ࡍʹ࢖༻͢Δ ɾText Recognition(จࣈೝࣝ) ɾFace Recognition(إೝࣝ)

  36. Text Recognition(จࣈೝࣝ) ML KitΛ࣮ࡍʹ࢖༻͢Δ

  37. ML KitΛ࣮ࡍʹ࢖༻͢Δ Text Recognition

  38. ML KitΛ࣮ࡍʹ࢖༻͢Δ Text Recognition σϞ

  39. Face Recognition(จࣈೝࣝ) ML KitΛ࣮ࡍʹ࢖༻͢Δ

  40. ML KitΛ࣮ࡍʹ࢖༻͢Δ Face Recognition

  41. ML KitΛ࣮ࡍʹ࢖༻͢Δ Face Recognition ฦ͖ͬͯͨ஋

  42. ML KitΛ࣮ࡍʹ࢖༻͢Δ Face Recognition σϞ

  43. ·ͱΊ

  44. ·ͱΊ ɾNativeScriptΛ࢖͑͹JSͰ΋Firebaseͷ ɹML KitΛ࢖͏͜ͱ͕Ͱ͖Δ!!! ɾػցֶश׬શະܦݧͰ΋FirebaseΛ࢖͑͹ɺ ɹGoogleͷςΩετղੳ΍إղੳΛΞϓϦʹ૊ΈࠐΉ ɹ͜ͱ͕Ͱ͖Δɻ ɾͱ͸͍͑ɺNativeͷ։ൃ؀ڥΛ࡞Δͷ͸ඇৗʹେม…

  45. ͋Γ͕ͱ͏͍͟͝·ͨ͠!