Bootstrapベースの管理画面用テンプレート「Charisma」
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。
Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.54.06.1374674554.png)
ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.54.15.1374674561.png)
ドラッグ&ドロップによる配置変更もサポート。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.54.29.1374674566.png)
折り畳んで隠す事もできます。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.54.34.1374674571.png)
グリッドは細かくサポートされています。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.54.38.1374674576.png)
カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.54.42.1374674580.png)
メンバー一覧。検索やラベルもあって便利そうです。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.54.46.1374674585.png)
ギャラリー。サムネイル写真をきれいに並べています。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.54.51.1374674590.png)
タイポグラフィ。様々なタグをサポートしているので奇麗にコンテンツが書けそうです。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.54.55.1374674596.png)
グラフ。マウスオーバーによるデータ表示にも対応したJavaScriptベースのグラフライブラリになります。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.55.02.1374674601.png)
WYSIWYGエディタ。これもよくありますね。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.55.07.1374674606.png)
他にもたくさんのエレメントが存在します。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.55.12.1374674611.png)
意外と多くないと思われる404ページのサポートも。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.55.17.1374674615.png)
ログイン画面。これも必要不可欠ですね。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.55.33.1374674619.png)
ファイルマネージャ。Finder風になっています。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.55.43.1374674624.png)
管理画面ながらもツアー付き。
[](http://images.moongift.jp/2013/07/Screenshot 2013-07-22 11.55.47.1374674629.png)
Bootstrapベースなのでアイコンは多彩です。
Charismaを使えば多機能な管理画面を素早く作る事ができそうです。画面のデザインを作る手間が一番だと思いますので、テンプレートを使うようにすれば格好いい画面を手早く作れるのではないでしょうか。
MOONGIFTはこう見る
Charismaは社内向きはもちろん、ユーザサイドやクライアント向けの管理画面に使うのも良さそうです。管理画面では見た目のインパクトよりも情報が分かりやすく並んでいることや一覧性、アクセシビリティが重視されるのでこういったUIは使い勝手が良さそうに見えます。
また、多数のサーバを一手に管理してそのモニタリングを行うと言った使い方にも良さそうです。管理画面は安定した運用を目指す上で欠かせない存在です。あまりにもみすぼらしい画面ではモチベーションも向上しません。ぜひベースに組み込んでみて欲しいです。