勉強会の基本情報
- 【日 時】2016年02月25日 19:00~21:00
- 【会 場】いいオフィス(東京都台東区東上野2-18-7 )
- 【参加費】無料
- 【主 催】株式会社LIG
- 【申し込み】http://lig.connpass.com/event/26115/
概要
Angularjsとは
- Single Page Application向けに、オープンソースのJavaScriptフレームワークです
- 2012年6月にバージョン1.0.0がリリースされました
- 2015年12月にバージョン2のBetaがリリースされました
ngとは
勉強会について
-
angular2入門 - 金井 健一さん
-
Angular1、Angular2の基本を紹介しました
-
Angular2を便利にするライブラリたち - lacoさん
- Angular2に関するライブラリを紹介しました
-
ngUpgradeでのマイグレーション - 稲葉 聡さん
- 1から2へのアップグレートにいて、紹介しました
内容
angular2入門
Angular1のconcept
- Data Binding
- Template Engine
- Routing
- Ajax Support
- Test
- Security
- DI(Dependency Injection)
Angular2からのconcept
- Component-base
- Universal JavaScript
Dependencies
- ES2015, ESNext
- RxJS
- TypeScript
- SystemJS
説明
- SystemJS
- 動的にjavascript moduleをロードする
- ES2015
- ECMAScript 2015の略称です。
- Ecmaインターナショナルが中心となり、JavaScript標準化したのECMAScript 6th editionです
- 元々は、ES5のように呼ばれるが、今後は年単位のより細かいリリースを計画しているようです
- ESNext
- ES2015をES5に変換するnodeモジュールです
- RxJS
- Rx(Reactive Extensions)はFRP(関数型リアクティブプログラミング)を実現するライブラリです
- TypeScript
- マイクロソフトによって開発されたフリーでオープンソースのプログラミング言語です
Angular2を便利にするライブラリたち
Official Libraries
- ngResource
- ngResourceモジュールは、$resourceサービスを経由してRESTfulサービスを提供します
- ngRoute
- ngRouteモジュールは、ルーティングとディープリンクサービスを提供します
- ngMock
- ngMockモジュールは、ユニットテスト用のモックです
npmのライブラリ
-
https://www.npmjs.com/search?q=angular
- 結果：6110 results for ‘angular’
-
https://www.npmjs.com/search?q=ng
- 結果：2454 results for ‘ng’
- 2016/03/08時点
ngUpgradeでのマイグレーション
- マイグレーション戦略
- Angularjs2で一から書き直す
- 少しずつマイグレーション -> ngUpgrade
- ngUpgradeライブラリ
- Angularjs2パッケージはマイグレーションを補助するツール
感想
いろいろなメリット
- 画面遷移は、サーバーと経由しなくて、クライアントのみで画面遷移できて、スピードが速いです
- jsonでサーバーと通信できるので、iOSやAndroidアプリと同じAPIを使えて、実装コストが少なくなります