Bootstrap
Bootstrap情報
Bootstrapとは
Bootstrap(ブートストラップ)とは、HTML、CSS、JavaScriptのWebアプリケーションフレームワークです。
BootstrapはTwitter社が開発し2011年にTwitter Bootstrapという名で公開され、今では世界で最も人気のあるフレームワークとなっています。その人気はGitHubにおけるスターの数がFreeCodeCampに次いで全てのリポジトリの中で二番目に多かったということからも裏付けることができます(2019年1月時点)。Bootstrapのホームページは勿論、MongoDBなどOSSのホームページでもよくBootstrapが採用されています。
Bootstrapはレスポンシブルデザインに対応しており、デスクトップ端末だけでなく、スマートフォン端末やタブレット端末などにも柔軟に表示の調整をすることが可能です。そのため、Bootstrapのユーザは、さまざまなデバイスに対応した美しいWebアプリケーションを簡単に開発することができます。
また、テンプレートやプラグインも充実しており、Web上で数多く公開されているので、気に入ったデザインがあればそのテンプレートのライセンスを確認の上で流用することも可能です。
ただし、先にも挙げた通り、Bootstrapは現在様々なWebアプリケーションで採用されているメジャーなフレームワークの一つであり、 デザインが非常に特徴的であるがゆえに、画一的なデザインとなりがちです。そのため、独自性の高いデザインを求める場合は敢えて「Bootstrapを採用しない」といった選択がなされる場合もあります。
主な特徴
Bootstrapには次のような特徴があります。
- レスポンシブルデザインに対応している
- テンプレートやプラグインが充実している
- 容易に見栄えの良いWebアプリケーションを構築できる
- 画一的なデザインになりやすい
類似プロダクト
Foundation、Cascade Framework、Pure、Material UIなどがBootstrapと同様の機能を提供しています。いずれもオープンソースのフレームワークです。
ユースケース
Bootstrapの恩恵を受けるのは以下のようなユースケースです。
- 少ない工数で見栄えの良いデザインにしたい
- さまざまなデバイスに適応したデザインを実現したい
- プロジェクト内にデザイナーが不在で困っている
動作環境
モバイル端末の対応ブラウザは次の通りです。
Chrome |
Firefox |
Safari |
Android Browser & WebView |
|
---|---|---|---|---|
Android |
対応 |
対応 |
該当なし |
対応※ |
iOS |
対応 |
対応 |
対応 |
該当なし |
※Androidバージョン6以降に対応しています。
デスクトップ端末の対応ブラウザは次の通りです。
Chrome |
Firefox |
Microsoft Edge |
Opera |
Safari |
|
---|---|---|---|---|---|
Mac |
対応 |
対応 |
対応 |
対応 |
対応 |
Windows |
対応 |
対応 |
対応 |
対応 |
該当なし |
※Internet Explorer はサポートされていません。IEのサポートが必要な場合は、Bootstrap v4を使用してください。
Bootstrapのライセンス
Bootstrapのライセンスは、MITライセンスです。 ソースコード公開の有無に関わらず、自由な再利用が認められています。
製品ダウンロード
オープンソース年間サポートサービス
OpenStandiaではOSSを安心してご利用いただけるように、オープンソース年間サポートサービスをご提供しております。
サポートしているOSSは下記ページをご参照ください。