Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

B44bb9649d64a23ca16f4385769ae204?s=128

Yasuto Tanaka

May 27, 2019
Tweet

Other Decks in Technology

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 ܥ υ ϥ Ϛ ʮ ࢲ ఆ ࣌ Ͱ ؼ Γ · ͢ ʯ ͷ ొ ৔ ਓ ෺ ʣ
  4. None
  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