大型Webアプリケーションを開発する際に使えるJavaScriptフレームワーク「AngularJS」

大型Webアプリケーションを開発する際に使えるJavaScriptフレームワーク「AngularJS」:

Webアプリケーションを開発する際にJavaScriptを素のままで使うのはナンセンスになってきました。JavaScript用Webフレームワークを活用して手早く組み立てていくべきです。そのためのソフトウェアとしてAngularJSを紹介します。

まずごくシンプルなデモから。

クリックでビューが切り替わります。

node.js製のWebサーバも付属しています。

HTMLソースはこんな感じです。

JavaScriptのコードです。ルーティングやテンプレート、コントローラを指定してます。

Hello Worldのサンプルコード。JavaScriptによるハンドリングが見当たりません。

入力チェックを含めたフォームサンプル。こちらもごくシンプルなコードです。

入力チェックはリアルタイムに行われます。

AngularJSではMVCを徹底し、HTMLはテンプレートとして使うことでコードとビューが極力分かれるようになっています。またビューとデータモデルは常に同期しており、データの変更に伴う再レンダリングは無用です。サイズは60KB以下で（Gzipで24KB）、一つのファイルを読み込むだけで使えます。jQueryとの連携も可能です。