ニュース
» 2015年08月21日 12時10分 UPDATE

「Sass」ベースへ移行、IE8サポートは終了:「Bootstrap 4 alpha」が登場

2015年8月19日(米国時間)、オープンソースCSSフレームワーク「Bootstrap 」の最新バージョン「Bootstrap 4 alpha」がリリースされた。

[@IT]

 2015年8月19日(米国時間)、オープンソースCSSフレームワーク「Bootstrap 」の最新バージョン「Bootstrap 4 alpha」がリリースされた。CSSメタ言語を従来の「LESS」から「Sass」へ変更し、Internet Explorer 8への対応を終了した他、JavaScriptプラグインを全てECMAScript 6仕様でリライトするなどの変更が加えられた。

bs1.png

 Bootstrap 4 alphaでは、およそ1年にわたる開発期間で前バージョンから約12万行に及ぶ修正がなされ、以下のような点が追加・変更された(詳細は、公式ブログおよびGitHubを参照)。

LESSからSassへの移行

 CSS拡張メタ言語として、従来の「LESS(Leaner CSS)」ではなく「Sass(Syntactically Awesome Stylesheets)」を採用した。

グリッドシステムの改善

 デバイスごとにグリッド表示を調整するためのオプションとして、従来の4種類(xs、sm、md、lg)に加えて、480px以下のスクリーンサイズに対応する「xl」を追加。またグリッドに関するmixinの内容を修正した。

オプションでFlexboxが使用可能に

 オプション値を変更しCSSを再コンパイルすることで、Flexboxベースのグリッドシステムを使用できるようになった。

新しいコンポーネント「card」の追加

 既存の「well」「thumbnail」「panel」コンポーネントを廃止し、「card」に置き換えた。

リセットCSSを新モジュール「Reboot.scss」に統合

 Normalize.cssを拡張し、マージン相殺の防止や全エレメントへの「box-sizing」プロパティの付加などに対応した。

カスタマイズオプションの追加

 「gradient」「transition」「shadow」などのデフォルト値をscssファイルで設定できるようになった。

Internet Explorer 8 のサポート終了と、サイズ単位「rem」「em」への移行

 Internet Explorer 8のサポートを終了し、基本となるサイズ単位を「px」から「rem」「em」に変更した。Internet Explorer 8対応を必要とする場合は、「Bootstrap 3」を引き続き使用する必要がある。

全てのJavaScriptプラグインをリライト

 全てのJavaScriptプラグインを「ECMAScript 6」仕様で書き直し、UMD(Universal Module Definition)などに対応した。

「tooltip」や「popover」の自動配置に対応

 「Tether」と連携することで、「tooltip」や「popover」などのコンポーネントの配置位置の計算を行わなくて済むようになった(使用にはTetherのインクルードが必要)。

ドキュメントの改善

 全てのドキュメントを「Markdown」記法で書き直した。また、いくつかのサンプルプラグインやコードスニペットを追加した。

 なお、本バージョンはアルファ版となっており、今後複数回の修正が加えられた後に、正式版がリリースされる予定(時期は未定)。現在は、公式サイト上でソースファイルをダウンロードすることが可能になっている。また、バグの報告やフィードバック、その他の質問などはGitHubから行うことができる。

 前バージョンである「Bootstrap 3」も引き続きサポートされるが、致命的なバグの修正やドキュメント更新を除き、今後機能の追加・削除は行われない。

 また、今回のリリースでは、公式テーマに関するプロジェクトの発足も同時に発表されており、現時点では三つの有料テーマが公開されている。

bs2.png 公式テーマプロジェクトが発足(出典:公式ブログ

Copyright© 2017 ITmedia, Inc. All Rights Reserved.

@IT Special

- PR -

TechTargetジャパン

この記事に関連するホワイトペーパー

Focus

- PR -

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。