2014/10/28最近よく耳にするようになったBootstrapをインストールしてみました。BootstrapBootstrapはHTML、CSS、Javascriptをベースとしたフレームワークで、活用することでコーディング作業を軽減することができます。cssやjQueryなどのベースライブラリが開発されてきましたが、こられのしくみをまとめて、パッケージ化したものと考えればイメージしやすいかもしれません。(jQueryについてはBootstrap導入に必須です)Bootstrapを活用して開発を進めれば、レスポンシブ対応も可能で、iPhoneやAndroidのモバイル端末、iPadなどのタブレット用のサイト対応もコストを抑えることができます。Bootstrapをインストール冒頭の公式サイトからBootstrapをダウンロードします。ダウンロードしたファイルを展開し、以下の2ファイルを読み込みます。src="/js/bootstrap.min.js"></script>以下のようにCDNも用意されているので、常に最新のライブラリを読み込むこともできますが、外部サーバのレスポンスという観点からも、私としては前者でセットしています。CSS3に一部対応していないIE8、IE9用のコード、これらをまとめると以下のようなベースHTMLになります。src="/js/bootstrap.min.js"></script></body></html>「html5shiv.min.css」「respond.min.js」については別途用意します。インストールは以上です。サイトを構築インストールが完了したら、公式サイトの「CSS」「Components」「JavaScript」ページやサンプルを参考にコーディングを進めるだけです。Bootstrapだけでもある程度体裁が整えることができるので、運用できるレベルのサイトを簡単に構築できます。後は、必要に応じて自分好みのデザインにあわせてスタイルをカスタマイズするだけです。カスタマイズすれば、一見、Bootstrapを思わせないようなデザイン性の高いサイトを構築することもできますが、慣れないと難しいかもしれませんね。このブログを実験台に導入してみました。