Tailwind CSSを勧めない理由:中・大規模プロジェクトで考えるべきこと
I don't recommend Tailwind CSS
Tailwind CSSは人気のCSSフレームワークだが、著者は中・大規模プロジェクトでの利用に慎重な立場を示す。学習コスト、構造とデザインの分離の崩壊、命名の一貫性の欠如、デザインシステムの強制力の限界、CSS学習の妨げになる点、可読性の低さ、HTMLの優先順位の誤解、DevToolsでの作業のしにくさなどを挙げる。一方で、モダンCSSの進化(カスケードレイヤー、ネイティブネスト、カスタムプロパティ、:has()、コンテナクエリなど)を指摘し、Tailwindがそれらの上に構築されていることを踏まえ、文脈に応じた選択の重要性を説く。
Tailwindは、将来にコストを支払うツールであり、また近年では数年前よりもはるかに高性能なネイティブCSSと競合しています。