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
90
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
510
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
86
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
43
テストなしでそれ動いてるの?って言われてテストはじめました
ayasamind
0
460
NuxtとLaravelを連携する上でやったこと
ayasamind
1
960
AlexaからはじめるServerless
ayasamind
0
620
ALISのサーバーサイドアーキテクチャをのぞいてみる!
ayasamind
1
1.5k
vuenight.pdf
ayasamind
0
600
Other Decks in Technology
See All in Technology
利用終了したドメイン名の最強終活〜観測環境を育てて、分析・供養している件〜 / The Ultimate End-of-Life Preparation for Discontinued Domain Names
nttcom
2
360
抽象化をするということ - 具体と抽象の往復を身につける / Abstraction and concretization
soudai
27
14k
Classmethod AI Talks(CATs) #17 司会進行スライド(2025.02.19) / classmethod-ai-talks-aka-cats_moderator-slides_vol17_2025-02-19
shinyaa31
0
170
Amazon Aurora のバージョンアップ手法について
smt7174
1
110
2025-02-21 ゆるSRE勉強会 Enhancing SRE Using AI
yoshiiryo1
1
450
設計を積み重ねてシステムを刷新する
sansantech
PRO
0
130
MIMEと文字コードの闇
hirachan
2
1.4k
OpenID BizDay#17 みんなの銀行による身元確認結果の活用 / 20250219-BizDay17-KYC-minna-no-ginko
oidfj
0
210
ウォンテッドリーのデータパイプラインを支える ETL のための analytics, rds-exporter / analytics, rds-exporter for ETL to support Wantedly's data pipeline
unblee
0
100
Raycast Favorites × Script Command で実現するお手軽情報チェック
smasato
1
120
【詳説】コンテンツ配信 システムの複数機能 基盤への拡張
hatena
0
180
ビジネスモデリング道場 目的と背景
masuda220
PRO
9
690
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
38k
How STYLIGHT went responsive
nonsquared
98
5.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Optimizing for Happiness
mojombo
376
70k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Thoughts on Productivity
jonyablonski
69
4.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
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ͷ։ൃڥΛ࡞Δͷඇৗʹେม…
͋Γ͕ͱ͏͍͟͝·ͨ͠!