入門
攻略!AngularJS 1.5
16

前回解説したユニットテストに続き、モジュールやサービスをつないで、期待どおりに動作するかを検証するためのEnd to Endのテスト(結合テスト)について解説します。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

AngularJSの特徴のひとつに、テストを重視するという点があります。今回は、ユニットテストというモジュールやサービス単体をテストする方法を紹介します。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

AngularJSで、アプリケーションのビジネスロジックやデータを定義する方法は複数あります。ここでは、それらの方法を整理し、さらに定義方法の使い分けについても解説します。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

シングルページアプリケーションを構築するには、必須の機能となるルーティングについて解説します。実装するためのモジュールはいくつかありますが、今回はngRouteを使います。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

AngularJSでは、サーバーとの通信などよく使う処理を、サービスという仕組みで提供します。サービスを使って、サーバーと通信する処理を作ってみましょう。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

ディレクティブの内容をテンプレートの一部として利用できるtranscludeと、ディレクティブ同士でやりとりを行うためのrequireについて解説します。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

ディレクティブのスコープについて、詳しく解説していきます。プロパティの値にオブジェクトを指定した場合の挙動を見てみましょう。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

カスタムディレクティブをつくる方法について解説します。デフォルトで用意しているディレクティブもありますが、直接DOM操作をしたい場合には、カスタムディレクティブを定義する必要があります。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

ビューの一部分を切り出し、部品化するコンポーネントについて解説します。今回はAngularJS 1.5から利用できるようになった、componentメソッドについてです。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

今回はform要素を拡張したformディレクティブを解説します。作成されたFormControllerインスタンスではさまざまなプロパティが使用でき、フォーム制御を行えます。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

今回は、AngularJSにおけるフォーム要素について解説します。この機能を使う上で重要なngModelについても詳しく見てみましょう。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

テンプレートでの表示を変換するためのフィルタには、さまざまなものがあります。用意されているものだけでなく、カスタムフィルタを作ることも可能です。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

AngularJSのテンプレート機能のうち、データのバインディングとディレクティブの使用について、解説します。AngularJS組み込みのディレクティブのうち、よく使うと思われるものを紹介しましょう。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

AngularJSでイベントを扱う方法と、変数の変更を知るための$watchについて解説します。$watchのいくつかの種類により、挙動が異なるので注意が必要です。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

今回より、実際にAngularJSの利用方法を解説します。まずは、AngularJSで複数の機能をまとめるために使うモジュールと、ビューのふるまいを定義するためのコントローラーについてです。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア

安定したフレームワークで利用されることが多くなってきたAngularJSの、基本から実装方法までを解説します。現在安定的に利用できる、バージョン1.5での解説です。

宇野 陽太
宇野 陽太 | フロントエンド・エンジニア