HTML5 Conference 2017「これからはじめるAngular」 （laco氏）
-
tonkotsuboy_com
- 1447
- 0
- 0
- 0
-
- いいね！0
lacolaco👑
@laco2net
これから発表するスライドのリンクです。登壇中のページと同期してめくれます。 #html5j_a slides.com/laco/html5conf…
2017-09-24 13:20:01
鹿野 壮 Takeshi Kano
@tonkotsuboy_com
Angularの特徴は次の通り。 ・Web標準 ・シンプル ・簡単 ・パフォーマンスが高い ・フルスタック（たくさんの機能がAngular公式から提供されている） ・TypeScriptの恩恵を大きく受けられる #html5j #html5j_a #angular
2017-09-24 13:22:19
鹿野 壮 Takeshi Kano
@tonkotsuboy_com
Angularは大部分がWeb標準技術に乗っかっている ・ES2015+ ・ES Modules ・Web Animations API ・Web Components ・ES Proposal (Decorators，Observables) #html5j #html5j_a
2017-09-24 13:24:45
鹿野 壮 Takeshi Kano
@tonkotsuboy_com
（つまり、Angularを学ぶとAngular独自の知識というよりは現在・そして次世代のWeb標準の知識が学べます。私もObservablesは全然使っていませんでしたが、Angularに出会ったおかげで今は彼無しでは生きられなくなりました） #html5j #html5j_a
2017-09-24 13:26:54
Shingo Yamazaki
@zaki___yama
Angularがなんでもかんでも公式のCLI経由でできるようになっているの、大規模開発には非常に良さそう #html5j #html5j_a
2017-09-24 13:29:09
鹿野 壮 Takeshi Kano
@tonkotsuboy_com
AngularはAngular CLIによって、環境構築、テスト環境、ビルド設定を1から全部作ってくれる。 面倒くさい環境構築をいちいちやる必要はない。 #html5j #html5j_a
2017-09-24 13:29:51
Shingo Yamazaki
@zaki___yama
Angularは仮想DOMは使っていないが、変更検知が非常に速いため結果としてパフォーマンスが良い #html5j #html5j_a
2017-09-24 13:30:25
鹿野 壮 Takeshi Kano
@tonkotsuboy_com
Angularは早い。 変更検知が早く、10msに10万回のチェックを行える。 なお、よく勘違いされがちだがAngularは仮想DOMではなく、純粋なDOMを使っている。 #html5j #html5j_a
2017-09-24 13:31:09
Shingo Yamazaki
@zaki___yama
Angularはフルスタック：SSRやSWも含めて公式パッケージが充実 #html5j #html5j_a
2017-09-24 13:32:04
鹿野 壮 Takeshi Kano
@tonkotsuboy_com
TypeScript（静的型）のメリット ・コードが一つのドキュメントになる（生きたAPIドキュメントになる） ・コンパイラーのチェック ・エディターの入力補完が可能に #html5j #html5j_a pic.twitter.com/tGfxXXpjbK
2017-09-24 13:34:16
拡大
Shingo Yamazaki
@zaki___yama
@DecoratorはECMAScriptで現在stage2 github.com/tc39/proposal-… #html5j_a
2017-09-24 13:35:32
Shingo Yamazaki
@zaki___yama
それなりの規模のコンポーネントになったときに@Componentデコレータ内にベタ書きしてるtemplateとかstylesはどうしていくんだろうなあ #html5j_a
2017-09-24 13:39:45
takuyayoshida
@takuyayoshida4
#html5j_a Ionicで気持ちよくなるためにはもっとAngularと仲良くなる必要あるなーと。もっと勉強しよう。
2017-09-24 13:48:01
鹿野 壮 Takeshi Kano
@tonkotsuboy_com
Angular Moduleの上の層がPlatform。 ブラウザ、サーバー、Web Workers上等で動作するためのプラットフォームがある。 モジュールを変えずに、プラットフォーム指定を変更することで実行環境を変更できる。 #html5j #html5j_a
2017-09-24 13:49:54
あえとす
@aetos382
Angular Language Service って VS (not Code) でも使えるっけ？ #html5j_a #html5j
2017-09-24 13:51:39
Shingo Yamazaki
@zaki___yama
Angularの仕事というか役割をまとめると： ・Viewをレンダリングする ・モデルの変更をwatchする ・ビューの切り替え（ルーティング） ・サーバーにアクセスする #html5j_a
2017-09-24 13:52:14