ReactとAutoMLで エンジニアの顔判定してみた

React.js meetup #7 (LT会)で発表した資料です。

Transcript

1. Re a c t ͱ A u t o M L Ͱ Τ ϯ δχ Ξ ͷ إ ൑ ఆ ͯ͠ Έ ͨ ! 1 ాதɹହే(@kinnikutu79)
2. ࣗ ݾ ঺ հ ! 2 • ג ࣜ ձ ࣾ ήʔϜ ΤΠ τ ॴ ଐ • Re a c t / N ex t . j s / Ru b y / Ra i l s Λ ࢖ ͬͯ ͍ · ͢ • Re a c t / LT ڞ ʹ ॳ ৺ ऀ Ͱ ͢
3. ͪ ΐ ͬ ͱ ࿩ ୊ ʹ ͳ ͬ ͨ ը ૾ ʢ T B S ܥ υ ϥ Ϛ ʮ ࢲ ఆ ࣌ Ͱ ؼ Γ · ͢ ʯ ͷ ొ ৔ ਓ ෺ ʣ
5. ϑ ϩ ϯ τ Τ ϯ υ ͬ Ά ͍ إ i s Կ ʁ
6. Re a c t ͱ A u t o M L 
 Ͱ 
 ൑ ఆ γε ςϜ Λ ࡞ ͬͯ Έ Α ͏ ʂ
7. ೝূ৘ใΛ࣋ͨͤΔͭ΋Γ͕ͩͬͨෆཁ͔ʁ ֓ ཁ ਤ ࡱӨͨ͠إࣸਅΛૹΔ ൑ఆ݁Ռ ࡱӨͨ͠إࣸਅΛૹΔ ൑ఆ݁Ռ σϓϩΠ
8. ! 8 ϑ ϩ ϯ τ Τ ϯ υ • React • TypeScript • Prettier • ESLint
9. ! 9 ඳը෦
   ͜Ε͚ͩ Re a c t ί ʔ υ ൈ ਮ ʢ΢ϯίʔυͰ͢·Μʣ AutoMLͱͷೖग़ྗϞδϡʔϧ
10. ը ૾ ෼ ྨ ( C l o u d A u t o M L Vi s i o n ) ը૾ೝࣝϞσϧ͕ࣗ࡞Ͱ͖ΔCloudαʔϏε ʢGoogleఏڙʣ label: ϑϩϯτΤϯυ label: όοΫΤϯυ
11. • Firebase Hosting Λ࢖ͬͯ؆୯ͳσ ϓϩΠ؀ڥΛߏங • Firebase Cloud Functions Ͱೝূ৘ ใΛ؅ཧʢෆཁ͔ͩͬͨ΋ʣ α ʔό α Π υ
12. https://tranquil-marker-241605.firebaseapp.com/ ࣮ ࡍ ͷ ը ໘
13. • ՄೳੑΛײͨ͡ • Reactͬͯ΋͔ͯ͠͠ͳΜͰ΋ग़དྷΔʁ ։ ൃ ͯ͠ Έ ͨ ײ ૝
14. • ՄೳੑΛײͨ͡ • Reactͬͯ΋͔ͯ͠͠ͳΜͰ΋ग़དྷΔʁ • ESLint, PrettierͷઃఆΊΜͲ͍͘͞ ։ ൃ ͯ͠ Έ ͨ ײ ૝ ʢϫΠΈ͍ͨͳβίʔμʔ͕΢ϯίϛοτ͠ͳ͍Α͏ ʹઃఆͯ͘͠Ε͍ͯΔฐࣾͷਆΤϯδχΞʹײँʣ
15. ϑϩϯτʢESLint, Prettierআ͘ʣ αʔόʔαΠυ ը૾ೝࣝϞσϧ࡞੒ ͦͷଞΞΧ΢ϯτͷઃఆͳͲ ࡞ ۀ ࣌ ؒ : 3࣌ؒ : 3࣌ؒ : 2࣌ؒ : 10࣌ؒ ߹ܭͨͬͨͷ18࣌ؒʂ
16. ࡞ ͬ ͨ Ϟ σϧ Ͱ ༡ ΜͰ ͠ · ͬ ͨ ࣌ ؒ ଌఆෆೳ Ωʘζ°)ŧŖƃ
17. ͪ ͳ Έ ʹ ඒ ྠ ͞ Μ ͸ ϑ ϩ ϯ τ Τ ϯ υ Τ ϯ δχ Ξ إ Ͱ ͢ ͜͏ ͍ ͏ ͷ Ͱ ༡ ΜͰ ͨ
18. ͪ ͳ Έ ʹ ඒ ྠ ͞ Μ ͸ ϑ ϩ ϯ τ Τ ϯ υ Τ ϯ δχ Ξ إ Ͱ ͢ ϑϩϯτΤϯυ൑ఆ99.3% !!! ͜͏ ͍ ͏ ͷ Ͱ ༡ ΜͰ ͨ
19. ͪ ͳ Έ ʹ ඒ ྠ ͞ Μ ͸ ϑ ϩ ϯ τ Τ ϯ υ Τ ϯ δχ Ξ إ Ͱ ͢ ϑϩϯτΤϯυΤϯδχΞإ ͪ ͳ Έ ʹ ྫ ͷ ൴ ͸
20. Τ ϯ δχ Ξ ͞ Μ ͷ إ ը ૾ σ ʔ λ ઈ ࢍ ू Ί த ʂ ʂ 
 ʢ ࠙ ਌ ձ Ͱ ࣸ ਅ औ Β ͤ ͯ ͍ ͨ ͩ ͚Δ ͱ ɺ ͱ ͬͯ ΋ خ ͠ ͍Ͱ ͢ ʣ
21. ͝ ਗ਼ ௌ
    ͋ Γ ͕ ͱ ͏ ͝ ͟ ͍ · ͠ ͨ ! 21