フロントエンドカンファレンス名古屋 2026
セッション（30分）
CSSコーディングにおけるレイアウト手法の選び方 2026
TAK
tak_dcxi
CSSのレイアウトは、プロパティ単体ではなく「コンテキスト」によって決まります。
本セッションでは基礎となるボックスモデルから触れ、主要なレイアウト手法である通常フロー, Flexbox, Grid Layout, position, float, マルチカラムレイアウトと新しいレイアウト手法「Grid Lanes」を取り上げ、それぞれの特徴と得意なユースケースを具体例で整理します。
CSSレイアウトを「複数のプロパティが協調して動くアルゴリズムの集合体」として捉えることで、私たちが何気なく使用している width や margin の挙動が状況によって変わる理由もクリアになります。
私が普段どのようにレイアウト手法を選定しているか、その判断プロセスを30分で共有します。