{"width":"100%","published":"2024-04-22 16:21:19","blog_url":"https://www.mof-mof.co.jp/tech-blog/","author_name":"kanahebiZ","type":"rich","blog_title":"\u3082\u3075\u3082\u3075\u6280\u8853\u90e8","provider_name":"Hatena Blog","version":"1.0","provider_url":"https://hatena.blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.mof-mof.co.jp%2Ftech-blog%2F2024%2F04%2F22%2F162119\" title=\"\u3010Rails7\u3011\u4efb\u610f\u306eviews\u304b\u3089JS\u30d5\u30a1\u30a4\u30eb\u3092\u500b\u5225\u306b\u8aad\u307f\u8fbc\u3080 - \u3082\u3075\u3082\u3075\u6280\u8853\u90e8\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","categories":["Rails","JavaScript"],"url":"https://www.mof-mof.co.jp/tech-blog/2024/04/22/162119","height":"190","author_url":"https://blog.hatena.ne.jp/kanahebiZ/","title":"\u3010Rails7\u3011\u4efb\u610f\u306eviews\u304b\u3089JS\u30d5\u30a1\u30a4\u30eb\u3092\u500b\u5225\u306b\u8aad\u307f\u8fbc\u3080","description":"\u3053\u306eviews\u3060\u3051\u306b\u3053\u306eJS\u3092\u8aad\u307f\u8fbc\u307f\u305f\u3044\u30fb\u30fb\u30fb\uff01 \u3068\u3044\u3046\u6642\u304c\u3042\u308b\u3068\u601d\u3044\u307e\u3059\u3002 \u4eca\u56de\u306f\u305d\u3093\u306a\u6642\u306e\u305f\u3081\u306bJS\u30d5\u30a1\u30a4\u30eb\u3092\u500b\u5225\u306b\u8aad\u307f\u8fbc\u3080\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002 \uff08esbuild\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u524d\u63d0\u3067\u9032\u3081\u3066\u3044\u304d\u307e\u3059\uff09 \u624b\u9806 1. package.json \u306b\u8a18\u8f09\u3055\u308c\u3066\u3044\u308b\u30d3\u30eb\u30c9\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u30d3\u30eb\u30c9\u5bfe\u8c61\u306b app/javascript/*.* \u304c\u5165\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3059\u308b\u3002 \u5165\u3063\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u4ee5\u4e0b\u3092\u53c2\u8003\u306b\u66f8\u304d\u63db\u3048\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002 \"build:js\": \"esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds\" 2. J\u2026","image_url":null}