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
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
370
怖くない!はじめてのClaude Code
shinya337
0
310
Core Audio tapを使ったリアルタイム音声処理のお話
yuta0306
0
160
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
110
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
5
4.6k
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
380
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
3
260
ハッカソン by 生成AIハッカソンvol.05
1ftseabass
PRO
0
150
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
shigeruoda
5
590
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
2
610
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
4
1.7k
Node-RED × MCP 勉強会 vol.1
1ftseabass
PRO
0
180
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
17
950
Testing 201, or: Great Expectations
jmmastey
42
7.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Side Projects
sachag
455
42k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
A better future with KSS
kneath
239
17k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
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