つみかさね
T

Tailwind CSS v4.3.2

リリース日: 2026-06-30データソース: GitHub Releases, npm, endoflife.date
影響度スコア
22/ 100影響度: 低
Breaking Changes0/40
新機能2/25
バグ修正15/20
セキュリティ0/15
依存関係5/15

対応ガイド

low|任意バグ修正影響: 最小限

推奨アクション

  1. 1テスト環境で npm install tailwindcss@4.3.2 を実行
  2. 2ビルドが正常に完了することを確認
  3. 3本番環境にアップデートを適用

影響対象

Tailwind CSS v4利用者Windows watchモード利用者Deno v2.8.x + Vite利用者

補足

  • -破壊的変更はありません。安全にアップデートできます
Tailwind CSSCSSDenoWindowstoolnpm

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-12auto-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.34.3.2active
4.24.2.4EOL2026-05-08
4.14.1.18EOL2026-02-18
4.04.0.17EOL2025-04-01
3.43.4.19active (v3-lts)2027-02-28

v4.2以前は既にEOLです。v4系を使用中の場合は最新の4.3.2へのアップグレードを検討してください。v3.4は v3-lts タグで2027年2月まで引き続きサポートされます。

開発者への影響

  1. Windows環境でwatchモードを使用している場合: @source に未存在ディレクトリを指定していたクラッシュが解消されます
  2. Deno v2.8.x環境で @tailwindcss/vite を使用している場合: クラッシュが解消されます。アップデート推奨
  3. HMR中にファイル削除でクラッシュしていた場合: 修正されています
  4. auto-rows-* / auto-cols-* のベア値を使いたい場合: auto-rows-12 等の記法が利用可能になります
  5. 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 により自動生成されています。正確性については原文をご確認ください。

アップデート判断

時間があれば適用を推奨

アップデートすべき場合

  • Windows環境でwatchモードを使用しており、クラッシュに遭遇している場合
  • Deno v2.8.x で @tailwindcss/vite を使用している場合
  • HMR中のファイル削除でクラッシュが発生していた場合
  • auto-rows-*/auto-cols-* でベア間隔値を使いたい場合

様子見でよい場合

  • 上記の問題が発生していない場合
  • v3.4系(v3-lts)を使用中でv4への移行予定がない場合

EOL / サポート状況

Tailwind CSS 4.3Active
Tailwind CSS 4.2End of LifeEOL: 2026-05-08
Tailwind CSS 4.1End of LifeEOL: 2026-02-18
Tailwind CSS 4.0End of LifeEOL: 2025-04-01
Tailwind CSS 3.4ActiveEOL: 2027-02-28
Xでシェアはてブ
データソース: GitHub Releases API, npm Registry, endoflife.date (MIT License), NVD (NIST)
AI解説は Claude API により自動生成されています。正確性については原文リリースノートをご確認ください。