AngularJSではじめるJavaScriptフレームワーク開発スタイル
AngularやAngularJS、JavaScriptを中心に、実務で使える設計・実装の要点を短く解説します。
-
14
AngularJSと組み合わせて便利なライブラリ、RequireJSを使ってコード管理を簡単にしよう
今回は前回作成したSPAサンプルを用いてRequireJSとAngularJSを組み合わせた使い方を紹介します。
-
13
AngularJSのngRouteを使ってシングルページアプリケーション(SPA)を作ってみよう
今回は、ngRouteモジュールを使ってシングルページアプリケーションを作成します。
-
12
AngularJSとBootstrapを組み合わせてUIコンポーネントを作ってみよう
今回は、前回紹介したディレクティブ機能と、UIフレームワークであるBootstrapを使ってより実践的なコンポーネントを作成します。
-
11
今回は、カスタムディレクティブの作り方を紹介していきます。簡単なディレクティブの作成から順を追って解説します。
-
10
AngularJSのリリース前の新しいルーター機能(ngNewRouter)を触ってみよう
今回は、バージョン1.4と同時にリリースされる予定であった新しいルーター機能(ngNewRouter)について、開発中のソースをもとに紹介します。
-
9
もうすぐリリースされるAngularJS 1.4の機能を先取りチェックしよう
1.4へのバージョンアップでは新しい機能の追加、便利な機能アップはもちろん、パフォーマンスの向上、そして残念ながら、これまで通りの利用方法が使えなくなってしまう部分も少々あります。今回は、新機能や注意すべきポイントなどを紹介します。
-
8
AngularJSのDOMイベント処理と注意すべきディレクティブを知り、HTMLテンプレートを使いこなそう
今回はHTMLのDOMイベントとこれまでのディレクティブ紹介から紹介しきれなかった、知っておくと便利なディレクティブや注意したいディレクティブを紹介します。
-
7
AngularJSで、入力フォームを簡単にチェックできるディレクティブを使う
今回は双方向バインディング機能を実現するディレクティブを中心に紹介します。画面からの入力を行うので主にForm機能を使いますが、AngularJSでは独自機能で拡張されています。
-
6
AngularJSのディレクティブ機能でHTMLテンプレートを使いこなそう
今回は、HTMLテンプレートを記述するための基本的なディレクティブ機能と制御に関わるディレクティブ機能を紹介します。
-
5
AngularJSのサービス開発とユニットテスト ~テストの流れを把握して保守性の高いコードにしよう
前回で完成したタスク管理をするサンプルアプリを使って、データ管理をサーバ(PHPで実装)で行うように変更します。そして、後半はユニットテストの方法を紹介します。
-
4
ビジネスロジック記述の必須知識、AngularJSの「サービス機能」を理解しよう
前回までで、画面周りについて完成しました。 しかし、まだ、実際のデータの登録、削除などを含めてデータの管理は行っていません。今回は、AngularJSのサービス機能を使ってタスクのデータ管理を扱う部分を実装します。
-
3
AngularJSの強力なデータバインディングの肝となる! スコープを理解して、独特な開発スタイルを自分のものにしよう
前回に引き続き、AngularJSを使ってタスク管理をする1つのサンプルアプリケーションを通じて、その構造の理解や開発の流れなどを紹介します。今回は、コントローラ間のデータ連携を中心に説明します。
-
2
今回からはAngularJSの使い方を含めて説明していきます。まずは1つのサンプルアプリケーションを通じて、その構造の理解や開発の流れなどがわかるように今回を含めて複数回で紹介します。
-
1
最近はJavaScriptにもMVCフレームワークを使った開発スタイルが普及しつつあります。今回は、いくつかのMVCフレームワークを比較してみます。また、お勧めのAngularJSの開発環境の構築も紹介します。