こんにちは、店長です。 最近は実案件でAngularJSを使う機会が増えてきました。 そこで導入しているのがAngular Materialという、Googleが提供するAngularJS用のUIコンポーネントです。 Angular MaterialのLayoutコンポーネントはflexboxを使用したものになっています。 Angularと書きましたが、AngularJSらしいことは今回出てきません……。 どのようにLayoutにflexboxが使用されているのか、詳しく解説していきたいと思います。 今回のDEMOはこちらからご覧になれます。 flexboxについて まず、Angular MaterialのLayoutコンポーネントを使用する前に、簡単にflexboxのレイアウトについて解説したいと思います。 flexboxレイアウトは、以下のように親要素のflexコンテナと子要素のfle