5日目: CSS その3
今回の章では Web ページを作る際に身につけておくと便利な「Flexbox」を学んでいきます。
Flexbox を覚えると次のような「よく見かける Web ページのレイアウト」を簡単に実装できるようになります。
- 2カラム、3カラム構成のページ(サイドバーとメインコンテンツの作成)
- 横並びの一覧ページの作成(Amazon の商品一覧や、ブログサイトの記事一覧ページなど)
Flexbox で使われる知識は、Web ページの作成を超えて次のような場面でも活用可能です。
- React Nativeを使ったスマホアプリのページ実装
- LINE Messaging API(チャットボットを作れるサービス)のFlex Messageの作成
「スマホアプリ」や「LINE を使ったチャットボット」は当コンテンツの対象外のため、詳細は割愛します。
このように、Flexbox を覚えるとよく見かけるレイアウト構成の Web ページは当然のこと、Web ページ以外の開発でも流用できるので、覚えておくと色々と便利です。
それでは実際に Flexbox の学習をしていきましょう^^