Angular 2 チュートリアル

Angular2 は Google がメンテナンスするオープンソースのJavaScriptライブラリで、シングルページアプリケーションの実行を支援します。

Angular2 は Angular 1.x のアップグレード版であり、パフォーマンスが著しく向上し、Web 開発コンポーネントをしっかりとサポートします。

Angular2 は2016年9月にリリースされ、ES6 に基づいて開発されました。

本チュートリアルを学習するために必要な基礎知識

本チュートリアルを学ぶ前に、HTML、CSS、JavaScript といった基本的なフロントエンドの基礎が必要です。さらに、NPM と TypeScript についても理解しておく必要があります。

Angular2.x と Angular1.x の違いは、Java と JavaScript、あるいは雷鋒と雷峰塔のような違いに似ています。そのため、Angular2.x を学ぶ際には、新しい言語を学び直す心構えが必要です。

現在、さまざまな環境（ブラウザまたは Node）では ES6 コードがまだサポートされていないため、ES6 で書かれたコードを ES5 形式に変換し、ブラウザで正常に実行できるようにするために、いくつかの shim と polyfill（IE が必要）が必要です。

上の図からわかるように、Es5 ブラウザでは以下のモジュールローダーが必要です：

systemjs- 汎用モジュールローダー。AMD、CommonJS、ES6など、さまざまな形式のJSモジュールの読み込みをサポートします。
es6-module-loaderES6モジュールローダー。systemjs はこのモジュールを自動的に読み込みます。
traceur- ES6トランスコーダー。ES6コードを現在のブラウザがサポートするES5コードに変換します。systemjs はこのモジュールを自動的に読み込みます。