CSS
bootstrap
bootstrap4

Bootstrap 4 ファーストインプレッション

More than 3 years have passed since last update.


  • Bootstrap 4はver. 3までよりもマークアップが改良されている。

  • WAI-ARIA対応も強化されている。

  • JavaScript SPA開発に必要なコンポーネントの充実度(非標準のものも含む)に期待できる。

  • 短期的な開発生産性は高そう。

  • 長期的な保守性については、まだ結論が出せない。

仮説:標準のclassをそのまま使い続けるのではなく、適宜独自classを定義したうえでmixinするようにリファクタリングしていけば、長期的な保守性も担保できるのではないか。

要検討:BDUF的なCSSアーキテクチャ設計ではなく、アジャイルCSSアーキテクティングでどこまでいけるか。

関連情報:


メモ:

v3ではNavbarのマークアップが意味不明すぎて「ないわー」と思っていた:

http://getbootstrap.com/components/#navbar

v4ならちゃんと「読める」ので「アリ」だなと:

http://v4-alpha.getbootstrap.com/components/navbar/

http://v4-alpha.getbootstrap.com/components/navs/#using-dropdowns