UI BootstrapでリッチなパネルUIを実装しよう ～ タブパネルからダイアログ、アコーディオンパネルまで
なお、本連載ではAngularJSそのものに関しては解説しませんので、専門書として『AngularJSアプリケーションプログラミング』、姉妹連載「AngularJSではじめるJavaScriptフレームワーク開発スタイル」などを併せて参照してください。 はじめに UI Bootstrapは、おなじみBootstrapのラッパーで、Bootstrapの機能をAngularJSのディレクティブ形式で呼び出せるようにしたものです。本稿ではUI Bootstrapが提供する豊富な機能の中でも、限られたページ領域で大量のコンテンツ／画像を効率的に配置／表示するために役立つ、以下のウィジェットについて解説します。 Tabs：タブパネルを生成 Modal：ダイアログボックスを生成 Collapse：開閉可能なパネルを生成 Accordion：アコーディオンパネルを生成 対象読者 AngularJSについ
AngularJSアプリのデータを視覚的に魅せるモジュールたち ～ チャートからタイムラインまで
なお、本連載ではAngularJSそのものに関しては解説しませんので、専門書として『AngularJSアプリケーションプログラミング』、姉妹連載「AngularJSではじめるJavaScriptフレームワーク開発スタイル」などを合わせて参照してください。 はじめに 本連載も7回目となる今回は、アプリで扱うさまざまなデータを視覚的に表現するのに役立つ、以下のライブラリについて紹介します。 angular-google-chart：棒グラフ／折れ線グラフ／円グラフなどのチャートを生成 Angular Tree Control：階層型データをツリーメニューに整形 Angulat Timeline：時系列データをFacebookライクなタイムラインに整形 対象読者 AngularJSについて基本的な概念を理解している方 AngularJSで利用できる拡張モジュールに興味がある方 AngularJS
AngularJSのngRouteを使ってシングルページアプリケーション（SPA）を作ってみよう
作成するアプリケーションは以前紹介したTODO管理のアプリケーションと同様のアプリケーションですので、実際の各登録機能などの説明は省略します。ただし、ngRouteモジュールの使い方だけではなくSPAのアプリケーションを作成する際に発生する関連する課題なども合わせて紹介します。 対象読者 jQueryなどを使っている開発者 JavaScriptを使った複数人でのプロジェクトに参加している方 JavaScriptを使ってサーバ等と連携したフロントエンドの開発をしている方 必要な環境 この記事では、AngularJS（バージョン1.4）を使用し、Chrome（44.0）、IE11、Firefox（40.0）、Safari（8.0.7）の環境にて確認を行っています。また、サンプルコードではデザインのためにBootstrap（バージョン3.3.5）とjQuery（2.1.4）を使用しています。 な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJSとBootstrapを組み合わせてUIコンポーネントを作ってみよう
SEO検証！ GoogleはAngularJSを正しくクロールするのか？（2015年2月版）
