yuyuyu_331 https://blog.hatena.ne.jp/yuyuyu_331/ やってみたらなんとかなる https://yuyuyu-331.hatenablog.com/ 概要 WebRTCとReactでビデオ電話アプリを作る番外編第3回です。今回はReactのUIライブラリであるMaterial-UIを用いて外見を整えていきます。 MUIのインストール frontendディレクトリでnpm install @mui/material @emotion/react @emotion/styled でOKです。とても簡単 コードの変更 今回のコードはGitHubのfrontend/src/VideoConnect5.jsに記載してます。 大きく変えたのは以下の部分です。 VideoConnect5.js import React from 'react'; // … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyuyuyu-331.hatenablog.com%2Fentry%2F2022%2F06%2F01%2F180628" title=" [React] WebRTC x React でP2Pビデオ電話アプリを作ってみる 番外編#3 ~MUIで見た目を整える~ - やってみたらなんとかなる" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-06-01 18:06:28 rich https://yuyuyu-331.hatenablog.com/entry/2022/06/01/180628 1.0 100%