始めに・・・

Level 0｜｜2016/06/20

始める前に、まずはどんなものなのか？どう使うのか？など、「AngularJSって何？」をさらっと知ってみます。

どんなもの？

ざっくり説明すると、「angularJS」は、Google製のJavaScriptアプリケーションフレームワークです。
Googleが作っているので、継続的に品質向上が見込めるし、技術的にも最先端を取り入れることもできそうです。
 
が
 
Googleだからって安心じゃないことも知っておかないと。です。
2016年6月時点で、angularJSは、バージョンによって書き方が違ったり、angularJS 2 は、1 とは全くの別物になりますのでご注意を。
このサイトでは、1.5.7を勉強していきます。

また、アプリケーション用でSEO対策にはあまり向いていません。SEOが必要ない箇所に使いましょう！

どうやって使う？

まずは、「angularJS」を、Downloadします。ローカルに置いて、HTMLに組み込めばすぐに使えます。
以下からDownloadしましょう。
angularJSをDownloadしましょう！

いやっローカルに置きたくない！

って場合は、以下コードをHTMLに記載します。先に読み込ませるために、head内に置きましょう！

<!-- HTMLファイルに追加 -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.1/angular.min.js"></script>
            

Bootstrapも一緒に使いたい！

って場合は、以下コードも一緒に設置しておきます。Javascriptファイルにもコードを追加すれば、Bootstrapを使えるようになります。0.12.0は、2016年6月現在のバージョンですので、ご注意を。

<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.min.js"></script>
<!-- Javascriptファイルに追加 -->
angular.module("myApp", ["ui.bootstrap"]);