Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Angular2はじめました
Search
S.Nishio
October 03, 2016
Programming
0
510
Angular2はじめました
2016.10.03 Angular2 入門者の会 @nishio-dens
S.Nishio
October 03, 2016
Tweet
Share
More Decks by S.Nishio
See All by S.Nishio
数字を使った計画設定とふりかえりができる組織づくり (Startup Issue Gym #1)
nishiodens
0
630
vividgarden_bit_valley_2018_subtrack2.pdf
nishiodens
0
110
実践ハイパフォーマンスMySQL読書会 第1回資料
nishiodens
1
450
Other Decks in Programming
See All in Programming
Material 3で Material 2ぽい見た目にする
numeroanddev
2
250
SwiftUI, Jetpack Composeの導入で変化した「家族アルバム みてね」のアプリ開発体験
hicka04
6
400
WinUI 3デモ - "CommunityToolkit.Mvvm"NuGetパッケージ編
andrewkeepcoding
0
140
【KMC春合宿2024】実装視点で見るNeural Radiance Fields
runningoutrate
0
150
TCA魔法学入門🪄
dazy
0
280
TDDと今まで
kanayannet
0
140
せっかくモデル図描くのなら、嬉しいことが多い方がいいよね!
kuboaki
1
1.8k
品質とスピードを両立: TypeScriptの柔軟な型システムをバックエンドで活用する
kosui
5
1.1k
PHP8の機能を使って堅牢にコードを書く
fendo181
6
2.6k
Dockerで始めるAWS Lambda開発
stutkhd0709
14
2.5k
「コンパイル時のユニットテスト」導入するとユニットテストを 書かなくてよくなるのか?
tomohisa
9
2.2k
WasmOS: Wasmを実行する自作Microkernel
riru
0
370
Featured
See All Featured
Visualization
eitanlees
135
14k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Typedesign – Prime Four
hannesfritz
36
2k
The Pragmatic Product Professional
lauravandoore
24
5.7k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.2k
Six Lessons from altMBA
skipperchong
19
2.9k
4 Signs Your Business is Dying
shpigford
174
21k
A designer walks into a library…
pauljervisheath
199
23k
Being A Developer After 40
akosma
56
580k
Making Projects Easy
brettharned
106
5.4k
Building Effective Engineering Teams - LeadDev
addyosmani
25
1.8k
Transcript
Angular2 ͡Ί·ͨ͠ 2016.10.03 Angular2 ೖऀͷձ @nishio-dens
Nishio (github: @nishio-dens) Ruby on Rails Engineer
Is Angular2 Ready? Ref: https://splintercode.github.io/is-angular-2-ready/
͜Ε͔Β͢͜ͱ Angular2ॳ৺ऀͷࢲ͕ ͲͷΑ͏ʹֶशΛ͢͢Ί͍ͯΔ͔
Angular2 ΛֶͿͨΊʹ ͱʹ͔͘ΞϓϦΛ࡞Δʂ
৽͍͠ϑϨʔϜϫʔΫΛษڧ͢Δͱ͖ αϯϓϧνϡʔτϦΞϧΞϓϦ࡞Γࠐ·ͳ͍ • ࣗͷڵຯͷແ͍ΞϓϦΛ࡞Δͷແཧ • ઈର͖Δ • αϯϓϧαϥοͱྲྀͯ͠ɺ͕ࣗ࡞Γ͍ͨͷΛ Angular2Ͱॻ͖࢝Ίͨ΄͏͕ྑ͍ ͏
TODOΞϓϦΛ࣮͢Δͷ͖ͨΑ…
Angular2Ͱ࡞ͬͨ or ࡞͍ͬͯΔͷ (1) ng2-search-table (npmެ։ࡁ) • αʔόαΠυͱ࿈ܞͨ͠ Ұཡը໘Λ؆୯ʹ࡞ΕΔΑ͏ʹ͢ΔϥΠϒϥϦ
Angular2Ͱ࡞ͬͨ or ࡞͍ͬͯΔͷ (2) ࡏݿɾച্ཧγεςϜ (ඇެ։) • ߏ͕େ͗ͯ͢ɺ࠷ۙ։ൃ͕ਐΜͰͳ͍… • ͱͱAngular1Ͱ࡞్͍͕ͬͯͨதͰ2ʹม͑ͨ
• ͜ͷγεςϜ࡞ΔͨΊʹɺόʔίʔυϦʔμʔങͬͨ
Angular2Ͱ࡞ͬͨ or ࡞͍ͬͯΔͷ (3) EOSRP ( https://github.com/eosystems/EOSRP ) • ͱ͋ΔΦϯϥΠϯήʔϜ
(EVE Online) Ͱͷ SRP (Ship Replacement Program) Λཧ͢ΔγεςϜ • ઈࢍ։ൃத / γεςϜͷৄࡉׂѪ
ΞϓϦ࡞Δͱ͍ͬͯ… ԿΒͳ͍ঢ়ଶ͔Β ͍͖ͳΓ࡞ͱ͔ແཧ
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 …
GoogleઌੜʹAngular2ͷ͜ͱΛฉ͘߹ ݕࡧπʔϧ - ࢦఆͰ ࠷ۙͷهࣄΛݕࡧͨ͠ํ͕ྑ͍ • (RC5ΑΓલͷ) ݹ͍ίʔυ Breaking Change͕ଟൃੜͨ͠ӨڹͰಈ͔ͳ͍͜ͱ͕ଟ͍
• (ngModuleʹରԠͯ͠ͳͯ͘) ىಈ͢Β͠Ͷ͑… ճආͰ͖Δ
։ൃڥΛ͑Δ • WebStorm • ิ͕༏ल (importิ / ؔɾมิ) • ϦϑΝΫλػೳ༏ल
/ σόοΨ༏ल • ࢲvimmerͰRuby (on Rails) ॻ͍࣌ͭ͘vim • Ͱ Angular2 (+Typescript) Λ vimͰॻ͘ͷʢࠓʣਏ͍͔ͳ
Angular2 ͷجૅֶΜͩ ڥ࡞ͬͨ ͋ͱΞϓϦ࡞Δ͚ͩ!
͜Ε͔Βͷࢲͷඪ 1. EOSRP (ࠓྗΛೖΕ͍ͯΔϓϩδΣΫτʣΛϦϦʔε • ·ͣࠓ࡞͍ͬͯΔΞϓϦΛͪΌΜͱ͍ͤͨ͞ 2. Angular2ΛࣄͷϓϩδΣΫτʹऔΓೖΕΔ 1. গ͠લʹ࡞ͬͨΞϓϦAngular1Ͱ࡞ͬͨ
(RCೖා͔ͬͨ) 2. 2.0.0 ͕ग़ͨࠓͳΒ Angular2 ͍͚Δ͔ 3. Angular2 ೖॻΛॻ͍ͯωοτʹެ։ 1. ຊޠͷใগͳ͍ͷͰɺࠓͳΒελʔʹͳΕΔΑʂ 2. ೖॻΛॻ͘Ϟνϕ͕ଓ͔͘ɻ୭͔Ұॹʹॻ͜͏ͥ
ΞϓϦΛ࡞ͬͯɺެ։ͯ͠ Angular2 ΛΊ͍ͯ͜͏!