Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JSでFirebaseのML Kitを使う
Search
MasayaYoshino
February 21, 2019
Technology
0
1.8k
JSでFirebaseのML Kitを使う
MasayaYoshino
February 21, 2019
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
100
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
530
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
100
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
49
テストなしでそれ動いてるの?って言われてテストはじめました
ayasamind
0
470
NuxtとLaravelを連携する上でやったこと
ayasamind
1
980
AlexaからはじめるServerless
ayasamind
0
640
ALISのサーバーサイドアーキテクチャをのぞいてみる!
ayasamind
1
1.6k
vuenight.pdf
ayasamind
0
620
Other Decks in Technology
See All in Technology
Google Cloud Next 2025 Recap アプリケーション開発を加速する機能アップデート / Application development-related features of Google Cloud
ryokotmng
0
210
Datadog のトライアルを成功に導く技術 / Techniques for a successful Datadog trial
nulabinc
PRO
0
150
激動の一年を通じて見えてきた「技術でリードする」ということ
ktr_0731
7
5.5k
AWSを利用する上で知っておきたい名前解決の話
nagisa53
6
820
分解し、導き、託す ログラスにおける“技術でリードする” 実践の記録
hryushm
0
190
TanStack Start 技術選定の裏側 / Findy-Lunch-LT-TanStack-Start
iktakahiro
1
130
Coding Agentに値札を付けろ
watany
3
510
Cursorをチョッパヤインタビューライターにチューニングする方法 / how to tuning cursor for interview write
shuzon
2
230
LangfuseではじめるAIアプリのLLMトレーシング
codenote
0
160
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
5.5k
250510 StepFunctionのテスト自動化始めました vol.1
east_takumi
1
230
非root化Androidスマホでも動く仮想マシンアプリを試してみた
arkw
0
130
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
700
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Scaling GitHub
holman
459
140k
Rails Girls Zürich Keynote
gr2m
94
13k
Site-Speed That Sticks
csswizardry
6
540
Building an army of robots
kneath
305
45k
The Invisible Side of Design
smashingmag
299
50k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
Transcript
JSͰFirebaseͷML KitΛ͏ 2019/02/21 #0 Fukuoka.Firebase@LTΠϕϯτ
ࣗݾհ
ࣗݾհ גࣜձࣾFusic ΤϯδχΞ ٢ խ (Yoshino Masaya) @ayasamind
ࣗݾհ
ͪΐͬͱࠂ
ͪΐͬͱࠂ ֶੜ͚AlexaϋοΧιϯΠϕϯτ 3/27ʙ։࠵!!!
JSͰFirebaseͷML KitΛ͏ 2019/02/21 #0 Fukuoka.Firebase@LTΠϕϯτ
࣍ ɾࣗͱFirebase ɾML Kitಋೖ·Ͱ ɾML KitΛ࣮ࡍʹ༻͢Δ ɾ·ͱΊ
ࣗͱFirebase
ظΠϯλʔϯੜͷϓϩάϥϛϯάମݧͱͯ͠ ࣗͱFirebase Authetication(Facebook࿈ܞ) ༻ͨ͠Firebaseͷػೳ
ظΠϯλʔϯੜͷϓϩάϥϛϯάମݧͱͯ͠ ࣗͱFirebase ɾϓϩάϥϛϯάະܦݧऀ͕ɺ1िؒͰFacebookೝূΛ ɹ࡞Δ͜ͱ͕Ͱ্͖ͨɺڭ͑Δίετ͔ͬͨɻ ɾΠϯλʔϯੜʹͱͬͯɺීஈΑ͘͏ͷΛ࡞Εͨ ɹܦݧʹͳͬͯɺࣗ৴͕͍͍ͭͯͨɻ ײ
։ൃ߹॓Ͱ࡞ͬͨPWAͰ ࣗͱFirebase Firebase CLI Hosting ༻ͨ͠Firebaseͷػೳ
։ൃ߹॓Ͱ࡞ͬͨPWAͰ ࣗͱFirebase ɾແྉSSLԽ͕ͱͯخ͍͠ɻ ɾGoogleͳ͚ͩ͋ͬͯPWA͕࡞Γ͍͢ ײ
ML Kitಋೖ·Ͱ
ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ FirebaseͬͯଞʹͲΜͳػೳ͕͋Δ͚ͬ
ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ FirebaseͬͯଞʹͲΜͳػೳ͕͋Δ͚ͬ
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
ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ ΊͪΌଟ͍ɺɺɺ
ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ શମతʹWebΞϓϦ։ൃΛ͘͢͢͠Δͷ͕େ
ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ ML KitɺGoogleͷػցֶशϞσϧΛ Firebaseͷ͋ͷ؆୯͞Ͱ͑Δͷ͔ͳ
ࠓճLTΛ͢Δʹ͋ͨͬͯ ML Kitಋೖ·Ͱ ML Kitɺ৮ͬͯΈΑ͏☺
ML Kit ͬͯΈΑ͏ͱࢥͬͨΒ… ML Kitಋೖ·Ͱ
ML Kit ͬͯΈΑ͏ͱࢥͬͨΒ… ML Kitಋೖ·Ͱ Web͕ͳ͍…
ࠔͬͨ… ML Kitಋೖ·Ͱ SwiftKotlinॻ͚ͳ͍͠ɺ ͦͦFirebaseͰ؆୯ʹ͍͍ͨΜ͚ͩͲͳ͋
ML Kitಋೖ·Ͱ NativeScriptͳΒ͍͚Δ͔…
ML Kitಋೖ·Ͱ
ͳΜ͔͍͚ͩͦ͏ʂ ML Kitಋೖ·Ͱ ͪΌΜͱML KitʹରԠͯ͠Δ☺
ML KitΛͬͯΈΔ͜ͱʹ ML Kitಋೖ·Ͱ NativeScript-Vue + FirebaseͰػցֶशʂ
ML KitΛ࣮ࡍʹ༻͢Δ
ML KitΛ࣮ࡍʹ༻͢Δ ॳظઃఆ NativeScript-VueͷϓϩδΣΫτ࡞
ML KitΛ࣮ࡍʹ༻͢Δ ॳظઃఆ NativeScript-Plugin-FirebaseΛՃ $ tns plugin add nativescript-plugin-firebase
ML KitΛ࣮ࡍʹ༻͢Δ ॳظઃఆ app.jsʹҎԼͷεΫϦϓτΛՃ
ML KitΛ࣮ࡍʹ༻͢Δ ॳظઃఆ FirebaseͷϓϩδΣΫτΛ࡞ Firebase͕ൃߦͯ͘͠ΕΔϑΝΠϧΛઃஔ͢Δɻ ɾiOSɹGoogleService-Info.plistϑΝΠϧΛઃஔɻ ɾAndroidɹgoogle-services.jsonϑΝΠϧΛઃஔɻ ॳظઃఆ ※ैྔ՝ۚͷBlazeϓϥϯͷΞοϓάϨʔυ͕ඞཁ
ॳظઃఆऴྃ! ML KitΛ࣮ࡍʹ༻͢Δ
ࠓճಈ͔͢ͷҎԼͷೋͭ ML KitΛ࣮ࡍʹ༻͢Δ ɾText Recognition(จࣈೝࣝ) ɾFace Recognition(إೝࣝ)
Text Recognition(จࣈೝࣝ) ML KitΛ࣮ࡍʹ༻͢Δ
ML KitΛ࣮ࡍʹ༻͢Δ Text Recognition
ML KitΛ࣮ࡍʹ༻͢Δ Text Recognition σϞ
Face Recognition(จࣈೝࣝ) ML KitΛ࣮ࡍʹ༻͢Δ
ML KitΛ࣮ࡍʹ༻͢Δ Face Recognition
ML KitΛ࣮ࡍʹ༻͢Δ Face Recognition ฦ͖ͬͯͨ
ML KitΛ࣮ࡍʹ༻͢Δ Face Recognition σϞ
·ͱΊ
·ͱΊ ɾNativeScriptΛ͑JSͰFirebaseͷ ɹML KitΛ͏͜ͱ͕Ͱ͖Δ!!! ɾػցֶशશະܦݧͰFirebaseΛ͑ɺ ɹGoogleͷςΩετղੳإղੳΛΞϓϦʹΈࠐΉ ɹ͜ͱ͕Ͱ͖Δɻ ɾͱ͍͑ɺNativeͷ։ൃڥΛ࡞Δͷඇৗʹେม…
͋Γ͕ͱ͏͍͟͝·ͨ͠!