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

なお、本連載ではAngularJSそのものに関しては解説しませんので、専門書として『AngularJSアプリケーションプログラミング』、姉妹連載「AngularJSではじめるJavaScriptフレームワーク開発スタイル」などを併せて参照してください。 はじめに UI Bootstrapは、おなじみBootstrapのラッパーで、Bootstrapの機能をAngularJSのディレクティブ形式で呼び出せるようにしたものです。本稿ではUI Bootstrapが提供する豊富な機能の中でも、限られたページ領域で大量のコンテンツ／画像を効率的に配置／表示するために役立つ、以下のウィジェットについて解説します。 Tabs：タブパネルを生成 Modal：ダイアログボックスを生成 Collapse：開閉可能なパネルを生成 Accordion：アコーディオンパネルを生成 対象読者 AngularJSについ