AngularとAzureのCustom Vision Serviceを使って 画像認識サイトを作ってみた

このイベントの資料
https://cdg.connpass.com/event/57050/

Transcript

1. AngularͱAzureͷCustom Vision ServiceΛ࢖ͬͯɺը૾ೝࣝαΠτ Λ࡞ͬͯΈͨΑʔ
2. About me ৽ݟ ߊฏ ϑϩϯτΤϯυͱػցֶशͷΤϯδχΞʹͳΖ͏ͱؤு͍ͬͯ· ͢(ʆɾωɾ´) • Twitter: @gupuru • GitHub: gupuru
3. Build 2017ͰɺCustom Vision Serviceͱ͍͏αʔϏε͕ൃද͞Ε ·ͨ͠ɻ
4. Custom Vision Service • ؆୯ʹݴ͑͹ɺࣗ෼Ͱը૾ೝࣝͷϞσϧ͕࡞੒Ͱ͖ΔαʔϏε Ͱ͢ɻ • GUIͰૢ࡞ɺ͞ΒʹAPI͖ͭ • αʔόͳͲͷ؅ཧ΋Azureʹ೚ͤΔ͜ͱ͕Ͱ͖ΔͷͰɺࣗ෼Ͱ؅ ཧ͢Δඞཁ͕ͳ͍ɻ
5. ݟͨ΄͏͕ૣ͍ͷͰɺ΍ͬͯΈ·͢ɻ
6. DEMO
7. ݁ߏɺੌ͘ͳ͍Ͱ͔͢ʁʢসʣ
8. API͕Ͱ͖ͯɺαʔό΋ཱͯΔඞཁ ͕ͳ͍ͱ͍͏͜ͱ͸ɺɺɺ
9. αʔόϨεͰɺػցֶश͕Ͱ͖Δ(•̀ᴗ•́)و ̑̑
10. Ͱʂ
11. Ֆͷ໊લ͕෼͔Δ͸ͣͷWebαʔϏ εΛ࡞ͬͯΈ·ͨ͠ʂ
12. DEMO
13. ࠓճͷߏ੒
15. ͨͩɺɺɺ
17. ͪͳΈʹɺAzureͰݻΊͨཧ༝͸ɺɺɺ Custom Vision Service͕Azure͔ͩͬͨΒɺ ͔ͤͬͩ͘͢͠΂ͯAzureͰݻΊͯ΍Ζ͏ͱࢥ͔ͬͨΒʂ
18. Azureʹ͍ͭͯɺ͍Ζ͍Ζ࿩͍ͨ͠ ͜ͱ͸͋ΔͷͰ͕͢ɺ͕࣌ؒͳ͍ͷ ͰΧοτ͠·͢ʢস)
19. ࣍͸ɺϑϩϯτͷ෦෼ʂ
20. AngularͰ࡞Γ·ͨ͠ʂ
21. Angularͷ͜ͷลΑ͔ͬͨ! • Component͕ྑ͍ • routing͕Θ͔Γ΍͍͢ • ͜͜ʹॻ͚͹ྑ͍ͱ͍͏ͷ͕෼͔Γ΍͍͢ʂ • CLI͕ศར͗͢ʂ
22. Angularʹ͍ͭͯɺ͍Ζ͍Ζ࿩ͨ͠ ͍͜ͱ͸͋ΔͷͰ͕͢ɺ͕࣌ؒͳ͍ ͷͰΧοτ͠·͢ʢস)
23. ·ͱΊ
24. AngularͱAzure͸͍͍ͧ(ʆɾωɾ´)
25. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ