{"title":"\u3010React\u521d\u5b66\u8005\u5411\u3051\u3011JSX\u307e\u3068\u3081","blog_title":"RAKUS Developers Blog | \u30e9\u30af\u30b9 \u30a8\u30f3\u30b8\u30cb\u30a2\u30d6\u30ed\u30b0","author_name":"hy094","provider_url":"https://hatena.blog","width":"100%","url":"https://tech-blog.rakus.co.jp/entry/20210521/react","blog_url":"https://tech-blog.rakus.co.jp/","height":"190","author_url":"https://blog.hatena.ne.jp/hy094/","provider_name":"Hatena Blog","type":"rich","published":"2021-05-21 15:00:00","categories":["React"],"description":"\u306f\u3058\u3081\u306b \u3053\u3093\u306b\u3061\u306f\u3002\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30c1\u30fc\u30e0\u65b0\u53522\u5e74\u76ee\u306ehy094\u3067\u3059\u3002 React\u3067\u3088\u304f\u4f7f\u7528\u3059\u308bJSX\u3002 \u4f7f\u3063\u3066\u307f\u308b\u3068\u4fbf\u5229\u306a\u306e\u3067\u3059\u304c\u3001\u6700\u521d\u306f\u300cJavaScript\u5185\u306bHTML\uff1f\u300d\u3068\u6df7\u4e71\u306e\u539f\u56e0\u306b\u306a\u3063\u3066\u3044\u308b\u3068\u601d\u3044\u307e\u3059\u3002 \u307e\u305f\u3001\u305d\u306e\u69cb\u6587\u304b\u3089\u9055\u548c\u611f\u3084\u6c17\u6301\u3061\u60aa\u3055\u3092\u611f\u3058\u308b\u65b9\u3082\u3044\u308b\u3068\u805e\u304d\u307e\u3059\u3002 \u305d\u3053\u3067\u3001\u4eca\u56de\u306fReact\u3067\u4f7f\u7528\u3059\u308bJSX\u306b\u3064\u3044\u3066\u307e\u3068\u3081\u307e\u3059\u3002 \u5c11\u3057\u3067\u3082\u6df7\u4e71\u3084\u9055\u548c\u611f\u306e\u89e3\u6d88\u304c\u3067\u304d\u305f\u3089\u5e78\u3044\u3067\u3059\u3002 \u76ee\u6b21 \u306f\u3058\u3081\u306b \u76ee\u6b21 JSX\u3068\u306f\uff1f JSX\u306e\u8a18\u6cd5 JavaScript\u5f0f\u3092\u57cb\u3081\u8fbc\u3080 \u30b3\u30e1\u30f3\u30c8\u30a2\u30a6\u30c8 \u30bf\u30b0\u304c\u7a7a\u306e\u5834\u5408 \u30d5\u30e9\u30b0\u30e1\u30f3\u30c8 HTML\u3068\u306e\u5c5e\u6027\u306e\u5dee\u7570 \u304a\u308f\u308a\u306b \u53c2\u8003\u6587\u732e","version":"1.0","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/t/tech-rakus/20210521/20210521115408.png","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-blog.rakus.co.jp%2Fentry%2F20210521%2Freact\" title=\"\u3010React\u521d\u5b66\u8005\u5411\u3051\u3011JSX\u307e\u3068\u3081 - RAKUS Developers Blog | \u30e9\u30af\u30b9 \u30a8\u30f3\u30b8\u30cb\u30a2\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>"}