【自分用まとめ】Angular入門ハンズオン in 愛媛 #gdgshikoku

2020年1月13日 Angular入門ハンズオン in 愛媛 https://gdgshikoku.connpass.com/event/160263/
0
Toshihisa Tomatsu @toshi__toma

コンポーネントはfoo.htmlでDOM書いて、イベントハンドラやhtmlに出す情報はfoo.tsに書く #GDGShikoku

2020-01-13 13:33:01
Toshihisa Tomatsu @toshi__toma

ディレクティブ、補完、プロパティバインディング、イベントバインディングを学んだ #GDGShikoku

2020-01-13 13:34:51
Tam@スーパー腹グラマー @tam_x

はじめての Angular アプリが完成した。 #GDGShikoku

2020-01-13 13:36:52
Ryuji Iwata @qt_luigi

laco先生による「Angular入門ハンズオン in 愛媛」に参加中! #gdgshikoku pic.twitter.com/B9WrBWRpye

2020-01-13 13:36:54
拡大
拡大
Toshihisa Tomatsu @toshi__toma

foo.cssはコンポーネント内でスタイルが閉じるのでCSSがスッキリ書ける #GDGShikoku

2020-01-13 13:39:34
HAL @PET_HAL

あーそれでcssファイルがフォルダごとにあったんだな…

2020-01-13 13:39:44
HAL @PET_HAL

ちょっと今日は懇親会辞退しよう…なんかこれ疲労感がやばい…

2020-01-13 13:45:42
HAL @PET_HAL

コピペでいっぱいいっぱい…

2020-01-13 13:53:25
HAL @PET_HAL

階層を間違えちゃった場合、移動するよりは削除して作り直した方が良い

2020-01-13 13:54:28
HAL @PET_HAL

あんぎゅらーのシステムでやたらファイルが多かった理由がわかったぞ…

2020-01-13 13:55:44
HAL @PET_HAL

設計思想よりハンズオン意識になってるチュートリアル

2020-01-13 13:57:09
Toshihisa Tomatsu @toshi__toma

子コンポーネントにデータを渡す時は、@Inputで子コンポーネントでプロパティ定義。子から親コンポーネントへのイベント発行は@OutputとEventEmitterで行って、親でキャッチする。 #GDGShikoku

2020-01-13 14:04:21
Toshihisa Tomatsu @toshi__toma

Angularのドキュメントのサンプルコードの関数やディレクティブが各APIへのリンクになってるの良さそう。 #GDGShikoku pic.twitter.com/MzVSP2nqNb

2020-01-13 14:05:46
拡大
Ryuji Iwata @qt_luigi

AngularはJSや2の時に少し触ったが、今はコンポーネント指向になっていて新鮮。Polymerが思い出される。 #gdgshikoku

2020-01-13 14:14:43
kazu 𝕏 ueda🧍 @kazweda

componentを作る階層を間違えて、app.module.ts でパスを修正して復旧。 #GDGShikoku

2020-01-13 14:20:00
kazu 𝕏 ueda🧍 @kazweda

アプリケーションのエントリーポイントみたいなものらしい。

2020-01-13 14:22:51
HAL @PET_HAL

app.component.htmlの<router-outlet></router-outlet>がキモ

2020-01-13 14:34:06
HAL @PET_HAL

これはお家帰って要復習だな…

2020-01-13 14:37:32
HAL @PET_HAL

ngOnInitってandroidのなんかあれみたいな立ち位置なんだな…メソッド名忘れたけど…最初に呼ばれるやつ…

2020-01-13 14:39:57
HAL @PET_HAL

ルーティングまで愛媛は1時間45分、大阪は1時間

2020-01-13 14:46:15