ほげにっき

hogedigoの日記

AngularJSチュートリアルやってメモメモ(前置き)

本家サイトの前置き

このチュートリアルではAndroid端末のカタログWEBアプリを作りながらAugularJSのつかい方を学ぶ。


このチュートリアルをやって分かること

  • クライアントサイド・データバインディングと依存性注入(DI)機能を使って、ユーザーのアクションによって即時に変更が反映されるデータビューを作るやり方
  • AngularJSがどの様にDOM操作なしでデータに対してリスナーを設定するか
  • Webアプリをテストするよりベターで簡単な手法
  • Angularサービスを使用してより簡単にWEB共通タスクを作成する方法


このチュートリアルを終わって出来るようになること

  • 全てのブラウザで動作する動的アプリを作ること
  • Anglarと一般的な他のJSフレームワークとの違いの理解
  • AnglarJSのデータバインディングがどの様に機能するか理解
  • anglar-seedプロジェクトを使って手っ取り早いプロジェクトの開始
  • テストの作成と実行
  • AnglarJSをもっと学ぶ為のリソースを知ること


チュートリアルを実行する為に、node.js(他のhttp serverを使用する場合は不要)とkarma(JS用TestRunner)を入れておく。
node.jsはnodejs.orgから。karmaはnpmで。

npm install -g karma


チュートリアルで使用するコードはgithubからclone

git clone git://github.com/angular/angular-phonecat.git

以降に記すコマンド例は全てここでcloneしてきたangular-phonecatディレクトリで実行する。