Tailwind CSS v4の新機能と移行ガイド

Tailwind CSS v4の主な変更点

Tailwind CSS v4では、設定ファイルが不要になり、CSSファーストなアプローチに変更されました。

CSS-first設定

従来の tailwind.config.js は不要になり、CSSファイル内で @theme ディレクティブを使って設定します。

パフォーマンスの向上

Rustベースの新エンジンにより、ビルド速度が大幅に向上しています。

まとめ

Tailwind CSS v4は、よりシンプルで高速なCSS開発体験を提供してくれます。新規プロジェクトにはv4の採用をおすすめします。