Tailwind CSS のメリット

Tailwind CSS のメリットとかの話が SNS に上がっていた。

個人的に CSS はチーム内で統一されているのであれば何でもいいと思っている。

その上で Tailwind CSS を使用したときとそうじゃないときにメリットとか自分なりのを書いてみようと思う。

Tailwind CSS を使用したときのメリット

Utility className は、 Web 制作会社にいたときに使用したことがある。

海外の外注にお願いしたときに、こちらでテンプレートを用意していた。

そのテンプレートには、Utility className が用意されていた。

その className とデザインがあれば簡単なデザインであれば再現されていた。

チーム内で認識が統一されやすいので、あまり CSS を知らないチームでも問題なく制作できるのはいいと思った。

Tailwind CSS を使用しないときのメリット

Tailwind CSS を使用すると、 className が固定値なので、Chrome devtools で見ると、どの className がどのデザインになっているのかわかりにくい。

使用しない場合は、 className はユニークになるので、どの className がどのデザインになっているのかわかりやすい。

エディタ内での検索もしやすい。