★前回の記事
STEP 4ではMaterial-UIを導入し、アプリの見た目を整えます。
Material-UIとは
Material-UIとは、Googleが提唱するマテリアルデザインを実装しているReactコンポーネント群です。ボタンやフォームの見た目を整えたり、ナビゲーションやメニューの表示など便利な機能を提供しています。
Material-UIの導入
STEP 4での完成イメージです。
使用しているMaterial-UIの部品一覧です。
ロゴは LOGASTER | ロゴメーカー | オンラインロゴ作成 で作成しました。
ブログ主はデザインやUI/UXの知識はほぼないので、STEP 4での説明においてはMaterial-UIのコンポーネントの使用方法のみ記載し、デザイン面については語らないようにします。
それでは、STEP 4を始めましょう。
★次回の記事
★目次