https://takao.blog/ja/tags/tailwind/Recent content in Tailwind on たかおの解説Hugo -- gohugo.iojaたかおの解説Sat, 13 Jun 2026 23:11:50 +0900https://takao.blog/ja/web/tailwind-css-v4-release-changes/Thu, 05 Feb 2026 00:00:00 +0900https://takao.blog/ja/web/tailwind-css-v4-release-changes/<img src="https://takao.blog/img/thumnail.webp" alt="Featured image of post Tailwind CSS v4.0リリースとCSSベース設定への完全移行" /><h2 id="はじめに">はじめに </h2><p>Tailwind CSS v4.0 は JavaScript ベースの設定から <strong>CSSファーストアーキテクチャ</strong> への大きな転換点です。<code>tailwind.config.js</code> は廃止され、デザイントークンはすべて CSS 内の <code>@theme</code> で定義します。本リリースでは <strong>Lightning CSS</strong> を統合し、CSS ネスティングや <code>@layer</code> といったモダンCSS機能をフル活用します。本記事では v3 からの移行手順を中心に解説します。</p>