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

6cdb33045501f0d30733e9cdfb739f7e?s=47 gupuru
June 14, 2017

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

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

6cdb33045501f0d30733e9cdfb739f7e?s=128

gupuru

June 14, 2017
Tweet

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. ࠓճͷߏ੒

  14. None
  15. ͨͩɺɺɺ

  16. None
  17. ͪͳΈʹɺAzureͰݻΊͨཧ༝͸ɺɺɺ Custom Vision Service͕Azure͔ͩͬͨΒɺ ͔ͤͬͩ͘͢͠΂ͯAzureͰݻΊͯ΍Ζ͏ͱࢥ͔ͬͨΒʂ

  18. Azureʹ͍ͭͯɺ͍Ζ͍Ζ࿩͍ͨ͠ ͜ͱ͸͋ΔͷͰ͕͢ɺ͕࣌ؒͳ͍ͷ ͰΧοτ͠·͢ʢস)

  19. ࣍͸ɺϑϩϯτͷ෦෼ʂ

  20. AngularͰ࡞Γ·ͨ͠ʂ

  21. Angularͷ͜ͷลΑ͔ͬͨ! • Component͕ྑ͍ • routing͕Θ͔Γ΍͍͢ • ͜͜ʹॻ͚͹ྑ͍ͱ͍͏ͷ͕෼͔Γ΍͍͢ʂ • CLI͕ศར͗͢ʂ

  22. Angularʹ͍ͭͯɺ͍Ζ͍Ζ࿩ͨ͠ ͍͜ͱ͸͋ΔͷͰ͕͢ɺ͕࣌ؒͳ͍ ͷͰΧοτ͠·͢ʢস)

  23. ·ͱΊ

  24. AngularͱAzure͸͍͍ͧ(ʆɾωɾ´)

  25. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ