Fancyboot - Bootstrapのカラーリングをはじめ自在にカスタマイズしよう
ほほーこれはますますBootstrapにハマってしまいそうです。
Bootstrapはデザインが苦手なプログラマー（筆者のような）にとって救世主のようなライブラリになっています。しかしそれだけにカスタマイズは苦手でどれも似たような雰囲気になってしまいます。そこでFancybootを使ってみましょう。
Fancybootでは色設定をはじめ、ボックスの大きさや必要なプラグインを自分で選択してカスタマイズできるようになっています。それもオンライン上でできるとなれば使わない手はないでしょう。
[](http://images.moongift.jp/2013/10/Screenshot 2013-10-21 13.15.37.1382329648.png)
トップページ。可愛い猫がお出迎え。ネットは猫のためにあるとはまさにこのこと。
[](http://images.moongift.jp/2013/10/Screenshot 2013-10-21 13.15.43.1382329655.png)
まずコンポーネントを選択します。必要ではないコンポーネントを外せますが…まぁ大抵は外さないですよね。ということで次のステップに進みます。
[](http://images.moongift.jp/2013/10/Screenshot 2013-10-21 13.15.55.1382329658.png)
jQueryプラグインを選択します。これもあるに越したことはないですし、そのままで良いのかな。では次にいきます。
[](http://images.moongift.jp/2013/10/Screenshot 2013-10-21 13.16.01.1382329661.png)
こちらはプレビュー。不要なコンポーネントを外したりするとプレビュー内容が変わります。
[](http://images.moongift.jp/2013/10/Screenshot 2013-10-21 13.16.19.1382329665.png)
最後にカラーカスタマイズ。ピッカーが変な気はしますが慣れれば大丈夫です。自由に色を選択できます。
[](http://images.moongift.jp/2013/10/Screenshot 2013-10-21 13.16.39.1382329670.png)
反映はリアルタイムに行われるので調整がしやすいです。
[](http://images.moongift.jp/2013/10/Screenshot 2013-10-21 13.16.46.1382329673.png)
ボタンなども色を変更できます。
色が与えるインパクトは大きく、黒いツールバーや青いボタンなどを見るとBootstrapっぽさを感じてしまいます。そこでちょっと色を変えてあげるだけでも印象が変わるものです。サービスカラーに合わせて変更したいですね。
恐らくコンポーネントやjQueryプラグインは外す必要はないように思いますが、サイズをなるべく小さくしたい時や別なJavaScriptフレームワークを選択する場合には良いかも知れません。いずれにせよWebブラウザだけでカスタマイズできるのは便利ですよ！
FancybootはBootstrap用のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。