{"type":"rich","published":"2020-03-04 06:27:08","categories":["\u671d\u6d3b","\u65e5\u5831","\u308a\u3042\u30af\u30c8"],"provider_url":"https://hatena.blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkatorie.hatenablog.com%2Fentry%2F2020%2F03%2F04%2F062708\" title=\" Semantic UI React - katorie\u306e\u30d6\u30ed\u30b0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_title":"katorie\u306e\u30d6\u30ed\u30b0","width":"100%","author_name":"katoriexxxkatorie","height":"190","url":"https://katorie.hatenablog.com/entry/2020/03/04/062708","image_url":null,"title":" Semantic UI React","blog_url":"https://katorie.hatenablog.com/","version":"1.0","provider_name":"Hatena Blog","author_url":"https://blog.hatena.ne.jp/katoriexxxkatorie/","description":"Semantic UI React \u7c21\u5358\u306b\u30b9\u30bf\u30a4\u30eb\u3092\u9069\u7528\u3059\u308b\u305f\u3081\u306e\u30e9\u30a4\u30d6\u30e9\u30ea react.semantic-ui.com create-react-app\u3057\u305f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3067\u3001\u3053\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002 >> yarn add semantic-ui-react semantic-ui-css index.tsx \u306b import\u6587\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002 import 'semantic-ui-css/semantic.min.css'; App.css \u306f\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\u3002 \u672c\u3068\u540c\u3058\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3057\u305f\uff01 \u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u3068\u306f\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u6210\u304c\u9055\u3063\u3066\u3044\u307e\u3059\u304c\u3001\u52d5\u3044\u305f\u30b3\u30fc\u30c9\u306fGitHub\u306b\u2026"}