先に訂正
以前この記事は「Tailwind CSS v5が2026年4月に公開された」と記載していましたが、公式ブログにそのリリースはありません。2026年7月11日時点で公式ブログに掲載されている現行系列はv4で、2026年5月8日にv4.3が公開されています。
この記事は、誤ったv5情報を広げないための訂正版です。URLには過去のslugが残っていますが、本文では公式情報に合わせてv4.3として整理します。
v4系列の基本
Tailwind CSS v4では、CSSからテーマやプラグインを設定するCSS-firstな構成が中心です。
@import "tailwindcss";
@theme {
--color-brand-500: oklch(0.62 0.18 255);
--font-display: "Inter", sans-serif;
}
v4.3ではスクロールバー、logical properties、zoom、tab-sizeなどのユーティリティが追加されています。利用できる機能はインストール済みバージョンのドキュメントで確認してください。
移行時の確認事項
- 先に公式Upgrade guideを読む
- 対応ブラウザを確認する
- v3用プラグインやJavaScript設定の互換性を確認する
- ビルド速度やCSSサイズは自分のプロジェクトで測る
実務での判断
新規プロジェクトでは、まず現在インストールするTailwind CSSのバージョンを package.json と lockfile で確認します。既存プロジェクトでは、v3からv4への移行差分がCSS設定、プラグイン、ビルド設定に影響するため、小さなブランチで検証してから進めます。
ニュース記事やSNS投稿だけで判断せず、公式ブログ、公式ドキュメント、手元のインストール済みバージョンを照合してください。