AngularJSアプリ開発を支援する便利モジュール
AngularやAngularJS、Bootstrapを中心に、実務で使える設計・実装の要点を短く解説します。
-
16
CodeZine(AngularJSアプリに役立つ小粒なライブラリ ～ 可変パネル／CSV生成／カウントダウン機能)
これまでの回で取りこぼした小粒なライブラリとして、以下のものを紹介します。 UI Layout：マウスドラッグでサイズ変更できる可変パネルを実装 ngCSV：オブジェクト配列をCSV形式のファイルに変換 Angular Count-to：カウントダウン／アップ機能を実装
-
15
CodeZine(AngularJSアプリの入力生産性を向上する3種のライブラリ)
今回扱うのは、リッチなフォーム開発に役立つ以下のライブラリです。 Angular Wizard：ウィザードを生成 UI Select：リッチな選択ボックスを実装 UI Mask：テキストボックスに入力できる文字列の形式／文字種を制限
-
14
AngularJSアプリでイベントカレンダーを実装する - UI Bootstrap／UI Calendar
今回は、日付に紐づいた情報をカレンダー上に表示してみます。利用するのは、以下のライブラリです。 UI Bootstrap（Datepicker） UI Calendar
-
13
AngularJSアプリで日付／時刻を入力するライブラリ - UI Bootstrap（Datepicker／Timepicker）
今回扱うのは日付／時刻ピッカーなど、日付／時刻入力に関わるUIを実装するための、以下のライブラリです。 UI Bootstrap（Datepicker）：日付入力ボックスを実装 UI Bootstrap（Timepicker）：時刻入力ボックスを実装
-
12
AngularJSアプリに地図を導入する - Angular Google Maps
地図アプリの定番Googleマップには、Google Maps APIと呼ばれるJavaScriptベースのAPIが用意されています。 今回紹介するAngular Google Mapsは、このGoogle Maps APIのラッパーで、AngularJSのディレクティブ構文でGoogleマップを自前のアプリに組み込むことを可能にします。
-
11
Markdownテキストを整形するAngular Markedとコードをハイライト整形するAngular Highlightjs
今回は、テキストを整形するためによく利用するライブラリを紹介します。 Angular Marked：Markdown形式のテキストをHTML形式に変換 Angular Highlightjs：ソースコードに構文ハイライトを付与
-
10
AngularJSアプリ開発に役立つ小粒なライブラリ ～ ストレージ／イベント処理／入力値検証
これまでの回では扱えなかった小粒な――しかし、アプリ開発には欠かせない3ライブラリを紹介します。 ngStorage：Web Storageを操作するためのサービス UI Event：AngularJS標準で対応していないイベントを監視 UI Validate：独自の検証ルールを定義
-
9
画像／音声ファイルを操作するAngularJSライブラリ ～ カルーセル／フルスクリーンモード／再生プレイヤー
今回は、画像（セット）／音声ファイルを扱うライブラリ、UI Bootstrap（Carousel）、Angular Fullscreen、ngAudioを紹介します。
-
8
ユーザー通知に役立つAngularJSウィジェット ～ ツールチップ／トースト／プログレスバー
今回は、ユーザーに対して簡単な通知を表現するために役立つライブラリUI Bootstrap（Tooltip）／AngularJS Toaster／Angular Loading Barを紹介します。
-
7
AngularJSアプリのデータを視覚的に魅せるモジュールたち－チャートからタイムラインまで
今回は、アプリで扱うさまざまなデータを視覚的に表現するのに役立つ、angular-google／Angular Tree Control／Angulat Timelineライブラリについて紹介します。
-
6
UI BootstrapでリッチなパネルUIを実装しよう ～ タブパネルからダイアログ、アコーディオンパネルまで
本稿ではUI Bootstrapが提供する豊富な機能の中でも、限られたページ領域で大量のコンテンツ／画像を効率的に配置／表示するために役立つウィジェット（Tabs、Modal、Collapse、Accordion）について解説します。
-
5
AngularJSアプリで使えるフィルター80個てんこもり（Angular Filter）
Angular Filterは、名前のとおり、AngularJSアプリで利用できるフィルターライブラリ。コレクション（配列）、文字列、数値演算、判定関連のフィルターが80種類近くも提供されています。
-
4
AngularJSアプリにマルチビュー／入れ子にも対応したルーティング機能を実装する（UI Router）
今回は、AngularJSアプリにマルチビュー／入れ子にも対応したルーティング機能を実装できる「UI Router」を紹介します。
-
3
AngularJSアプリでソート／ページングやフィルター機能付きの高機能グリッド表を実装する（UI Grid）
今回紹介するのは、ソート／ページングやフィルター機能付きの高機能グリッド表を実装できる「UI Grid」です。
-
2
リッチな入力フォーム作成に役立つAngularJSライブラリ 5連発
入力生産性の高いフォームを実装するために役立つ、ライブラリ「UI Bootstrap（Rating）：レーティングバーを作成」「Angular Elastic：テキスト量に応じて伸縮するテキストエリアを作成」「Angular Slider：スライダー／範囲スライダーを作成」「Angular Bootstrap Colorpicker：カラーピッカー付きのテキストボックスを作成」「ngTagInput：タグ入力ボックスを作成」を解説します。
-
1
AngularJSで入力生産性の高いフォームを実装しよう（オートコンプリート／ファイルアップローダー）
連載初回の今回は、より入力生産性の高いフォームを実装するために役立つ、「UI Bootstrap（Typeahead）」テキストボックスにオートコンプリート機能を付与、「ng-file-upload」ドラッグ＆ドロップに対応したファイルアップローダーを解説します。