30秒で判断
- 対応すべき人: Windows環境でwatchモードを使用している / Deno v2.8.x で
@tailwindcss/viteを使用している / HMR中にファイル削除でクラッシュが発生していた /auto-rows-*/auto-cols-*でベア間隔値(auto-rows-12等)を使用したい - 対応不要な人: 上記の問題が発生しておらず
auto-rows-*/auto-cols-*のベア値も使用していない場合はv4.3.1のままで問題なし。v3.4系(v3-lts)を使用中の場合もこのリリースは対象外 - 確認コマンド:
npx tailwindcss --version
この変更が意味すること
Tailwind CSS v4.3.2が2026年6月29日にリリースされました。v4.3.1に続くバグ修正パッチで、Windows環境でのwatchモードクラッシュ修正、Deno v2.8.x対応、HMR時のクラッシュ防止が主な内容です。
破壊的変更はなく、v4.3.x系をお使いの方は安心してアップデートできます。特にWindowsでwatchモードを使用していてクラッシュに悩んでいた方、Deno環境でViteプラグインを使用している方には直接影響する修正が含まれています。
主な変更点
修正: auto-rows-* / auto-cols-* でベア間隔値をサポート
auto-rows-12、auto-cols-16 のようなベア(数値のみの)間隔値が正しくCSSに変換されるようになりました。これまでは auto-rows-[3rem] のような任意値記法が必要だったケースで、標準のスケール値が利用できるようになります。
<!-- 今後はこのように書けます -->
<div class="grid auto-rows-12 auto-cols-16">...</div>
修正: Windowsでの @tailwindcss/cli watchモードクラッシュ
@source ディレクティブに存在しないディレクトリを指定した場合、@tailwindcss/cli の --watch モードがWindowsでクラッシュする問題が修正されました。monorepo構成やプロジェクト初期セットアップ時に遭遇しやすい問題でした。
修正: Deno v2.8.x での @tailwindcss/vite クラッシュ
context.parentURL が有効なURLでない場合に @tailwindcss/vite がクラッシュする問題を修正。Deno v2.8.x での動作が改善されました。
修正: 無視ディレクトリ内のCSSファイル変更時の再ビルド
.gitignore 等で無視設定されたディレクトリ内のCSSファイルが変更された場合にも、@tailwindcss/cli --watch が再ビルドをトリガーするよう修正されました。
修正: addBase(…) 内の @variant でカスタムバリアントを後から参照可能に
addBase(…) で登録したベーススタイル内の @variant ルールが、後から定義されたカスタムバリアントを参照できるようになりました。プラグインの記述順に依存しない柔軟な設計が可能になります。
修正: HMR時のクラッシュ防止(@tailwindcss/vite)
ファイルやディレクトリの削除をトリガーとするHMR(Hot Module Replacement)中に @tailwindcss/vite がクラッシュする問題が修正されました。
EOL / サポート状況
| サイクル | 最新バージョン | ステータス | EOL日 |
|---|---|---|---|
| 4.3 | 4.3.2 | active | — |
| 4.2 | 4.2.4 | EOL | 2026-05-08 |
| 4.1 | 4.1.18 | EOL | 2026-02-18 |
| 4.0 | 4.0.17 | EOL | 2025-04-01 |
| 3.4 | 3.4.19 | active (v3-lts) | 2027-02-28 |
v4.2以前は既にEOLです。v4系を使用中の場合は最新の4.3.2へのアップグレードを検討してください。v3.4は v3-lts タグで2027年2月まで引き続きサポートされます。
開発者への影響
- Windows環境でwatchモードを使用している場合:
@sourceに未存在ディレクトリを指定していたクラッシュが解消されます - Deno v2.8.x環境で
@tailwindcss/viteを使用している場合: クラッシュが解消されます。アップデート推奨 - HMR中にファイル削除でクラッシュしていた場合: 修正されています
auto-rows-*/auto-cols-*のベア値を使いたい場合:auto-rows-12等の記法が利用可能になりますaddBaseでプラグインを書いている場合:@variantルールの定義順依存が解消されます
アップデート方法
# npm
npm install tailwindcss@4.3.2
# yarn
yarn add tailwindcss@4.3.2
# pnpm
pnpm add tailwindcss@4.3.2
# @tailwindcss/vite / @tailwindcss/cli も合わせてアップデート
npm install tailwindcss@4.3.2 @tailwindcss/vite@4.3.2 @tailwindcss/cli@4.3.2
データソース: GitHub Releases API, endoflife.date, npm Registry
AI解説は Claude API により自動生成されています。正確性については原文をご確認ください。
