Flexboxとは？一体何ができるのか？なぜ便利なのか？【ジェット・コーディング】

コーディング部ログ

お疲れ様です！

コーディングに関わる方であれば、Flexboxとは？という解説を書籍やネットで見かけたことはあるかと思います。なので、この記事ではFlexboxの一般的な解説は省略します。

Flexboxで一体何ができるのか？なぜ便利なのか？をご理解いただければ嬉しいです。

デザインツールで有名なイラレやフォトショ、XDなどでよく使う機能として整列パネルというものがあるかと思います。
要素を中央に並べたり、左揃え、右揃え...。

とても便利でよく使う整列パネル。

同じことをコード上でもできたら便利ですよね。

コーディングの世界で整列パネルの役割を果たすのが、Flexboxです。
複数の要素を整列パネルのように、整列させることができます。

デザインの世界で整列パネルが欠かせないように、
コーディングの世界ではFlexboxが欠かせません。

Flexboxの重要さを理解したうえで、気になるのはブラウザ対応。
とくにIEですね。

対応しています。
（若干異なる挙動をするケースはありますが...。）

Flexboxはまだ数年間は主流になることが予想されます。
理解を深めて頂ければうれしいです。