インラインスタイルと Tailwind CSS と Tailwind CSS 入力補助ライブラリと Tailwind CSS in JS この記事では Tailwind CSS 自体の紹介はしません。公式ページを参照してください。 https://tailwindcss.com/ Tailwind CSS とインラインスタイル Tailwind CSS 関連の記事を目にする機会が増えました。私もプロダクトに導入してしばらく使っていますが、 CSS in JS だと 10 行だったスタイルが 1 行にまとまり、コードの見通しが非常に良くなりました。多くの方には受け入れられている印象ですが、中には「なにそれインラインスタイルと同じじゃんダメじゃん」みたいな反応も見られます。まずはこれに反論しておきたいです。 インラインスタイルの問題点 そもそもインラインスタイルにはどんな問題があるでしょう?
![インラインスタイルと Tailwind CSS と Tailwind CSS 入力補助ライブラリと Tailwind CSS in JS | Kabuku Developers Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/ecedc5068988751b23fe9ddd546051f4d1aeb5e8/height=288;version=1;width=512/https%3A%2F%2Fwww.kabuku.co.jp%2Fwp%2Fwp-content%2Fuploads%2F2021%2F03%2Ftailwindcss-classnames.png)