React/MaterialUI の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• React/MaterialUI へ行く。
• React/MaterialUI の差分を削除

#author("2024-03-02T23:28:13+09:00;2024-03-02T22:46:19+09:00","default:shota","shota")
#author("2024-03-11T21:31:14+09:00","default:shota","shota")
[[FrontPage]]

*概要 [#x49dc2f6]
-CSS詳しくなくてもある程度映えるものが作れる
-カッコの良いものが作れると初心者は学習意欲も上がる？

*目次 [#e534a571]
#contents

*インストール [#g4beb363]
 npm install @mui/material @emotion/react @emotion/styled

-[[参照>https://mui.com/material-ui/getting-started/installation/]]
-Material UI => mui
-emotion/react styledはJSでCSSを記述することができるライブラリ（CSS-in-JSの一種）
-本体は@Mei/materialなのでこれだけあれば利用することができる

 npm install @fontsource/roboto
-デフォルトでRobotoフォントを使用する

*コンポーネント [#z3c56b02]
-[[コンポーネント一覧>https://mui.com/material-ui/all-components/]]