我在Angular2研讨会上进行了演讲
你好，我是Lako。我在LIG主办的ng2Curry活动上讲述了关于Angular 2库的现状。
滑动
请读一读，因为除了这张幻灯片上所显示的内容，我并没有提及太多其他的事情。
由于太过简洁，以下是一个概述，大约只需五分钟阅读时间的要点。
假设或基础条件
-
- TypeScriptわかる
- ComponentとかbootstrapくらいはAngular 2わかる
Angular 2中库的特点
-
- ES6 Modules形式でのインポート・エクスポート
-
- 型ベースのDI
-
- 公式から提供されるライブラリがお手本になる
- DIのことは Angular2のDIを知る – Qiita を読んでくれ
请用汉语将以下内容转述，只需要一种选项：
http
HTTP_PROVIDERSをbootstrapに渡す
Httpクラスには基本的にrequest()メソッドがあるだけ
HttpをDIして使うだけ
HttpのメソッドはObservableを返す
Angular 2はRxJSに依存してる
なんでObservableなのかはこれ読んで
ReactiveX – Observable
RxJS In-Depth – AngularConnect 2015
Introduction to RxJS 5 by Gerard Sans
コンポーネント側ではObservableをsubscribe()して非同期な値を受け取るだけ
路由器
ROUTER_PROVIDERSをbootstrapに渡す
をHTMLに書いてないならAPP_BASE_HREFもbootstrapに渡す
#でやりたいならHashLocationStrategyを使う
RouteConfigでルート定義を書く
にコンポーネントが描画される
[routerLink]でナビゲーション書ける
RouterをDIすれば手続き的にナビゲーションできる
Router#navigateはPromiseを返す
Promiseを使うと遅延ナビゲーションができる
漫画市集
测试 (cè shì)
angular2/testingは便利だけどJasmine依存
angular2/http/testingはMockBackend簡単に使える
angular2/router/testingはドキュメントないから待とうね
总结
-
- 今はまだAPIの細かい使い方を覚えるよりも全体の思想や雰囲気を掴んで、破壊的変更で折れないように半身で構えるのが無難。
- Observable(Stream)とPromiseは教養として理解しておきましょう
问出来的问题 de
-
- Dart版どうなの
普通に開発されてるけどDart版特有のバグとかエラーもあるらしくてつらそうな雰囲気
Bootstrapとかマテリアルデザインとか使えるの
AngularJSがそうだったようにCSSフレームワークと衝突することはない。マテリアルデザインのライブラリについてはng2-materialが鋭意開発中なので今年中には出る。
Componentの名前衝突しない？
W3CのCustomElementsの仕様に従って、foo-bar形式のハイフンで必ず2語以上にする形式を守れば、最初にネームスペースをつけるなどで衝突を避けられる。
アニメーションは？
angular2/animateがあるはずなんだけどちゃんと動かせてないので壊れてるのか使い方が悪いのかわからない。今後調べます。 => 調べた
回顾发表内容
-
- 初めてフル英語のスライドにした。反応は悪くなかったけどもうちょっと記号とか使って直感的な表現多くしたほうがよさそう
-
- reveal.js、結構いい。
-
- もうちょっと発表慣れしたい。
-
- 会場の雰囲気だと全体の2割くらいしかAngular 2まだ触ってなくて、基礎も無いうちにライブラリの話はついてこれてなさそうだなーというのがあった。ちょっと分かる人からはrouterの遅延ナビゲーションの説明とかよかったみたいで安心した。
-
- まだAngular 2に関してはもっと本質的な部分の啓蒙が必要だなあと思った。ng-japan前に感触がつかめて発表者側としても勉強になった。
- 主催のLIGさんありがとうございました。カレーおいしかったです。
