{"provider_name":"Hatena Blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.mof-mof.co.jp%2Ftech-blog%2F2024%2F09%2F24%2F182543\" title=\"Rails7 \u306b Bootstrap \u3092\u5c0e\u5165\u3059\u308b - \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>","height":"190","categories":["Rails","Bootstrap"],"version":"1.0","title":"Rails7 \u306b Bootstrap \u3092\u5c0e\u5165\u3059\u308b","blog_title":"\u3082\u3075\u3082\u3075\u6280\u8853\u90e8","image_url":null,"provider_url":"https://hatena.blog","published":"2024-09-24 18:25:43","url":"https://www.mof-mof.co.jp/tech-blog/2024/09/24/182543","blog_url":"https://www.mof-mof.co.jp/tech-blog/","type":"rich","author_url":"https://blog.hatena.ne.jp/kanahebiZ/","author_name":"kanahebiZ","width":"100%","description":"\u4ee5\u524dRails7\u3067Tailwind CSS\u306e\u5c0e\u5165\u3092\u3057\u307e\u3057\u305f\u304c\u3001\u4eca\u56de\u306fBootstrap\u3092\u5c0e\u5165\u3057\u3066\u307f\u307e\u3059\u3002 esbuild\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210\u6642\u306b\u5c0e\u5165\u3059\u308b\u5834\u5408 1. rails new mofmof -j esbuild --css bootstrap \u3067\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3059\u308b 2. \u4ee5\u4e0b\u3092 package.json \u306b\u8ffd\u52a0\u3059\u308b \"scripts\": { \"build\": \"esbuild app/javascript/*.* --bundle --sourcemap --format=esm --outdir=app/assets/builds --public-path=/ass\u2026"}