Tailwind CSS v4.3 - 公式リリースで確認する現在地

6分 で読める | 2026.07.11

公式ドキュメント

先に訂正

以前この記事は「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、zoomtab-sizeなどのユーティリティが追加されています。利用できる機能はインストール済みバージョンのドキュメントで確認してください。

移行時の確認事項

  • 先に公式Upgrade guideを読む
  • 対応ブラウザを確認する
  • v3用プラグインやJavaScript設定の互換性を確認する
  • ビルド速度やCSSサイズは自分のプロジェクトで測る

実務での判断

新規プロジェクトでは、まず現在インストールするTailwind CSSのバージョンを package.json と lockfile で確認します。既存プロジェクトでは、v3からv4への移行差分がCSS設定、プラグイン、ビルド設定に影響するため、小さなブランチで検証してから進めます。

ニュース記事やSNS投稿だけで判断せず、公式ブログ、公式ドキュメント、手元のインストール済みバージョンを照合してください。

関連記事

参照

← 一覧に戻る
PR
PR
PR
PR