Angular2はじめました

2016.10.03 Angular2 入門者の会
@nishio-dens

Transcript

1. Angular2
 ͸͡Ί·ͨ͠
 2016.10.03 Angular2 ೖ໳ऀͷձ
 @nishio-dens
2. Nishio (github: @nishio-dens) Ruby on Rails Engineer
3. Is Angular2 Ready? Ref: https://splintercode.github.io/is-angular-2-ready/
4. ͜Ε͔Β࿩͢͜ͱ Angular2ॳ৺ऀͷࢲ͕
 ͲͷΑ͏ʹֶशΛ͢͢Ί͍ͯΔ͔
5. Angular2 ΛֶͿͨΊʹ ͱʹ͔͘ΞϓϦΛ࡞Δʂ
6. ৽͍͠ϑϨʔϜϫʔΫΛษڧ͢Δͱ͖͸ αϯϓϧ΍νϡʔτϦΞϧΞϓϦ͸࡞Γࠐ·ͳ͍
 • ࣗ෼ͷڵຯͷແ͍ΞϓϦΛ࡞Δͷ͸ແཧ • ઈର๞͖Δ • αϯϓϧ͸αϥοͱྲྀͯ͠ɺࣗ෼͕࡞Γ͍ͨ΋ͷΛ Angular2Ͱॻ͖࢝Ίͨ΄͏͕ྑ͍ ΋͏ TODOΞϓϦΛ࣮૷͢Δͷ͸๞͖ͨΑ…
7. Angular2Ͱ࡞ͬͨ or ࡞͍ͬͯΔ΋ͷ (1) ng2-search-table (npmެ։ࡁ) • αʔόαΠυͱ࿈ܞͨ͠
 Ұཡը໘Λ؆୯ʹ࡞ΕΔΑ͏ʹ͢ΔϥΠϒϥϦ
8. Angular2Ͱ࡞ͬͨ or ࡞͍ͬͯΔ΋ͷ (2) ࡏݿɾച্؅ཧγεςϜ (ඇެ։) • ߏ૝͕૖େ͗ͯ͢ɺ࠷ۙ։ൃ͕ਐΜͰͳ͍… • ΋ͱ΋ͱAngular1Ͱ࡞్͍͕ͬͯͨதͰ2ʹม͑ͨ • ͜ͷγεςϜ࡞ΔͨΊʹɺόʔίʔυϦʔμʔങͬͨ
9. Angular2Ͱ࡞ͬͨ or ࡞͍ͬͯΔ΋ͷ (3) EOSRP ( https://github.com/eosystems/EOSRP ) • ͱ͋ΔΦϯϥΠϯήʔϜ (EVE Online) Ͱͷ
 SRP (Ship Replacement Program) Λ؅ཧ͢ΔγεςϜ • ઈࢍ։ൃத / γεςϜͷৄࡉ͸ׂѪ
10. ΞϓϦ࡞Δͱ͍ͬͯ΋… 
 Կ΋஌Βͳ͍ঢ়ଶ͔Β ͍͖ͳΓ࡞੒ͱ͔ແཧ
11. Angular2ͷ৘ใݯ ˒ Angular2ެࣜͷνϡʔτϦΞϧ • https://angular.io/docs/ts/latest/tutorial/ ˒ ng-book 2 (Φεεϝʂʣ • https://www.ng-book.com/2/ • beta࣌୅͔Βࢲ΋͓ੈ࿩ʹͳ͍ͬͯΔ • Angular2 ͱ ReduxΛͲ͏૊Έ߹ΘͤΔ͔ɺͳΜ͍ͯ͏ষ΋͋Δ ˒ ւ֎ʹ͸ೖ໳ॻ͕͍ͬͺ͍ • Rangle’s Angular2 Training Book • Become a ninja with Angular2 etc …
12. GoogleઌੜʹAngular2ͷ͜ͱΛฉ͘৔߹ ݕࡧπʔϧ - ೔෇ࢦఆͰ ࠷ۙͷهࣄΛݕࡧͨ͠ํ͕ྑ͍ • (RC5ΑΓલͷ) ݹ͍ίʔυ͸
 Breaking Change͕ଟ਺ൃੜͨ͠ӨڹͰಈ͔ͳ͍͜ͱ͕ଟ͍ • (ngModuleʹରԠͯ͠ͳͯ͘) ىಈ͢Β͠Ͷ͑… ౳ճආͰ͖Δ
13. ։ൃ؀ڥΛ੔͑Δ • WebStorm • ิ׬͕༏ल (importิ׬ / ؔ਺ɾม਺ิ׬౳) • ϦϑΝΫλػೳ΋༏ल / σόοΨ΋༏ल • ࢲ͸vimmerͰRuby (on Rails) ॻ࣌͘͸͍ͭ΋vim • Ͱ΋ Angular2 (+Typescript) Λ vimͰॻ͘ͷ͸ʢࠓ͸ʣਏ͍͔ͳ
14. Angular2 ͷجૅ΋ֶΜͩ
 ؀ڥ΋࡞ͬͨ
 
 ͋ͱ͸ΞϓϦ࡞Δ͚ͩ!
15. ͜Ε͔Βͷࢲͷ໨ඪ 1. EOSRP (ࠓྗΛೖΕ͍ͯΔϓϩδΣΫτʣΛϦϦʔε • ·ͣ͸ࠓ࡞͍ͬͯΔΞϓϦΛͪΌΜͱ׬੒͍ͤͨ͞
 2. Angular2Λ࢓ࣄͷϓϩδΣΫτʹऔΓೖΕΔ 1. গ͠લʹ࡞ͬͨΞϓϦ͸Angular1Ͱ࡞ͬͨ (RC౤ೖ͸ා͔ͬͨ) 2. 2.0.0 ͕ग़ͨࠓͳΒ Angular2 ͍͚Δ͔΋
 3. Angular2 ೖ໳ॻΛॻ͍ͯωοτʹެ։ 1. ೔ຊޠͷ৘ใগͳ͍ͷͰɺࠓͳΒελʔʹͳΕΔΑʂ 2. ೖ໳ॻΛॻ͘Ϟνϕ͕ଓ͔͘ɻ୭͔Ұॹʹॻ͜͏ͥ
16. ΞϓϦΛ࡞ͬͯɺެ։ͯ͠ Angular2 Λ޿Ί͍ͯ͜͏!