{"provider_url":"https://hatena.blog","blog_url":"https://techblog.jmdc.co.jp/","author_name":"ysgk","url":"https://techblog.jmdc.co.jp/entry/20251205","width":"100%","categories":[],"image_url":"https://cdn.user.blog.st-hatena.com/default_entry_og_image/154854926/1631642031595776","title":"\u30a2\u30a4\u30b3\u30f3\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u30b5\u30a4\u30ba\u3092 1em \u304b\u3089 1lh \u306b\u3059\u308b","provider_name":"Hatena Blog","type":"rich","author_url":"https://blog.hatena.ne.jp/ysgk/","published":"2025-12-05 07:00:00","version":"1.0","height":"190","blog_title":"JMDC TECH BLOG","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.jmdc.co.jp%2Fentry%2F20251205\" title=\"\u30a2\u30a4\u30b3\u30f3\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u30b5\u30a4\u30ba\u3092 1em \u304b\u3089 1lh \u306b\u3059\u308b - JMDC 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>","description":"\u4eca\u5e74\u3001JMDC\u3067\u306f\u30a2\u30c9\u30d9\u30f3\u30c8\u30ab\u30ec\u30f3\u30c0\u30fc\u306b\u53c2\u52a0\u3057\u3066\u3044\u307e\u3059\u3002 qiita.com \u672c\u8a18\u4e8b\u306f\u3001JMDC Advent Calendar 2025 5\u65e5\u76ee\u306e\u8a18\u4e8b\u3067\u3059\u3002 \u306f\u3058\u3081\u306b React \u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067\u30a2\u30a4\u30b3\u30f3\u3092\u8868\u793a\u3059\u308b\u5834\u5408\u3001 SVG \u30d5\u30a1\u30a4\u30eb\u304b\u3089 React \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u751f\u6210\u3059\u308b\u3053\u3068\u304c\u3057\u3070\u3057\u3070\u884c\u308f\u308c\u307e\u3059\u3002\u5f0a\u793e\u3067\u3082\u3001\u3044\u304f\u3064\u304b\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3067 SVGR \u3092\u4f7f\u7528\u3057\u3066\u3044\u307e\u3059\u3002 \u6700\u8fd1\u3001 SVGR \u3067\u751f\u6210\u3059\u308b\u30a2\u30a4\u30b3\u30f3\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u30b5\u30a4\u30ba\u3092 1em \u304b\u3089 1lh \u306b\u5909\u66f4\u3057\u305f\u306e\u3067\u3001\u4eca\u65e5\u306f\u305d\u306e\u8a71\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002 SVGR \u306e --icon \u30aa\u30d7\u30b7\u30e7\u30f3 SVGR \u306f SVG \u30d5\u30a1\u30a4\u30eb\u3092\u5143\u306b React \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u2026"}