Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JSでFirebaseのML Kitを使う

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for MasayaYoshino MasayaYoshino
February 21, 2019
Technology
2k
0

JSでFirebaseのML Kitを使う

Avatar for MasayaYoshino

MasayaYoshino

February 21, 2019

More Decks by MasayaYoshino

See All by MasayaYoshino
コミュニティと共に変化する 私とFusicの8年間
Avatar for MasayaYoshino ayasamind
0
4.2k
失敗から学ぶリーダーシップ 〜部門長が踏んだ “お約束の落とし穴” 全公開〜
Avatar for MasayaYoshino ayasamind
0
140
近頃のお金の重なり業界のことを調 べてみた話

Avatar for MasayaYoshino ayasamind
0
150
ChatGPTで簡単！ 余興に使えるAWSサーバーレスアプリ開発入門
Avatar for MasayaYoshino ayasamind
0
730
コミュニティがもたらすエンジニアの あり方・働き方とは
Avatar for MasayaYoshino ayasamind
0
190
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
Avatar for MasayaYoshino ayasamind
0
92
テストなしでそれ動いてるの？って言われてテストはじめました
Avatar for MasayaYoshino ayasamind
0
560
NuxtとLaravelを連携する上でやったこと
Avatar for MasayaYoshino ayasamind
1
1.1k
AlexaからはじめるServerless
Avatar for MasayaYoshino ayasamind
0
790

Other Decks in Technology

See All in Technology
Bet AI Day 2026丨How We Bet AI: AIとともに働く場をつくる
Avatar for LayerX layerx
PRO
2
2.8k
Bet AI Day 2026丨AIを「使う」から、AIが「働く」へ ― LayerXが進める「組織AI」の社会実装
Avatar for LayerX layerx
PRO
3
2.8k
20260903 Tokyo Jazug Night #62 | Azure エンジニアよ、 その環境は本当にセキュアか？
Avatar for Olivia olivia_0707
1
640
AI活用の現在地、 ちゃんと見えてますか？/XPfest-2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
170
#jawssonic2026 あの時代が悪かった ~動かなかったSageMakerと共に迎えたイベント当日~
Avatar for Kana Kitagawa ktkn1129
0
140
薬剤師（ドメインエキスパート）と一緒に育てる薬局向けAIアシスタント
Avatar for KAKEHASHI kakehashi
PRO
2
120
『止めない』を設計する — 制約の中で、事業の根幹を支える判断
Avatar for Terry hiroyaterui
0
230
多層防御と最⼩権限で実現する、安全なAIエージェント設計パターン
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
220
Nav2、Nav3 ... はたまた自作？〜 作って理解する Nav3 の設計意図 〜 / Nav2, Nav3 ... or Build Your Own? — Understanding Nav3's design intent by building it from scratch
Avatar for Yuki Anzai yanzm
0
260
日経電子版を支えていく Kasane Design System/fec_fukuoka
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
210
V8コントリビュート超入門
Avatar for Riya Amemiya riyaamemiya
0
150
Driving AI Adoption Using In-House GPUs to Serve Qwen
Avatar for po3rin po3rin
2
470

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k
Side Projects
Avatar for Sacha Greif sachag
455
43k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
510
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.4k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.7k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
260
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.1k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.3k

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