タグ別書籍・記事一覧

ディレクティブを自作するには？（directiveメソッド）

2016.09.14 ／ AngularJSで、ビューの操作／生成を独立させて独自ディレクティブを作成する基本的な...

CodeZine(AngularJSアプリに役立つ小粒なライブラリ ～ 可変パネル／CSV生成／カウントダウン機能)

2016.09.05 ／ これまでの回で取りこぼした小粒なライブラリとして、以下のものを紹介します。 UI La...

CodeZine(「Angular 2」のデータバインディングとディレクティブ記述法)

2016.08.31 ／ 今回はAngularJSの特徴的な機能であるデータバインディングとディレクティブの記述法...

AngularJSのコントローラーを単体テストするには？

2016.08.29 ／ テスティングフレームワーク「Karma＋Jasmin」を使って、AngularJSの「コントローラー...

AngularJSのサービスを単体テストするには？

2016.08.25 ／ テスティングフレームワーク「Karma＋Jasmin」を使って、AngularJSの「サービス」単体...

AngularJSアプリの単体テストを実施するには？（実行編）

2016.08.24 ／ テスティングフレームワーク「Karma＋Jasmin」を使って、AngularJSアプリの単体テスト...

AngularJSアプリの単体テストを実施するには？（準備編）

2016.08.08 ／ AngularJSで一般的に採用されているテスティングフレームワーク「Karma＋Jasmin」によ...

CodeZine(AngularJSアプリの入力生産性を向上する3種のライブラリ)

2016.08.04 ／ 今回扱うのは、リッチなフォーム開発に役立つ以下のライブラリです。 Angular Wizard...

パラメーター付きのサービスを定義するには？（providerメソッド）

2016.08.01 ／ value／service／factoryメソッドに比べてより原始的なproviderメソッドの利用場面を...

CodeZine(最新トレンドを取り込んで進化する次世代AngularJS「Angular 2」最初の一歩)

2016.07.28 ／ 本連載では、Angular 2の活用方法をサンプルとともに紹介していきます。初回の今回は...

アプリ内でよく利用するビジネスロジックを定義するには？（factoryメソッド）

2016.07.25 ／ より実践的なアプリ開発を行うために、アプリ固有のビジネスロジックをfactoryメソッ...

アプリ内でよく利用するビジネスロジックを定義するには？（serviceメソッド）

2016.07.19 ／ より実践的なアプリ開発を行うために、アプリ固有のビジネスロジックをserviceメソッ...

複数のコントローラー間で共有すべき値を管理するには？（constantメソッド）

2016.07.11 ／ より実践的なアプリ開発を行うためにアプリ固有の処理ロジック（今回はconstantメソッ...

複数のコントローラー間で共有すべき値を管理するには？（valueメソッド）

2016.07.05 ／ より実践的なアプリ開発を行うためにアプリ固有の処理ロジック（今回はvalueメソッド...

日付／時刻値を入力する際にタイムゾーンを加味するには？（ng-model-options）

2016.06.27 ／ ng-model-optionsディレクティブにtimezoneパラメーターを指定することで、タイムゾー...

モデルへの入出力に際して処理を介するには？（ng-model-options）

2016.06.20 ／ 入力フォームとモデルをバインドした際に、独自のゲッター／セッター関数を仲介させる...

不正な入力値もモデルに反映させるには？（ng-model-options）

2016.06.13 ／ 入力フォームに検証機能を付けた場合、デフォルトでは不正値はモデルに反映されません...

Apache Cordova＋AngularJSでローカルファイルにアクセスするプラグインを使おう

2016.06.09 ／ 今回はファイルの読み書きするためのプラグインを紹介します。前回と同様、サンプルコ...

画像を動的に生成するには？（ng-src／ng-srcset）

2016.06.06 ／ <img>タグのng-src属性に指定する画像リソースのURLをAngularJSのスコープオブジェク...

モデルをバインドするテンプレートを指定するには？（ng-bind-template）

2016.05.30 ／ AngularJSのディレクティブであるng-bind-template属性を使って、{{...}}エクスプレッ...

AngularJSアプリでイベントカレンダーを実装する - UI Bootstrap／UI Calendar

2016.05.23 ／ 今回は、日付に紐づいた情報をカレンダー上に表示してみます。利用するのは、以下のラ...

$injectorサービスでサービスの取得／存在確認を行うには？（$injector）

2016.05.23 ／ AngularJSの管理外でサービスを手動でインスタンス化して利用できる$injectorサービス...

AngularJSの管理外でサービスを注入するには？（$injector）

2016.05.16 ／ AngularJSの管理外でも、$injectorサービスを使ってサービスを手動でインスタンス化す...

複数のオブジェクトを結合するには？（extend／merge）

2016.05.09 ／ angular.extendメソッドを利用して、既存の複数のオブジェクトを結合する方法と注意事...

コンテンツ・セキュリティ・ポリシーを利用する（ng-csp）

2016.04.25 ／ セキュリティフレームワーク「CSP」による制限ポリシーを有効にした場合に、AngularJS...

AngularJSアプリで日付／時刻を入力するライブラリ - UI Bootstrap（Datepicker／Timepicker）

2016.04.25 ／ 今回扱うのは日付／時刻ピッカーなど、日付／時刻入力に関わるUIを実装するための、以...

配列／オブジェクトをコピーするには？（copy）

2016.04.19 ／ 配列／オブジェクトのコピーには、シャローコピーとディープコピーとがあります。 そ...

AngularJSアプリに地図を導入する - Angular Google Maps

2016.04.14 ／ 地図アプリの定番Googleマップには、Google Maps APIと呼ばれるJavaScriptベースのAPI...

ルーティングの挙動／設定をカスタマイズするには？（$routeProviderプロバイダー）

2016.04.11 ／ 「テンプレートを文字列で指定（templateパラメーター）」「リダイレクト時の規則をカ...

URL経由でパラメーター情報を引き渡すには？（$routeProviderプロバイダー）

2016.04.04 ／ ngRouteモジュールを使ったAngularJSのルーティングで、URL経由でパラメーター情報を...

ルーティング機能を実装するには？（$routeProviderプロバイダー）

2016.03.28 ／ AngularJSではngRouteモジュールを利用したルーティングが可能です。その基本的な用法...

Markdownテキストを整形するAngular Markedとコードをハイライト整形するAngular Highlightjs

2016.03.24 ／ 今回は、テキストを整形するためによく利用するライブラリを紹介します。 Angular Mar...

AngularJSを手動で起動するには？（bootstrap）

2016.03.22 ／ 通常は自動起動するAngularJSを手動で起動するにはangular.bootstrapメソッドを使用し...

thisキーワードの参照先を固定するには？（bindメソッド）

2016.03.16 ／ 分脈により変換する「this」。その問題を解消するangular.bindメソッドの基本的な使い...

既存のフィルターを利用して新たなフィルターを定義するには？（$filterサービス）

2016.03.07 ／ 既存フィルターの機能を活用する独自のフィルターを作成するための基本的な手順を解説...

パラメーターを持ったフィルターを定義するには？（filter／identity／noopメソッド）

2016.02.29 ／ 独自のパラメーター付きフィルターを作成するための基本的な手順を説明します。サンプ...

フィルターを自作するには？（filterメソッド）

2016.02.23 ／ 独自のフィルターを作成するための基本的な手順を説明します。サンプルとして文字列の...

AngularJSアプリでjQueryを利用するには？（element／ng-jq）

2016.02.15 ／ HTML DOMツリーを直接操作したい場合に、標準のjqLiteではなく、高機能なjQueryを使う...

AngularJSで文書ツリーを操作するには？（element）

2016.02.08 ／ AngularJSでは非推奨ですが、特殊な事情でHTML DOMツリーを直接操作したい場合には、a...

AngularJSアプリ開発に役立つ小粒なライブラリ ～ ストレージ／イベント処理／入力値検証

2016.02.04 ／ これまでの回では扱えなかった小粒な――しかし、アプリ開発には欠かせない3ライブラリ...

アプリ共通の例外処理を実装するには？（$exceptionHandler）

2016.02.01 ／ AngularJSの$exceptionHandlerサービスは、アプリ内でキャッチされなかった例外を最終...

$cookiesサービスを利用する際の注意点とは？（$cookies）

2016.01.25 ／ AngularJSのクッキー機能は1.3から1.4で大きく変更されました。具体的に何が変わった...

クッキーを読み書きするには？（$cookies）

2016.01.18 ／ AngularJSが提供する機能を利用してクッキーを読み／書き／削除する方法を解説します...

画像／音声ファイルを操作するAngularJSライブラリ ～ カルーセル／フルスクリーンモード／再生プレイヤー

2016.01.14 ／ 今回は、画像（セット）／音声ファイルを扱うライブラリ、UI Bootstrap（Carousel）、...

配列／オブジェクトの内容を列挙するには？（forEach）

2016.01.12 ／ angular.forEachメソッドを使って、配列の要素やオブジェクトのメンバーを列挙する方...

ユーザー通知に役立つAngularJSウィジェット ～ ツールチップ／トースト／プログレスバー

2016.01.04 ／ 今回は、ユーザーに対して簡単な通知を表現するために役立つライブラリUI Bootstrap（...

指定された時間の経過で処理を実行するには？（$interval／$timeout）

2016.01.04 ／ ミリ秒単位で処理を実行できる、いわゆる「タイマー」である$intervalサービスの基本...

JSON形式のWeb APIにアクセスするには？（$http）

2015.12.21 ／ Web APIと通信する際に問題となるクロスドメイン制約を回避するために使われるテクニ...

AngularJSアプリのデータを視覚的に魅せるモジュールたち－チャートからタイムラインまで

2015.12.15 ／ 今回は、アプリで扱うさまざまなデータを視覚的に表現するのに役立つ、angular-google...

サーバーサイドとHTTP POSTで非同期通信するには？（$http）

2015.12.14 ／ AngularJSでHTTP POSTで非同期通信する方法を説明します。また、送信データをJSONでは...

UI BootstrapでリッチなパネルUIを実装しよう ～ タブパネルからダイアログ、アコーディオンパネルまで

2015.12.09 ／ 本稿ではUI Bootstrapが提供する豊富な機能の中でも、限られたページ領域で大量のコン...

ログをコンソールに出力するには？（$log）

2015.11.30 ／ AngularJSで開発者ツールのコンソールにログを出力する方法を説明します。また、ログ...

ng-repeat要素でさまざまな繰り返しを表現するには？（ng-repeat）

2015.11.16 ／ ng-repeatディレクティブの応用的な使い方として、「重複した値を含んだ配列」「ハッ...

AngularJSアプリで使えるフィルター80個てんこもり（Angular Filter）

2015.11.10 ／ Angular Filterは、名前のとおり、AngularJSアプリで利用できるフィルターライブラリ...

配列の内容を順に出力するには？（ng-repeat）

2015.11.09 ／ 配列の内容を順に処理して出力できるng-repeatディレクティブの基本的な使い方を説明...

交互に異なるスタイルクラスを適用するには？（ng-class-odd／ng-class-even）

2015.11.02 ／ ng-class-even／ng-class-oddディレクティブを使って、表の行などの繰り返しデータの...

要素のスタイルクラスを操作するには？（ng-class）

2015.10.26 ／ スタイル定義をスタイルシートに分離したうえで、ng-classディレクティブを使って要素...

AngularJSと組み合わせて便利なライブラリ、RequireJSを使ってコード管理を簡単にしよう

2015.10.26 ／ 今回は前回作成したSPAサンプルを用いてRequireJSとAngularJSを組み合わせた使い方を...

AngularJSアプリにマルチビュー／入れ子にも対応したルーティング機能を実装する（UI Router）

2015.10.19 ／ 今回は、AngularJSアプリにマルチビュー／入れ子にも対応したルーティング機能を実装...

要素のスタイルプロパティを操作するには？（ng-style）

2015.10.19 ／ ng-styleディレクティブを使って、要素のスタイル（style属性）を設定・変更する方法...

AngularJSのngRouteを使ってシングルページアプリケーション（SPA）を作ってみよう

2015.10.14 ／ 今回は、ngRouteモジュールを使ってシングルページアプリケーションを作成します。

配列からm～n件目の要素を取り出すには？（limitTo）

2015.10.13 ／ limitToフィルターを使って、配列の先頭から指定された件数だけ要素を取り出す方法を...

日付／時刻データを整形するには？（date）

2015.10.05 ／ dateフィルターを使って、日付／時刻データを任意の書式に変換する方法を説明します。...

数値（単数／複数）によって表示を切り替えるには？（ng-plurlize）

2015.09.28 ／ ng-plurizeディレクティブやngMessageFormatモジュールを使うことで、変数の値によっ...

AngularJSアプリでソート／ページングやフィルター機能付きの高機能グリッド表を実装する（UI Grid）

2015.09.24 ／ 今回紹介するのは、ソート／ページングやフィルター機能付きの高機能グリッド表を実装...

AngularJSとBootstrapを組み合わせてUIコンポーネントを作ってみよう

2015.09.18 ／ 今回は、前回紹介したディレクティブ機能と、UIフレームワークであるBootstrapを使っ...

式の値によって表示を切り替えるには？（ng-switch）

2015.09.14 ／ ng-switchディレクティブを使って、与えられた式の値に応じて、表示すべきコンテンツ...

リッチな入力フォーム作成に役立つAngularJSライブラリ 5連発

2015.09.10 ／ 入力生産性の高いフォームを実装するために役立つ、ライブラリ「UI Bootstrap（Rating...

JavaScriptオブジェクトをJSON形式に変換するには？（json）

2015.09.07 ／ jsonフィルターを使って、JavaScriptオブジェクトをJSON形式に変換する方法を説明しま...

AngularJSで入力生産性の高いフォームを実装しよう（オートコンプリート／ファイルアップローダー）

2015.09.04 ／ 連載初回の今回は、より入力生産性の高いフォームを実装するために役立つ、「UI Boots...

自作の検索条件／比較ルールで配列を検索するには？（filter）

2015.08.31 ／ 任意の条件で配列を絞り込むためのフィルターである「filter」の応用的な使い方として...

【新刊紹介】『AngularJSライブラリ 活用レシピ 厳選 108』発売、引き出しを増やして開発効率を改善しよう

2015.08.25 ／ 新刊「AngularJSライブラリ活用レシピ 厳選108」について、早期レビュー読者（藤田さ...

配列の内容をフィルターするには？（filter）

2015.08.24 ／ 任意の条件で配列を絞り込むためのフィルターである「filter」の基本的な使い方を解説...

【新刊紹介】『AngularJSアプリケーションプログラミング』発売、シングルページアプリケーション開発に必要な知識を網羅的に身につけられる一冊

2015.08.20 ／ 新刊「AngularJSアプリケーションプログラミング」について、技術評論社の担当編集者...

ASP.NET 5＋AngularJSでトレンドなSPAアプリを開発しよう！

2015.08.17 ／ Visual Studio 2015（ASP.NET 5）で強化されたJavaScript開発のための諸機能／ツール...

独自の規則で配列をソートするには？（orderBy）

2015.08.10 ／ 独自の並べ替え規則を使って、配列の内容を並べ替える方法を解説します。逆順や、複数...

配列をソートするには？（orderBy）

2015.08.03 ／ 配列の内容を、指定されたキーで並べ替える方法を解説します。逆順や、複数のキーを指...

AngularJSでカスタムディレクティブを作ってみよう

2015.07.31 ／ 今回は、カスタムディレクティブの作り方を紹介していきます。簡単なディレクティブの...

数値データに桁区切り文字を付けるには？（number／currency）

2015.07.27 ／ 数値データを、ロケール別の桁区切り文字列に整形したり、ロケール別の通貨記号を付加...

文字列を大文字／小文字に変換するには？（lowercase／uppercase）

2015.07.21 ／ lowercase／uppercaseフィルターを使って文字列を大文字や小文字に変換する方法を解説...

入力値のモデルへの反映タイミングを変更するには？（ng-model-options）

2015.07.13 ／ AngularJSのデータバインディング機能により入力値がモデルに反映されるのを、指定し...

別ファイルやJavaScriptでメッセージを管理するには？（ng-message-include／ng-message-exp）

2015.07.06 ／ ng-messages属性で使用するメッセージを、ページ内でテンプレート化したり、外部ファ...

式の真偽に応じて表示を切り替えるには？（ng-messages／ng-message）

2015.06.29 ／ 条件式の値に応じてメッセージの表示／非表示を切り替えるために（例えばエラー時にメ...

AngularJSのリリース前の新しいルーター機能（ngNewRouter）を触ってみよう

2015.06.23 ／ 今回は、バージョン1.4と同時にリリースされる予定であった新しいルーター機能（ngNew...

入力フォームに検証機能を実装するには？（form／input）

2015.06.22 ／ 標準的な＜input＞要素を拡張して入力フォームに検証機能を付ける方法を説明します。

URL／メールアドレスからハイパーリンクを生成するには？（linky）

2015.06.15 ／ URL／メールアドレスの文字列データをアンカータグによるリンクに整形できるlinkyフィ...

入力された区切り文字を配列に変換するには？（ng-list）

2015.06.08 ／ テキストボックスへの入力値を特定の区切り文字で分割して文字列の配列に変換するため...

要素の表示／非表示を切り替えるには？（ng-show／ng-hide／ng-open）

2015.05.28 ／ 真偽条件に応じて要素の表示／非表示を切り替えるために、ng-show／ng-hide属性を使用...

もうすぐリリースされるAngularJS 1.4の機能を先取りチェックしよう

2015.05.27 ／ 1.4へのバージョンアップでは新しい機能の追加、便利な機能アップはもちろん、パフォ...

条件式の真偽に応じて表示を切り替えるには？（ng-if）

2015.05.14 ／ 真偽条件に応じて要素の表示／非表示を切り替えるために、ng-if属性を使用する方法を...

AngularJSのDOMイベント処理と注意すべきディレクティブを知り、HTMLテンプレートを使いこなそう

2015.05.07 ／ 今回はHTMLのDOMイベントとこれまでのディレクティブ紹介から紹介しきれなかった、知...

ハイパーリンクを動的に生成するには？（ng-href）

2015.04.30 ／ スコープオブジェクト経由で動的に生成したハイパーリンクのURL設定が適切に処理され...

イベントリスナーを登録するには？（ng-clickなど）

2015.04.16 ／ AngularJSで、ディレクティブを使ってイベントリスナーを設定する方法を解説します。...

AngularJSで、入力フォームを簡単にチェックできるディレクティブを使う

2015.04.09 ／ 今回は双方向バインディング機能を実現するディレクティブを中心に紹介します。画面か...

ビューにHTML文書をバインドするには？（ng-bind-html）

2015.04.02 ／ 文字列をデータバインドした際に、標準で実施されるサニタイズ処理について紹介します...

モデルをビューにバインドするには？（ng-bind／ng-cloak）

2015.03.19 ／ エクスプレッションが一瞬表示されてしまう不具合を解消して、AngularJSの双方向デー...

AngularJSのディレクティブ機能でHTMLテンプレートを使いこなそう

2015.03.17 ／ 今回は、HTMLテンプレートを記述するための基本的なディレクティブ機能と制御に関わる...

「Wijmo（ウィジモ） 5」を使うならAngularJSとの組み合わせがオススメ

2015.03.09 ／ 今回はWijmoのニューバージョン「Wijmo 5」をJavaScriptライブラリ「AngularJS」と組...

モデルをテキストボックスなどのフォーム要素にバインドするには？（ng-model）

2015.03.05 ／ ビューの変更をモデルに反映させ、逆にモデルの変更をビューに反映させる、AngularJS...

AngularJSの依存性注入を利用するには？

2015.02.19 ／ AngularJSに標準搭載されているDIコンテナー機能を使って、依存性を注入するためのさ...