SOLG System Blog

こんばんは、Bootstrap便利ですよね。

弊社はBootstrap使うなら、デザインもコーディングもシステム担当が行うという暗黙のルールがあります。
かといって、何も考えずにBootstrapをシステム担当が使うと、
何とも言えない悲しいデザインになってしまうのでいつも悩みの種でした。

Bootstrapの管理画面テンプレートはたくさんありますが、
システム担当がイケてる感じに作れるテンプレートがあったのでご紹介します！

gentelella

Gitのこちらから
こちらでデモ画面が見れます。
ライセンスはMITなので商用利用でも無料です！

一見、こんな感じの普通のBootstrapの管理画面テンプレートなのですが、


よく見ると細かいところで、デザインが凝っていることがわかります。
かついつも使うライブラリが入っていたりとなかなかやるな！と感じました。

フォームのパーツが豊富にある


いいなと思ったのは、
・検索ボックス付きのセレクトボックス
・他にもテキストボックスにアドオン
・細かい設定が行えるバリデータ
・カレンダーに開始と終了をセットできる
・アプリデザインのボタンも作れます
あとよくシンプルになりがちなフォームもウィザートのレイアウトが用意されてるのも非常に助かります！


テーブルが素晴らしい


DataTalbeのデザインが用意されてます。
上に検索条件があって、下に検索一覧がある
よくある検索画面もDataTableを使えば、
よりダイナミックな形に変えることができます。
さらにレスポンシブデザインに対応しているので、
スマホ対応もそのまま可能です。
今回、思い切ってDataTableで検索を実装してみたところ、
思いのほか、いい感じになりました。

一覧に幅ができた！
一覧っていうと殺風景なものばかりでしたが
例えばユーザー一覧なんかはのものが用意されているので楽しいものとなっています。



まさにシステム担当が楽しい画面を作ることができるテンプレートです。
他にもまだまだ便利なものが用意されているので一度お試しあれ！