image

概要

Material UIを使って、これまで実装してきたページのデザインを整える解説動画を公開しました^^

【体験Next.js&TypeScript】Material UIを使ってデザインを整える(全5回)
 
 
全5回(約80分)の動画を通して以下のイメージが掴めるかと思います^^
↓ 
✅Next.jsにMaterial UIを組み込む手順
✅Material UIのドキュメントの活用方法
✅Material UIを使ったレスポンシブ対応の方法
 

Material UIとは

Material UIを知らない方向けに説明すると「Bootstrapのように手軽にWebページの見た目を整えることができるツール」だと認識していただければと思います。
 
さらに言うと、Material UIは「React」でのみ使うことができるツールとなります。
 
Next.jsはReactじゃないのにMaterial UIを使えるの?

という疑問が出てくるかもしれませんが、Next.jsはReactを使ったフレームワークで、実際にコードを書くときはReactの書式で開発を進めることになります。
 
 
もし

  • Next.jsは使っていないけどReactは普段使っているよ
  • Reactアプリの見た目を手軽に整えたいなー
  • Material UIは聞いたことあるけど、どれくらい手軽にWebページの見た目を整えられるか知りたい

といった場合は、添付したリンク先にまとめた解説動画を参考にしていただけたら幸いです^^

【体験Next.js&TypeScript】Material UIを使ってデザインを整える(全5回)