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.9k
JSでFirebaseのML Kitを使う
MasayaYoshino
February 21, 2019
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
失敗から学ぶリーダーシップ 〜部門長が踏んだ “お約束の落とし穴” 全公開〜
ayasamind
0
64
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
110
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
610
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
120
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
63
テストなしでそれ動いてるの?って言われてテストはじめました
ayasamind
0
500
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1k
AlexaからはじめるServerless
ayasamind
0
700
ALISのサーバーサイドアーキテクチャをのぞいてみる!
ayasamind
1
1.6k
Other Decks in Technology
See All in Technology
IoTLT@ストラタシスジャパン_20251021
norioikedo
0
140
Kubernetes self-healing of your workload
hwchiu
0
540
ゼロコード計装導入後のカスタム計装でさらに可観測性を高めよう
sansantech
PRO
1
440
コンパウンド組織のCRE #cre_meetup
layerx
PRO
1
270
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
okiyuki99
0
130
SRE × マネジメントレイヤーが挑戦した組織・会社のオブザーバビリティ改革 ― ビジネス価値と信頼性を両立するリアルな挑戦
coconala_engineer
0
250
AI AgentをLangflowでサクッと作って、1日働かせてみた!
yano13
1
160
SCONE - 動画配信の帯域を最適化する新プロトコル
kazuho
1
380
JSConf JPのwebsiteをGatsbyからNext.jsに移行した話 - Next.jsの多言語静的サイトと課題
leko
2
190
プロダクト開発と社内データ活用での、BI×AIの現在地 / Data_Findy
sansan_randd
0
130
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
katsuhisa91
PRO
3
1.4k
AI-Readyを目指した非構造化データのメダリオンアーキテクチャ
r_miura
1
320
Featured
See All Featured
Faster Mobile Websites
deanohume
310
31k
A better future with KSS
kneath
239
18k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Making Projects Easy
brettharned
120
6.4k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
A designer walks into a library…
pauljervisheath
209
24k
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ͷ։ൃڥΛ࡞Δͷඇৗʹେม…
͋Γ͕ͱ͏͍͟͝·ͨ͠!