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-loader- ES6モジュールローダー。systemjsがこのモジュールを自動的にロードします。
traceur- ES6トランスパイラ。ES6コードを現在のブラウザがサポートするES5コードに変換します。systemjsがこのモジュールを自動的にロードします。