AngularJs入門「アズ勉。」

アズ勉。AngularJs v1.5.1を、ズブの初心者が、勉強した

  1. HOME
  2. アズ勉。ノート一覧
  3. 始めに

始めに・・・

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"]);
            

このサイトはLiruu Design(リールーデザイン)が運営しています

WEBデザイン制作
WEBショーケース
Liruu Blog