標準CSSは美しくなった、もはやTailwindは不要

最近、標準のCSSがかなり進化していることに気づきました。 他のエンジニアと会話しても知らない人が多そうなのでシェアしておきます。 数年ほど前からCSSは標準でネスト構文をかけるようになりました。これはとてつもない進化です。 多くのプロジェクトでは、sassやscssなどを導入して、CSSを拡張したり、あるいはBootstrapのようなクラスで定義するタイプのCSSフレームワークを使用したりしていました。 Bootstrapには大きな問題がありました。それはBootstrapが用意したデザインっぽくなってしまうことです。 他人にページを見せた時に、「ああ、Bootstrapで作ったんだな」と一瞬で見抜かれてしまう。それが問題です。 そこで出てきたのがTailwind CSSという選択肢でした。 Tailwind CSSはユーティリティファーストとして、自分でクラス名を考えることなく 1から

[logic]

css classの代わりにbuttonコンポーネントを作って使い回すのがtailwind。根本的な理解が抜けてる

[takafumiat]

tailwindcssが良いのは、Reactのコンポーネントと相性が良いこと。生CSSだと好きに書けすぎちゃうのが良くないね。

[himanahitodesukun]

不要論、AIが書くので設計を気にしなくなったじゃないかな。もともとCSSのコンテンツとスタイリングの分離は美しい概念だったよ。機能しなかったけど。

[ika2434]

他のブコメでも指摘されてるけどtailwind使うならコンポーネント化しないとメリット享受出来ないよ。どうしてもHTMLベタで実装したいならUtility Classをまとめて独自Classにできる @apply使うといいと思います。

[roshi]

スコープやレイヤー構文のおかげでBEMのような命名規則を導入しなくてよくなったのもいい。VueやSvelteのように1ファイル内で書ければなー。

[prograti]

Tailwindコンポーネント vs セマンティックCSS という以前からあった議論ですよね。自分は名前を付ける必要のないものに名前を付ける手間を省いてくれるのでTailwindが好きですね。

[ichi404]

コンポーネント設計に触れずに「何故こんなものが流行って…？」みたいに首をひねりつつもせっせとhtmlにtailwindcssを手打ちしてた人結構いるのかなあ

[uehaj]

Tailwindはデザインシステムしばりをつくるためのもの／UIライブラリと組み合わせればコンポーネントのベースにできるけど、それは発展でコアの思想はそこではない。／CSSの手書き自体永遠にしないと思ってる。

[ejointjp]

うーん、Sass不要とかならわかるが、Tailwindの本質は「スタイルをHTMLの近くに置く」なんよ。htmlとcssを分離するならTWが要らないのは当然。そもそもの思想を理解することが重要。

[k-holy]

煽りタイトルのせいで（？）不評みたいだけど、HTML4.01+CSS2の頃から、HTMLをコンテンツの構造化のみに用いることを目指していたのだから、こういうアプローチは正常進化でしょう。何より、軽量化は常に正義なのです。

[alph29]

まぁそうなんだけど、作業してると微妙に命名しにくい要素とかもあったりしてその辺り考えずに進められるTailwindは楽なんだよな

[Lhankor_Mhy]

@scopeを使えばコンポーネント単位スコープのCSSが書けるので、バニラCSSでも行ける感じ。ドーナツスコープも書ける。

[KoshianX]

なるほど、いまは標準でも十分になってきたのか

[tk_musik]

コンテキストレスな実装をするのにコンテキストフルな情報取得が必要なの、なんかもう嫌やな。

[kshtn]

アホの考え休むに似たり派なんで、Bootstrap で作ったように見えるのは良いことだと思ってる

[taguch1]

それならちゃんと勉強しようかなと思ったけどみんなAIでいいっていうので。まぁAIのレビューするのが仕事になるだろうからちゃんと見れるくらいには覚えとくかw

[Nobkz]

CSSで充分なのは同意だが、いろいろ間違ってる、

[bouzuya]

タイトルについて。 CSS が良くなっているのは同意。ただ、そも CSS と tailwind は方針が違いすぎるので、 CSS がいくら進んでも、（別要因はともかく）それによって tailwind が不要になることはないだろうな、という認識。

[sionsou]

CSS系のライブラリって基本は縛りのためでは…不規則で好き勝手な名前とかclassが乱雑するのでフレームワークに準拠するのが楽という考え方はある。まぁフロント界隈弱いから違うこといってるかもだが。

[snowcrush]

コンポーネント指向のテンプレートエンジンを使っている人とそうでない人（とくに静的なHTMLを書く人）でCSS周りの技術に求めるものにかなりの断絶があるように思っている。前提が全く違うんだよなー

[yasu-log]

タイトルには賛同。CSSネスト記法は序の口で、@starting-style / allow-discrete / sibling-index()のような便利なCSSを書けるのに、TailwindCSSだと逆に書きづらくて大変。

[hatest]

@apply使って独自Class作るのと標準CSSで独自Class作るの同じだし、Vueなどでコンポーネント使いまわすと長ったらしいClassの記載を隠ぺいできるってのも標準CSSでも同じだと思うんだよね。チームが使い慣れてる方を選ぶだけ

[spark64]

ネストできるようになったのはわりと最近なのね。アイデア自体は昔からあったのに。https://caniuse.com/css-nesting

[Tack2Me]

html汚すからtailwind好きじゃないんよな

[sigwyg]

例に挙げたCSSの進化はどっちかというとSassの機能を代替するもので、他の人も言ってるけど、Tailwindを置き換えるにはHTML/CSSでコンポーネント開発ができなくてはならない。Web Component？アッハイ

[daira4000]

cssをコントロールする事自体が大変なので予め定義されてる物から選ぶだけのTailwindは楽なんだよね

[circled]

最近はShadcnの登場によってTailwindを「部品設計に使う体験」がかなり良くなったので、今更感

[RATCHO]

Tailwind はハシゴじゃなくてツールのイメージ。ハシゴがないと届かない所は今のご時世ないけど、ツール使って楽したいじゃん

[fikah]

自分で書くなら標準CSSの方が綺麗で好き。TailwindはCSS書くのが苦手だったり好きじゃない人が使うツールだと思ってる。でも、もはや全部AIが書くのでどうでもいい。そんな細かいことを気にする時代は終わったのよ

[toaruR]

Tailwindより前からだけど、そもそもマージンやパディングにクラス名を当てるのが許せない＼(^o^)／

[Shinwiki]

同感なんだけど、ネストの起点をどこにするかちゃんと考えないと、気付いたらものすごい深くなるw

[bml]

最近票やカードリンクをAIに投げたらHTMLだしてくれる時代。美しくはないだろうけどぐちゃぐちゃのも無駄を削除ぐらいも対応できそう。

[strawberryhunter]

話題を提供するために馬鹿を装うAIだろうか。

[manaten]

AIにコンポーネント書かせるから構造とスタイルが近いほうがレビューは早い。また、コードとスタイルで分けるか、コンポーネントで分けるかというのは抽象化の切り口の話になるけど、後者のがスケールはさせやすい

[inazuma2073]

流れがまんま自分と同じで共感しかない。