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
ReactとAutoMLで エンジニアの顔判定してみた
Search
Yasuto Tanaka
May 27, 2019
Technology
2
1.5k
ReactとAutoMLで エンジニアの顔判定してみた
React.js meetup #7 (LT会)で発表した資料です。
Yasuto Tanaka
May 27, 2019
Tweet
Share
Other Decks in Technology
See All in Technology
20250912_RPALT_データを集める→とっ散らかる問題_Obsidian紹介
ratsbane666
0
100
LLM時代のパフォーマンスチューニング:MongoDB運用で試したコンテキスト活用の工夫
ishikawa_pro
0
170
KotlinConf 2025_イベントレポート
sony
1
140
Oracle Cloud Infrastructure IaaS 新機能アップデート 2025/06 - 2025/08
oracle4engineer
PRO
0
110
Modern Linux
oracle4engineer
PRO
0
160
これでもう迷わない!Jetpack Composeの書き方実践ガイド
zozotech
PRO
0
1.1k
サラリーマンの小遣いで作るtoCサービス - Cloudflare Workersでスケールする開発戦略
shinaps
2
470
Aurora DSQLはサーバーレスアーキテクチャの常識を変えるのか
iwatatomoya
1
1.2k
Bedrock で検索エージェントを再現しようとした話
ny7760
2
110
Claude Code でアプリ開発をオートパイロットにするためのTips集 Zennの場合 / Claude Code Tips in Zenn
wadayusuke
5
1.9k
Platform開発が先行する Platform Engineeringの違和感
kintotechdev
4
590
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
550
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
95
14k
Documentation Writing (for coders)
carmenintech
74
5k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Building Adaptive Systems
keathley
43
2.7k
Designing Experiences People Love
moore
142
24k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Thoughts on Productivity
jonyablonski
70
4.8k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Being A Developer After 40
akosma
90
590k
Transcript
Re a c t ͱ A u t o M
L Ͱ Τ ϯ δχ Ξ ͷ إ ఆ ͯ͠ Έ ͨ ! 1 ాதɹହే(@kinnikutu79)
ࣗ ݾ հ ! 2 • ג ࣜ ձ
ࣾ ήʔϜ ΤΠ τ ॴ ଐ • Re a c t / N ex t . j s / Ru b y / Ra i l s Λ ͬͯ ͍ · ͢ • Re a c t / LT ڞ ʹ ॳ ৺ ऀ Ͱ ͢
ͪ ΐ ͬ ͱ ʹ ͳ ͬ ͨ
ը ૾ ʢ T B S ܥ υ ϥ Ϛ ʮ ࢲ ఆ ࣌ Ͱ ؼ Γ · ͢ ʯ ͷ ొ ਓ ʣ
None
ϑ ϩ ϯ τ Τ ϯ υ ͬ Ά ͍
إ i s Կ ʁ
Re a c t ͱ A u t o M
L Ͱ ఆ γε ςϜ Λ ࡞ ͬͯ Έ Α ͏ ʂ
ೝূใΛ࣋ͨͤΔͭΓ͕ͩͬͨෆཁ͔ʁ ֓ ཁ ਤ ࡱӨͨ͠إࣸਅΛૹΔ ఆ݁Ռ ࡱӨͨ͠إࣸਅΛૹΔ ఆ݁Ռ σϓϩΠ
! 8 ϑ ϩ ϯ τ Τ ϯ υ •
React • TypeScript • Prettier • ESLint
! 9 ඳը෦ ͜Ε͚ͩ Re a c t ί ʔ
υ ൈ ਮ ʢϯίʔυͰ͢·Μʣ AutoMLͱͷೖग़ྗϞδϡʔϧ
ը ૾ ྨ ( C l o u d
A u t o M L Vi s i o n ) ը૾ೝࣝϞσϧ͕ࣗ࡞Ͱ͖ΔCloudαʔϏε ʢGoogleఏڙʣ label: ϑϩϯτΤϯυ label: όοΫΤϯυ
• Firebase Hosting Λͬͯ؆୯ͳσ ϓϩΠڥΛߏங • Firebase Cloud Functions Ͱೝূ
ใΛཧʢෆཁ͔ͩͬͨʣ α ʔό α Π υ
https://tranquil-marker-241605.firebaseapp.com/ ࣮ ࡍ ͷ ը ໘
• ՄೳੑΛײͨ͡ • React͔ͬͯͯ͠͠ͳΜͰग़དྷΔʁ ։ ൃ ͯ͠ Έ ͨ ײ
• ՄೳੑΛײͨ͡ • React͔ͬͯͯ͠͠ͳΜͰग़དྷΔʁ • ESLint, PrettierͷઃఆΊΜͲ͍͘͞ ։ ൃ ͯ͠
Έ ͨ ײ ʢϫΠΈ͍ͨͳβίʔμʔ͕ϯίϛοτ͠ͳ͍Α͏ ʹઃఆͯ͘͠Ε͍ͯΔฐࣾͷਆΤϯδχΞʹײँʣ
ϑϩϯτʢESLint, Prettierআ͘ʣ αʔόʔαΠυ ը૾ೝࣝϞσϧ࡞ ͦͷଞΞΧϯτͷઃఆͳͲ ࡞ ۀ ࣌ ؒ :
3࣌ؒ : 3࣌ؒ : 2࣌ؒ : 10࣌ؒ ߹ܭͨͬͨͷ18࣌ؒʂ
࡞ ͬ ͨ Ϟ σϧ Ͱ ༡ ΜͰ ͠ ·
ͬ ͨ ࣌ ؒ ଌఆෆೳ Ωʘζ°)ŧŖƃ
ͪ ͳ Έ ʹ ඒ ྠ ͞ Μ ϑ
ϩ ϯ τ Τ ϯ υ Τ ϯ δχ Ξ إ Ͱ ͢ ͜͏ ͍ ͏ ͷ Ͱ ༡ ΜͰ ͨ
ͪ ͳ Έ ʹ ඒ ྠ ͞ Μ ϑ
ϩ ϯ τ Τ ϯ υ Τ ϯ δχ Ξ إ Ͱ ͢ ϑϩϯτΤϯυఆ99.3% !!! ͜͏ ͍ ͏ ͷ Ͱ ༡ ΜͰ ͨ
ͪ ͳ Έ ʹ ඒ ྠ ͞ Μ ϑ
ϩ ϯ τ Τ ϯ υ Τ ϯ δχ Ξ إ Ͱ ͢ ϑϩϯτΤϯυΤϯδχΞإ ͪ ͳ Έ ʹ ྫ ͷ ൴
Τ ϯ δχ Ξ ͞ Μ ͷ إ ը ૾
σ ʔ λ ઈ ࢍ ू Ί த ʂ ʂ ʢ ࠙ ձ Ͱ ࣸ ਅ औ Β ͤ ͯ ͍ ͨ ͩ ͚Δ ͱ ɺ ͱ ͬͯ خ ͠ ͍Ͱ ͢ ʣ
͝ ਗ਼ ௌ ͋ Γ ͕ ͱ ͏ ͝
͟ ͍ · ͠ ͨ ! 21