AngularJS: Tutorial の意訳

AmgularJS を使用したウェブアプリケーションの構築チュートリアルを通して、動作を学ぶのがよいでしょう。これからアンドロイド機器のカタログを表示し、リストにあなたの見たい機器のフィルターを掛けられ、詳細を閲覧できるアプリケーションを作ります。

チュートリアルでは Angular がプラグインを使わずにどうやってブラウザをより賢くしているのかをお見せするために、こんな事をやります。

  • ユーザのアクションによるクライアントサイドのデータバインディングと動的なビューのデータ更新の例示
  • DOM 操作無しに Angular がどうやってデータのリスナを作っているのか
  • アプリケーションのより良い、簡単なテストの方法
  • Angular サービスを共通Webタスクとしての使い方、簡単にあなたのアプリへデータの取り込むやりかた

さらにこれらはどのブラウザでも、ブラウザごとの修正無しに動作します。チュートリアルが終わればこんなことができるようになるでしょう。

  • どのブラウザでも動く動的なアプリケーション
  • Angular と一般的な JS フレームワークとの違いが分かる
  • AngularJS でのデータバインディング
  • angular-seed で素早く開発を始める
  • テストの書き方と実行
  • Identify resources for learning more about AngularJS.

チュートリアルはシンプルなアプリケーションの開発とユニットとエンドツーエンドテストの書き方と実行を含んだの全体像をガイドします。各ステップ最後には、もっと AngularJS とあなたの作っているアプリケーションについて学ぶことを提案しています。

全てのチュートリアルは30分ほど、もしくは集中して丸一日費やすかもしれません。AngularJS の短いイントロダクションを所望なら、Getting Started を参照してください。

Mac/Linux/Windows どれでもチュートリアルとコードのハックができます。Git を使うか、プロジェクトのスナップショットで始めるか選択できます。以下のタブから一つ選んでセットアップしてください。

(Mac の方法で進めていいます)

1. Java がインストールされているか確認してください。

 java -version

テストユニットを実行するのに必要です。

2. Git をダウンロード

ソースからコンパイルするか、パッケージなどで Git をインストールしてください。

3. angular-phonecat プロジェクトをクローンします

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

このコマンドはカレントディレクトリに angular-phonecat を作ります。

4. angular-phonecat に移動します。

cd angular-phonecat

チュートリアル中での全てのコマンドはこのディレクトリから行います。

5. http サーバを立ち上げる必要があります。Mac/Linux には大抵 Apache が入っていますが、もし入っていないなら node.js をインストールします。node で scripts/web-server.js を実行すればバンドル済みの http サーバが立ち上がります。

最後に、ブラウザと良いテキストエディタのインストールを確認してください。

ステップ 0 へ

シェアする

  • このエントリーをはてなブックマークに追加

フォローする