AngularJS チュートリアル


Angular

AngularJSは、新しい属性によりHTMLを拡張したものです。

AngularJSは、SPA (Single Page Applications) に最適です。

AngularJSは、簡単に習得することができます。

AngularJSの学習を始めましょう!


このチュートリアルについて

このチュートリアルは、可能な限り迅速かつ効率的に AngularJS を学ぶのをお手伝いするよう、特別にデザインしたものです。

最初に、右に示す AngularJS の基礎を学習します:ディレクティブ、式、フィルタ、モジュール、コントローラ。

次に、AngularJS に関して知っておくべき下記事項について学習します:

Events、DOM、Forms、Input、Validation、Http 等。


全ての章における Try it Yourself の例

全ての章において、オンラインで例を編集し、ボタンをクリックすればその結果を表示できます。

AngularJS 例

<!DOCTYPE html>
<html lang="ja">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="">
  <p>Name : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
</div>

</body>
</html>
Try it Yourself »

学習の前提条件

AngularJSを学習する前に、次の基本的な知識が必要です:


AngularJS の歴史

AngularJS バージョン 1.0 は、2012 年にリリースされました。

Google 社員 Miško Hevery は、2009 年に AngularJS に取り組み始めた。

非常に良いアイデアであることが判明し、プロジェクトは正式に Google によってサポートされるようになりました。


AngularJS の例

このチュートリアルには、多数の AngularJS の例が含まれています!

AngularJSの例


AngularJS のリファレンス

リファレンスには、このチュートリアルで使用しているディレクティブとフィルタが含まれています。

AngularJSのリファレンス