{"height":"190","published":"2025-06-13 16:58:38","categories":[],"image_url":null,"version":"1.0","description":"\u306f\u3058\u3081\u306b \u5f0a\u793e\u3067\u306f\u3001\u81ea\u793e\u30d7\u30ed\u30c0\u30af\u30c8\u306e\u958b\u767a\u3067\u57f9\u3063\u305f\u30ce\u30a6\u30cf\u30a6\u3092\u6d3b\u304b\u3057\u3001\u96fb\u529b\u4e8b\u696d\u8005\u5411\u3051\u306b\u6599\u91d1\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002 \u3053\u3053\u6700\u8fd1\u3067\u306f\u3001\u5171\u901a\u306e\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3 Rails API \u3068\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3054\u3068\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3055\u308c\u305f React \u30d9\u30fc\u30b9\u306e SPA \u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u69cb\u6210\u304c\u4e3b\u6d41\u3067\u3059\u3002 \u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u306e\u57fa\u672c\u7684\u306a\u30ed\u30b8\u30c3\u30af\u306f\u5171\u901a\u3057\u3066\u3044\u307e\u3059\u304c UI \u306b\u95a2\u3057\u3066\u306f\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u3054\u3068\u306b\u591a\u69d8\u306a\u8981\u671b\u304c\u3042\u308a\u3001\u3053\u308c\u307e\u3067\u306f\u65e2\u5b58\u306e\u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u30d5\u30a9\u30fc\u30af\u3057 UI \u90e8\u5206\u3092\u500b\u5225\u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u30a2\u30d7\u30ed\u30fc\u30c1\u3092\u53d6\u3063\u3066\u3044\u307e\u3057\u305f\u3002 \u3057\u304b\u3057\u3001\u3053\u306e\u65b9\u6cd5\u306b\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u554f\u984c\u304c\u3042\u308a\u307e\u3057\u305f\uff1a \u540c\u3058\u3088\u3046\u306a\u30b3\u30fc\u30c9\u304c\u30ea\u30dd\u30b8\u30c8\u30ea\u3092\u8de8\u3044\u3067\u91cf\u7523\u3055\u308c\u3066\u3057\u307e\u3046\u2026","author_url":"https://blog.hatena.ne.jp/so_hosoki/","author_name":"so_hosoki","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.enechange.co.jp%2Fentry%2F2025%2F06%2F13%2F165838\" title=\"RenderProps \u30d1\u30bf\u30fc\u30f3\u3067 UI \u4f9d\u5b58\u306e\u306a\u3044\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f5c\u308b - ENECHANGE Developer Blog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_url":"https://hatena.blog","url":"https://tech.enechange.co.jp/entry/2025/06/13/165838","title":"RenderProps \u30d1\u30bf\u30fc\u30f3\u3067 UI \u4f9d\u5b58\u306e\u306a\u3044\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f5c\u308b","blog_title":"ENECHANGE Developer Blog","blog_url":"https://tech.enechange.co.jp/","width":"100%","provider_name":"Hatena Blog","type":"rich"}