Webアプリケーションを開発する際にJavaScriptを素のままで使うのはナンセンスになってきました。JavaScript用Webフレームワークを活用して手早く組み立てていくべきです。そのためのソフトウェアとしてAngularJSを紹介します。 0
![]()
まずごくシンプルなデモから。
0
![]()
クリックでビューが切り替わります。
0
![]()
node.js製のWebサーバも付属しています。
0
![]()
HTMLソースはこんな感じです。
0
JavaScriptのコードです。ルーティングやテンプレート、コントローラを指定してます。 0
![]()
Hello Worldのサンプルコード。JavaScriptによるハンドリングが見当たりません。
0
![]()
入力チェックを含めたフォームサンプル。こちらもごくシンプルなコードです。
0
![]()
入力チェックはリアルタイムに行われます。
0
AngularJSではMVCを徹底し、HTMLはテンプレートとして使うことでコードとビューが極力分かれるようになっています。またビューとデータモデルは常に同期しており、データの変更に伴う再レンダリングは無用です。サイズは60KB以下で(Gzipで24KB)、一つのファイルを読み込むだけで使えます。jQueryとの連携も可能です。 0
AngularJSはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録(500円/月)はこちらから! プレミアムユーザのログインはこちらから 0












アンケート