ng-fukuoka-meetup-1

https://ng-fukuoka.connpass.com/event/57552/

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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ