Adminがよくないひとつの理由としてデザインがしょぼいと書きました。Adminっぽくないデザインにするができます。Adminのデザインをちょっとカッコよくするgemをまとめてみました。サンプルアプリケーション以前のエントリActiveAdminでちょっと使い勝手の良い管理画面を作るTipsで作成したのサンプルアプリケーションを流用します。ソースは完全にサンプルレベルですが、一応GitHubに上げてあります。https://github.com/shimojomasatsugummm/active_admin_samplemasterブランチがデフォルトのデザインのソースです。紹介する各デザインについてはgemの名前のブランチを切ってあります。デフォルトのデザインはご存知の通り、まあちょっとしょっぱい見た目です。以下、gemをご紹介していきます。それぞれ、導入はREAEMEの手順でハマり箇所はないと思います。active_bootstrap_skinその名の通り非常にBootstrap臭のする見た目です。若干見にくいでしょうか。flattened_active_adminデフォルトに近いですが、フラットになっています。デフォルトとどちらがいいかは好みでしょうか。face_of_active_adminポップでファンキーな方におすすめ。ActiveSkinこちらもface_of_active_adminと似てけっこうポップな感じです。ActiveMaterialマテリアルデザイン。個人的にはけっこう好みです。ActiveAdminThemeフラットデザインですが、flattened_active_adminよりもイイ感じに思えます。active_admin_flat_skinメニューが左側にあるデザイン。メニューが左にあるのは使いやすいかもしれません。まとめどれかお好みのデザインはありましたでしょうか。私は今回挙げた中ではActiveAdminThemeが一番好みです。Admin自体のDSLなど、学習コストが発生する。Admin標準の機能でできないことをやりたい場合、スクラッチで作るよりも工数が増える場合が(多々)ある。ウェブサービス株式会社(DWS)公式ブログ記事URLをコピーしました。