ng-fukuoka-meetup-1

6cdb33045501f0d30733e9cdfb739f7e?s=47 gupuru
June 25, 2017

 ng-fukuoka-meetup-1

6cdb33045501f0d30733e9cdfb739f7e?s=128

gupuru

June 25, 2017
Tweet

Transcript

  1. AngularͱAzureͷCustom Vision ServiceΛ࢖ͬͯը૾ೝࣝαΠτΛ ࡞ͬͯΈͨΑʔ

  2. About me ৽ݟ ߊฏ ϑϩϯτΤϯυͱػցֶशͷΤϯδχΞ ʹͳΖ͏ͱؤு͍ͬͯ·͢(ʆɾωɾ´) • Twitter: @gupuru •

    GitHub: gupuru
  3. Ֆͷ໊લΛڭ͑ͯ ͘ΕΔαʔϏε࡞ Γ·ͨ͠ʔ(ɾωɾ)

  4. ߏ੒͸͜Μͳײ͡ɻ ϑϩϯτ͸Angular4ܥ Λ࢖͍·ͨ͠ɻ

  5. Custom Vision Service • ؆୯ʹݴ͑͹ɺࣗ෼Ͱը૾ೝࣝͷϞσ ϧ͕࡞੒Ͱ͖ΔαʔϏεͰ͢ɻ • GUIͰૢ࡞ɺ͞ΒʹAPI͖ͭ

  6. ͖ͬ͞ͷ΍ͭΛ࡞ͬͨ࣌ʹࢀߟʹͳ ͬͨαΠτ΍ศརͩͬͨπʔϧͳͲ Λ঺հ͠Α͏ͱࢥ͍·͢ɻ ͜Ε͔ΒAngularΛ࢝ΊΑ͏͍ͯ͠Δਓͷखॿ ͚ʹͳΕ͹޾͍Ͱ͢ɻ

  7. 1. CLIΛ࢖͏(ʆŋωŋ´) ͱͯ΋ڧྗͰ͢ʂԼखʹࣗ෼Ͱ࡞ΔΑΓɺ CLI࢖ͬͨ΄͏͕͍͍Ͱ͢ɻ npm install -g @angular/cli

  8. ͪͳΈʹɺɺɺCLIΛ࢖Θͣʹɺࣗ෼Ͱ؀ڥΛ ࡞ͬͯ։ൃ͍ͯ͠Δਓͬͯɺ͍·͔͢ʁʁʁ ※CLI͸؁͑ɹby Ͳ͔͜ͷݘ

  9. CLIΛ࢖͑͹ɺ͜Μͳײ͡ ʹҰॠͰϓϩδΣΫτ͕ ࡞Ε·͢ɻ ng new ng-fukuoka-sample

  10. component΋ ng g component azarashi-image

  11. ͋ɺͪͳΈʹɺWebStormΛ࢖͑͹ɺGUIͰ͖·͢ʂ

  12. 2. AngularΛ࢖ͬͨWebαΠτͷ࡞Γํ(ʆŋωŋ´) ng-japan͞ΜͷϋϯζΦϯͷࢿྉͱͯ΋෼͔Γ΍͔ͬͨ͢Ͱ͢ʂ ͜ΕΛ΍Δ͚ͩͰɺجຊֶ͕΂·ͨ͠ɻ https://github.com/ng-japan/hands-on

  13. material-todoappͷষͰɺ deprecated͕͋ΔͷͰɺͦ͜͸஫ҙ͆

  14. 3. Rx(ʆŋωŋ´) Angular͸Rx͕ଟ͘࢖ΘΕ͍ͯ·͢ɻ CodeGrid͞Μͷهࣄ͕෼͔Γ΍͔ͬͨ͢Ͱ͢ɻ https://app.codegrid.net/entry/2017-rxjs-1

  15. 4. ௨৴·ΘΓ(ʆŋωŋ´) ௨৴·ΘΓ͸ɺެࣜͷυΩϡϝϯτ͕෼͔Γ΍͔ͬͨ͢Ͱ͢ɻ https://angular.io/guide/http#http

  16. Angular͸ɺެࣜͷυΩϡϝϯτ͕๛෋Ͱ͢ɻ ӳޠͰ͕͢ɺɺɺ

  17. 5. αʔόʔʹஔ͘Ͱ(ʆŋωŋ´) ng build ͜͜ͷϑΝΠϧΛαʔόʔʹஔ͍ͨΒɺ͓̺

  18. ௨ৗͳΒ͜ΕͰ͍͍Ͱ͕͢ɺɺɺ ͜ͷΑ͏ͳURLͩͱɺɺɺ https://inu.com/hoge/index.html fileͳ͍ΑʂͬͯݴΘΕ·͆͢ inline.bundle.js Failed to load resource: the

    server responded with a status of 404 (The specified resource does not exist.) vendor.bundle.js Failed to load resource: the server responded with a status of 404 (The specified resource does not exist.) polyfills.bundle.js Failed to load resource: the server responded with a status of 404 (The specified resource does not exist.) styles.bundle.js Failed to load resource: the server responded with a status of 404 (The specified resource does not exist.) main.bundle.js Failed to load resource: the server responded with a status of 404 (The specified resource does not exist.) vendor.bundle.js Failed to load resource: the server responded with a status of 404 (The specified resource does not exist.) main.bundle.js Failed to load resource: the server responded with a status of 404 (The specified resource does not exist.)
  19. ͖ͬ͞ͷΑ͏ͳURLͷ৔߹͜Μͳײ͡ʹ͢Δͱɺ͓̺ ng build --prod -bh /hoge/"

  20. ·ͱΊ

  21. Angularָ͍͠(ʆŋωŋ´)

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