{"author_url":"https://blog.hatena.ne.jp/fedora9/","provider_url":"https://hatena.blog","type":"rich","url":"https://mbp.hatenablog.com/entry/2021/07/15/214300","version":"1.0","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/f/fedora9/20210715/20210715213833.png","author_name":"fedora9","description":"React\u306f\u3001UI\u30d1\u30fc\u30c4\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306eJavaScript\u30e9\u30a4\u30d6\u30e9\u30ea\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210 $ npm create vite@latest$ npm install $ npm run dev$ npm run dev \u3057\u305f\u3089\u81ea\u52d5\u3067\u30d6\u30e9\u30a6\u30b6\u3092\u958b\u304f\u3088\u3046\u306b\u8a2d\u5b9a\u30d5\u30a1\u30a4\u30eb\u3092\u5909\u66f4 Vite \u3067\u6700\u901f React & TypeScript$ vi src/App.jsx \u3057\u3066\u3001 https://raw.githubusercontent.com/hiroyuki12/vite-react-pages/main/src/components/qiita/App.jsx \u306e\u5185\u5bb9\u3067\u7f6e\u304d\u63db\u3048\u3002 //import '\u2026","blog_url":"https://mbp.hatenablog.com/","provider_name":"Hatena Blog","title":"React\u3067QiitaAPI\u304b\u3089\u8a18\u4e8b\u60c5\u5831\u3092\u53d6\u5f97\u3057\u3066\u8868\u793a","height":"190","published":"2021-07-15 21:43:00","width":"100%","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmbp.hatenablog.com%2Fentry%2F2021%2F07%2F15%2F214300\" title=\"React\u3067QiitaAPI\u304b\u3089\u8a18\u4e8b\u60c5\u5831\u3092\u53d6\u5f97\u3057\u3066\u8868\u793a - MBP(\u306f\u3066\u306a)\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","categories":[],"blog_title":"MBP(\u306f\u3066\u306a)"}