{"url":"https://tech.fun-toy-life.com/entry/2026/05/30/134331","type":"rich","author_name":"plarail_hangout","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.fun-toy-life.com%2Fentry%2F2026%2F05%2F30%2F134331\" title=\"Tailwind CSS\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8\uff1a\u3088\u304f\u4f7f\u3046\u30af\u30e9\u30b9\u30fb\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30fbv4\u306e\u5909\u66f4\u70b9\u307e\u3068\u3081 - Engineering Tech Dojo\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_url":"https://tech.fun-toy-life.com/","provider_url":"https://hatena.blog","categories":["Tailwind CSS","CSS"],"title":"Tailwind CSS\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8\uff1a\u3088\u304f\u4f7f\u3046\u30af\u30e9\u30b9\u30fb\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30fbv4\u306e\u5909\u66f4\u70b9\u307e\u3068\u3081","width":"100%","provider_name":"Hatena Blog","blog_title":"Engineering Tech Dojo","height":"190","published":"2026-05-30 13:43:31","image_url":null,"author_url":"https://blog.hatena.ne.jp/plarail_hangout/","version":"1.0","description":"Tailwind CSS\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8\uff1a\u3088\u304f\u4f7f\u3046\u30af\u30e9\u30b9\u30fb\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30fbv4\u306e\u5909\u66f4\u70b9\u307e\u3068\u3081 \u306f\u3058\u3081\u306b Tailwind CSS\u306f\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\u30d5\u30a1\u30fc\u30b9\u30c8\u306eCSS\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3059\u3002\u30af\u30e9\u30b9\u540d\u3092HTML\u306b\u76f4\u63a5\u66f8\u304f\u3053\u3068\u3067\u30b9\u30bf\u30a4\u30eb\u3092\u7d44\u307f\u7acb\u3066\u307e\u3059\u3002\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3088\u304f\u4f7f\u3046\u30af\u30e9\u30b9\u3001\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc\u3001\u30c0\u30fc\u30af\u30e2\u30fc\u30c9\u3001v4\u306e\u5909\u66f4\u70b9\u3092\u307e\u3068\u3081\u307e\u3059\u3002 \u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\uff08v4\uff09 npm install tailwindcss @tailwindcss/vite v4\u3067\u306fCSS\u30d5\u30a1\u30a4\u30eb\u306b1\u884c\u66f8\u304f\u3060\u3051\u3067\u4f7f\u3048\u307e\u3059\u3002tailwind.config.js \u306f\u4e0d\u8981\u3067\u3059\u3002 /* app.css */ @import \"tailwindcss\";\u2026"}