JSでFirebaseのML Kitを使う

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠!