Angular2ハンズオン@米子

10/22(土)に鳥取県米子市でAngular2の入門ハンズオンが開催されました。解説も多くして頂けましたし質疑応答も活発に行われました! http://ngjapan.connpass.com/event/42049/
4
Sakito @__sakito__

広島から近いので参加しまーす! Angular2ハンズオン@米子 ngjapan.connpass.com/event/42049/ #ng_yonago

2016-10-17 11:16:37
Ryuji Iwata @qt_luigi

Angular2ハンズオン@米子 に参加を申し込みました!県外から参加するので遅れる場合があります。 ngjapan.connpass.com/event/42049/?u… #ng_yonago

2016-10-18 21:00:19
Sakito @__sakito__

ちなみに明日鳥取に行く理由。 Angular2ハンズオン@米子 ngjapan.connpass.com/event/42049/?u… #ng_yonago

2016-10-21 14:19:36
犬地方webマン @Uemmra3

米子でのAngular2ハンズオン始まってる。 #ng_yonago pic.twitter.com/YQFO1uD5B0

2016-10-22 10:15:30
拡大
Ryuji Iwata @qt_luigi

Angular2ハンズオン@米子、始まりました! #ng_yonago pic.twitter.com/i2hO0aQ6Gs

2016-10-22 10:29:48
拡大
Ryuji Iwata @qt_luigi

まずはnodeのインストールから。私は公式サイトからtar.gzをダウンロードしてチャレンジ。 #ng_yonago

2016-10-22 10:40:36
hiroyuki ⇔ ıʞnʎoɹıɥ @ionis_h

見渡すとmac以外は私だけです!(°△°; #ng_yonago

2016-10-22 10:44:16
Sakito @__sakito__

nodeをインストールするより削除する方が大変だから、nodebrewでnode.jsのバージョン管理ができるように。 #ng_yonago

2016-10-22 10:50:55
Sakito @__sakito__

macなら基本この方法でnodebrew動きます。 qiita.com/sinmetal/items… #ng_yonago

2016-10-22 10:54:55
Ryuji Iwata @qt_luigi

Angular1は(1)ファイル読み込み(2)DOMの流れだがAngular2からは最初に(0)ビルドが入る。 #ng_yonago

2016-10-22 11:01:03
犬地方webマン @Uemmra3

久々にnodeを更新したら、brewが壊れて亀状態orz #ng_yonago

2016-10-22 11:05:05
Ryuji Iwata @qt_luigi

本日のSAGAWAさんのハンズオン資料はRC版ベースだそうです。 #ng_yonago twitter.com/albatrosary/st…

2016-10-22 11:06:18
Sakito @__sakito__

Angular2はgulpを使用していない。 webpackのみです。Grunt ➡︎ gulp ➡︎ webpackの流れはもう本流ですね。 webpackについてはこちらがわかりやすいです。 ics.media/entry/12140 #ng_yonago

2016-10-22 11:15:02
hiroyuki ⇔ ıʞnʎoɹıɥ @ionis_h

サンダルで来たんだけど、すごい寒い。昼食べに行くときに靴に履き替えよう(=w=; #ng_yonago

2016-10-22 11:17:15
犬地方webマン @Uemmra3

angular1(ng1)は単独ライブラリで動作していたが、ng2では依存のものを取り込む必要がある #ng_yonago

2016-10-22 11:25:03
Ryuji Iwata @qt_luigi

SAGAWAさんがお話しされつつ参加者が随時質問できるので、初心者には非常にありがたい会ですm(__)m #ng_yonago

2016-10-22 11:36:33
Ryuji Iwata @qt_luigi

#ng_yonago 「Angular2 Todos」ハンズオンの導入手順 $ git clone github.com/albatrosary/ng… … $ cd ng2Todos $ npm i $ npm start ブラウザーが起動してメッセージ表示。ダメならリロード。

2016-10-22 11:37:31
Ryuji Iwata @qt_luigi

ng2Todos/src/scripts/main.tsのbootstrap()のHomeComponentをAppTemplateに書き換えてハンズオンを始めたのだがmain.tsファイルを保存した時点で再ビルドされて画面がリロードした。 #ng_yonago

2016-10-22 11:52:18
Ryuji Iwata @qt_luigi

午後の部、始まりました。step.3からです。 #ng_yonago

2016-10-22 13:50:55
Ryuji Iwata @qt_luigi

Angular1の時はまだHTML/CSS/JavaScriptを書いている感覚でしたがAngular2はもはやプログラミングですね。 #ng_yonago

2016-10-22 14:10:31
Ryuji Iwata @qt_luigi

Angular2、1つのtsファイルに画面と処理の両方のコードを書いたりしているので、まるでGUIアプリを開発しているようだ。 #ng_yonago

2016-10-22 14:19:03
Ryuji Iwata @qt_luigi

Angular2、書いているとDelphiやFlexを彷彿させるし、画面の部品をコンポーネント化する流れもわかる気がする。専用のIDEとか出てきても不思議ではない。 #ng_yonago

2016-10-22 14:20:09