20200804.pdf
by
osakataro
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Angular に⼊⾨してみませんか? 1
Slide 2
Slide 2 text
注意 ⼊⾨講座ではないです React やVue と⽐較して優劣つける話も無いです 2
Slide 3
Slide 3 text
内容 Angular = 学習コストが⾼いというイメージが変わるかも? ⼊⾨時には是⾮やっておきたい、読んでおきたい情報等をご紹介し ます 3
Slide 4
Slide 4 text
⼊⾨のポイント 3 ⼤フレームワークの中で最も要求されるスキルが多い (TypeScript 、RxJS 、DI...) フルスタックで全部⼊りなので初学者には迷いがない (他のフレームワークでは、スタンダードな選択肢はあるとはいえ Routing 、HttpClient 等、ライブラリ選定から⼊る必要があり) 最初からTypeScript なのでTypeSciprt を使うための特別な環境構築 が必要がない 4
Slide 5
Slide 5 text
⼊⾨のポイント ちょっとしんどいのはここ RxJS (Observable 型) 難しければ toPromise してObservable 型を使わなければ⼤丈夫 ※toPromise 廃⽌予定ですが代替⼿段はあるようです Dependency Injection (依存関係の注⼊) ⼊⾨時にわからなければおまじないと思っていても⼤丈夫。 5
Slide 6
Slide 6 text
チュートリアル ツアー・オブ・ヒーローズ ⼈材派遣会社に所属するヒーローを管理するアプリを構築しながら Angular の基本を学べる Angular After Tutorial GDE(Google Developers Expert) の稲富駿さん(@laco2net) が作成し たチュートリアル。より実践的な実装パターンが紹介されている。 6
Slide 7
Slide 7 text
ドキュメント TypeScript Deep Dive ⽇本語版 TypeScript の基本が学べる。 これからはTypeScript 必須時代。Angular で動くアプリを作りながら TypeSciprt を学べるなんて最⾼なのでは無いでしょうか Angular コーディングスタイルガイド スタイルガイドだgアプリ全体構造に関するガイドもあって読み応え あり。 7
Slide 8
Slide 8 text
記事 RxJS を学ぼう#1 〜#5 Angular が依存してるライブラリ「RxJS 」を丁寧に解説した記事。 ※RxJS のバージョンによっては記述⽅法が違うので注意 8
Slide 9
Slide 9 text
Twitter @ng_japan @laco2net @okunokentaro 9
Slide 10
Slide 10 text
Slack ng-japan Angular 書くなら絶対⼊っておいたほうが良い。Angular Japan ユーザ ー会の皆様に直接質問も可能。 Youtube Live ng-japan on air Angular の情報を発信しているYoutubeLive 。Angular だけでなくアプ リケーションの設計や状態管理の話なども出てくるので、Angular 触 ってなくても楽しめる 10
Slide 11
Slide 11 text
その他 Angular 、結構学びやすい環境がそろってると思いませんか? こちらの記事を読むとさらに「Angular... やってもいいかな」ってなる かも Angular の学習コストは本当に⾼いのか? 11