Watch

Bootstrap 3がリリースされ、レスポンシブなウェブサイトの開発が容易になりました

Bootstrap 3がリリースされ、レスポンシブなウェブサイトの開発が容易になりました

ケビン・リソタ

ウェブ開発用のフロントエンドフレームワークとして非常に人気のある Bootstrap が今週バージョン 3 をリリースし、携帯電話、タブレット、デスクトップの画面のどれで表示しても美しく見えるレスポンシブなウェブサイトの開発が容易になると約束しました。

ブートストラップロゴBootstrapを使い慣れたWeb開発者にとって、バージョン3は大きな変更点と言えるでしょう。グリッドシステムが全面的に刷新され、レスポンシブ対応になりました。固定グリッドはなくなり、スマートフォン、タブレット、デスクトップ、そして大型デスクトップ画面に対応した4つの新しいグリッドが追加されました。画面サイズに合わせて、無限とも思えるほど多様なレイアウトが可能になります。

Bootstrap 3も「フラットデザイン」の潮流に乗り、ボタン、ナビゲーションバー、その他のコンポーネントのルック&フィールを刷新しました。また、問題の多いIE7とFirefox 3.6のサポートも廃止されました。

Bootstrapは登場からまだ2年しか経っておらず、元々はTwitterの社内プロジェクトとしてマーク・オットー(@mdo)とジェイコブ・ソーントン(@fat)によって開始されました。二人はその後、このソーシャルメディア界の巨人を退社しました。Bootstrapは人気が急上昇し、Githubで最も注目され、フォークされたオープンソースプロジェクトとなりました。最近、「モダン」なレスポンシブデザインのウェブサイトを訪れたことがあるなら、Bootstrapで構築されたサイトを目にしたことがある可能性が高いでしょう。Meanpathの調査によると、インデックスされている1億5000万のウェブサイトのうち、わずか1%がこのフレームワークを使用しています。

Bootstrapには批判的な意見もあり、その多くは、ユーザーがカスタマイズしないためにWeb上で「同じようなもの」が蔓延してしまうことを嘆いています。しかし、その有用性は否定できず、他のツールと差別化するためにカスタマイズするのもそれほど難しくありません。

新しいウェブ開発者を探していた時のフラストレーション(とケチ)から、不動産サイトにSlackを導入したところ、結局、ウェブデザインの大部分を自分でこなせるようになりました。レスポンシブグリッドのCSS、メディアクエリ、ブレークポイント、メニューバーなどについて考える時間など、ほとんどありませんでした。小さな画面向けのレイアウトオプションが改善されたバージョン3を試すのを楽しみにしていましたが、残念ながら今回のリリースで週末を少し無駄にしてしまいました。

最新バージョンは getbootstrap.com で確認できます。