{"url":"https://yuyuyu-331.hatenablog.com/entry/2022/06/01/180628","provider_url":"https://hatena.blog","provider_name":"Hatena Blog","description":"\u6982\u8981 WebRTC\u3068React\u3067\u30d3\u30c7\u30aa\u96fb\u8a71\u30a2\u30d7\u30ea\u3092\u4f5c\u308b\u756a\u5916\u7de8\u7b2c3\u56de\u3067\u3059\u3002\u4eca\u56de\u306fReact\u306eUI\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3042\u308bMaterial-UI\u3092\u7528\u3044\u3066\u5916\u898b\u3092\u6574\u3048\u3066\u3044\u304d\u307e\u3059\u3002 MUI\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb frontend\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3067npm install @mui/material @emotion/react @emotion/styled \u3067OK\u3067\u3059\u3002\u3068\u3066\u3082\u7c21\u5358 \u30b3\u30fc\u30c9\u306e\u5909\u66f4 \u4eca\u56de\u306e\u30b3\u30fc\u30c9\u306fGitHub\u306efrontend/src/VideoConnect5.js\u306b\u8a18\u8f09\u3057\u3066\u307e\u3059\u3002 \u5927\u304d\u304f\u5909\u3048\u305f\u306e\u306f\u4ee5\u4e0b\u306e\u90e8\u5206\u3067\u3059\u3002 VideoConnect5.js import React from 'react'; // \u2026","version":"1.0","blog_title":"\u3084\u3063\u3066\u307f\u305f\u3089\u306a\u3093\u3068\u304b\u306a\u308b","author_url":"https://blog.hatena.ne.jp/yuyuyu_331/","type":"rich","categories":[],"image_url":null,"html":"<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 \u3067P2P\u30d3\u30c7\u30aa\u96fb\u8a71\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u3066\u307f\u308b \u756a\u5916\u7de8#3 ~MUI\u3067\u898b\u305f\u76ee\u3092\u6574\u3048\u308b~ - \u3084\u3063\u3066\u307f\u305f\u3089\u306a\u3093\u3068\u304b\u306a\u308b\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","author_name":"yuyuyu_331","height":"190","blog_url":"https://yuyuyu-331.hatenablog.com/","width":"100%","published":"2022-06-01 18:06:28","title":" [React] WebRTC x React \u3067P2P\u30d3\u30c7\u30aa\u96fb\u8a71\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u3066\u307f\u308b \u756a\u5916\u7de8#3 ~MUI\u3067\u898b\u305f\u76ee\u3092\u6574\u3048\u308b~"}