ユーティリティの長さと付き合う

Tailwind CSS は、決められたクラスを組み合わせて見た目を作る道具です。便利な一方で、クラスが長くなりやすいため、繰り返す部分はコンポーネントにまとめるなどの工夫が必要です。

フレームワークの更新では、設定の既定値が変わることがあります。見た目が急に崩れたときは、生成される CSS の差分を確認すると原因を追いやすくなります。

押さえたい点

1. 01繰り返す見た目をまとめる
2. 02設定の差分を確認する
3. 03生成 CSS の変化を見る