{"author_url":"https://blog.hatena.ne.jp/optim-shota-aikawa/","categories":["React","Web App"],"url":"https://tech-blog.optim.co.jp/entry/2026/03/04/100000","title":"React\u30b0\u30e9\u30d5\u8868\u793a\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u9078\u5b9a","version":"1.0","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/o/optim-tech/20260210/20260210233018.png","description":"AI\u30c1\u30e3\u30c3\u30c8\u30dc\u30c3\u30c8\u300cOPTiM AIRES\u300d\u306e\u65b0\u6a5f\u80fd\u3068\u3057\u3066\u3001\u56de\u7b54\u7387\u3084\u56de\u7b54\u65b9\u5f0f(RAG\u30fb\u30e2\u30c7\u30eb\u77e5\u8b58)\u3092\u53ef\u8996\u5316\u3059\u308b\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306b\u3001\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u30b0\u30e9\u30d5\u63cf\u753b\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u9078\u5b9a\u3057\u305f\u30d7\u30ed\u30bb\u30b9\u3092\u7d39\u4ecb\u3057\u305f\u8a18\u4e8b\u3002 \u307e\u305a SVG vs Canvas\u3001Vanilla JS\u30e9\u30a4\u30d6\u30e9\u30ea vs React\u30e9\u30a4\u30d6\u30e9\u30ea \u3092\u6bd4\u8f03\u3057\u3001\u8981\u4ef6\uff08\u68d2\u30b0\u30e9\u30d5\u30fb\u6298\u308c\u7dda\u30fb\u8907\u5408\u30fb\u7a4d\u307f\u4e0a\u3052\u30fb2\u8ef8\u30fbTooltip\u30fb\u540c\u671f\u30cf\u30a4\u30e9\u30a4\u30c8\u306a\u3069\uff09\u3092\u6e80\u305f\u305b\u308b\u6280\u8853\u3092\u691c\u8a0e\u3002 SVG\u306e\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u6027\u3084React\u3068\u306e\u89aa\u548c\u6027\u304b\u3089\u3001React\u7528\u30b0\u30e9\u30d5\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u7d5e\u308a\u8fbc\u3080\u3002 5\u3064\u306e\u4e3b\u8981\u30e9\u30a4\u30d6\u30e9\u30ea\uff08Recharts\u3001MUI X Charts\u3001Victory\u3001Nivo\u3001Ant Design Charts\uff09\u3092\u6bd4\u8f03\u3057\u305f\u7d50\u679c\u3001 \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u6027\u30fb\u5b9f\u7e3e\u30fb\u5b9f\u88c5\u30b3\u30b9\u30c8\u306e\u30d0\u30e9\u30f3\u30b9\u304c\u6700\u3082\u826f\u3044 Recharts \u3092\u63a1\u7528\u3002 \u6280\u8853\u9078\u5b9a\u3067\u5f97\u3089\u308c\u305f\u77e5\u898b\u3084\u30e9\u30a4\u30d6\u30e9\u30ea\u6bd4\u8f03\u306e\u30dd\u30a4\u30f3\u30c8\u3092\u4e01\u5be7\u306b\u307e\u3068\u3081\u3064\u3064\u3001\u5b9f\u969b\u306b\u5b9f\u88c5\u3057\u305f\u8907\u5408\u30b0\u30e9\u30d5\u306e\u30b3\u30fc\u30c9\u4f8b\u3082\u63b2\u8f09","author_name":"optim-shota-aikawa","provider_url":"https://hatena.blog","blog_title":"OPTiM TECH BLOG","height":"190","width":"100%","published":"2026-03-04 10:00:00","blog_url":"https://tech-blog.optim.co.jp/","provider_name":"Hatena Blog","type":"rich","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech-blog.optim.co.jp%2Fentry%2F2026%2F03%2F04%2F100000\" title=\"React\u30b0\u30e9\u30d5\u8868\u793a\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u9078\u5b9a - OPTiM TECH BLOG\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>"}