【JSフレームワーク】 AngularJS ～入門編～

AngularJS

  ■ AngularJSとは？

 * フロント側のJavaScriptフレームワーク

 

  ■ 特徴

 * MVW（Model-View-Whatever）
http://blogs.yahoo.co.jp/dk521123/22001152.html
 * フリー / MIT(商用利用可能)

 

  ■ できる事

1) HTMLテンプレート機能
2) 双方向データバインディング
3) DIによるモジュール管理機能
4) ルーティング機能
5) Ajax通信機能

 

  ■ サイト

* 公式サイト
https://angularjs.org/
* 動画
http://dotinstall.com/lessons/basic_angularjs

 

  ■ サンプル

  Hello World!

<html ng-app>がないと動かないので注意 
<!DOCTYPE html>
<html ng-app>
<head>
<meta charset='UTF-8'>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
</head>
<body>
<input type="text" ng-model="yourName" placeholder="Input your name"><br />
<span>Hello, {{yourName}} !</span>
</body>
</html>

 

  参考文献

http://www.atmarkit.co.jp/ait/articles/1509/02/news020.html

 

  関連記事

  AngularJS

コントローラ編
http://blogs.yahoo.co.jp/dk521123/35937099.html

  パターン

MVVM / MVPVM / MVW パターン
http://blogs.yahoo.co.jp/dk521123/22001152.html
MVC / MVP パターン
http://blogs.yahoo.co.jp/dk521123/22695448.html