Tailwind CSSの評価

Tailwind CSSはユーティリティ優先の CSS フレームワーク。HTMLのマークアップ内で直接構成して任意のデザインを構築できるやつ。
3

tailwindとは

負債?

mizchi @mizchi

tailwind 絶対数年後に激ヤバ負債になってるという確信がある

2023-05-23 19:04:27
mizchi @mizchi

tailwindが負債になりそうな気持ち、自分のそれは主にツールチェインをメンテナンスする側の視点で、tailwindを使う人の気持ちを汲んではないんだけど、とはいえ結構確度が高い直感がある。あんな運用するのに前提多い技術が次のパラダイムチェンジに生き残れるわけない。

2023-05-23 20:39:50

メリット

takecchi @CureDotTyphoon

Tailwind CSSめっちゃ薦める記事見るけど、CSS in JS使った方がCSSが見やすい。 行数を減らすのも大事だけど、可読性悪くなるくらいならCSS in JS使えば良いと思うんだよな。 また、キャッチアップの手間や置き換える工数考えると仕事であまり採用する気になれないというのが現状

2023-05-25 10:07:00
𝕂𝕚𝕥𝕖 / KITERETZ inc. @ixkaito

「Tailwind CSS が負債になる」に同意してるのって、ほとんどが Tailwind CSS をあまり使っていない方という印象。Tailwind CSS によるリターンをまだ体験できていなんだろうな。 そもそも「負債」というのがあまりピンとこない。リターンに対するコストとか犠牲ならまだわかる。

2023-05-25 15:47:26
あこ|コーダー @akanekoiii

Tailwind 燃えてるんか。わたしは好きだけどな。。 class長くてHTML見通し悪いの気になるなら @ apply で書けばいいし、細かい調整はconfigで色々できるからなぁ。 ただ、確かにclass名は覚えにくい。 rounded や leading は忘れがちだし、invisible と間違えて hidden 書いたりしちゃうもん😂

2023-05-25 17:16:24
𝕂𝕚𝕥𝕖 / KITERETZ inc. @ixkaito

成果を出すための頻繁に出る変更、フォローのためにほかのメンバーが書いた CSS を修正、Tailwind なかったら考えられない。 もちろん僕は素の CSS や Sass もバリバリ書いてきましたし、変態的 CSS トリックでバズったこともあって、表現系の CSS も Tailwind を使ってます。

2023-05-25 20:04:57

反応(否定的)

こびと @kobitoCode

おおおおんわかる tailwindを使っているプロジェクトにtailwindの作法で参加できるようにはなってきたものの、わかる。utilityファーストじゃなくてutilityオンリーだから縛りプレイみたいに感じる+ tailwind語の再記憶がマジで馴染まない。border-radiusはroundedとか、略語に法則性がないとか、とか twitter.com/_saltedlemon/s…

2023-05-25 00:53:47
SaltyLem @_saltedlemon

tailwindがしんどすぎるのでお気持ち表明しました zenn.dev/saltedlemon/ar… #tailwind

2023-05-24 08:33:40
Takao Sone@個人開発 @1_2345678_9

React系のフロントエンド開発してるけど、個人的な開発にTailwind使わない理由は、 ・タグが見にくくなる ・Tailwindのクラス名覚えるのヤダ 案件で使用経験あるから少し使えるけど、なぜクラス名覚えなきゃいけないのと思う とは言いつつ、1年後には「Tailwind最高!」になってるかもしれない...

2023-05-25 20:06:46
Kazuma @kazuma_nuxx

Tailwind CSSがTwitterで話題ですね。 嫌いじゃないですがbefore(after) / hover / animation がほぼ同じ箇所に重なるパターンって制作時によくありますが、一気にclassが肥大化して可読性が落ちていくのが嫌...そこにbackground-imageも含まれてくると全部scssで書かせてくれ...となる。

2023-05-25 20:44:00
やまう @yamasan_hamesan

Tailwind、ショートハンドのネーミングセンスが合わない。カーソル移動がしんどい。それ以外は良いよな。それはともかくChakra UIが好き。ゼロランタイム化待ってるぜ!🙏

2023-05-25 20:46:05
はなだ☆のぶかず@動画編集始めました @nobkz

Tailwindで、クラスが長くなるというデメリットを批判すると、必ず、applyがあるよ!という意見を見るんだが、それマッチポンプじゃんって気分。

2023-05-25 21:09:41
はなだ☆のぶかず@動画編集始めました @nobkz

Tailwindを使うぐらいなら、インラインスタイルを簡便に書く記法をつくったほうが良いような気がする。

2023-05-25 21:11:48
もやみん @moyaminC

tailwindが負債になりそうは本当に同意で、では殿様この屏風から負債にならなさそうな代替cssライブラリを出してみてくださいという気持ち

2023-05-24 00:01:59
hayapo @_hayapo

完全同意だな、というか、 tailwindに関係なく採用すべきでないのに採用してしまった技術はおしなべて負債になるだろうなとは思う twitter.com/uhyo_/status/1…

2023-05-25 22:29:12
🈚️うひょ🤪✒📘 TypeScript本発売🫐 @uhyo_

目的に合っていない技術を使い続けるとそりゃ負債になるので、Tailwind非使用者というよりは、Tailwindを採用すべきでないのに採用しちゃったケースにおいて負債化が多発するだろうなとは思っている(?) twitter.com/ixkaito/status…

2023-05-25 19:21:21
森永 グリコ @gogonosmarty

Tailwind CSS が CSS にとって変わるなどと間抜けなツイートが悪目立ちしていますが間違っています。なぜならCSSはデザインの標準語とするとTailwind CSS は過疎地域の方言みたいなものです。たかが方言が標準語にとってかわることはありえません。10年後、Tailwind CSS生き残れるか? #tailwind

2023-05-26 07:26:32
ヒポポ多摩川 @HipopoTamagawa

Tailwind CSS で検索すると「利用者爆増中」とか記事出てくるのウケるw 正しく扱ってこんなソースなら未来の炎上案件も爆増中だわ

2023-05-26 08:10:56

反応(肯定的)

🦄けい©︎:プログラマーアイドル🦄 @k1_c_

デザインシステムがあればTailwindをつかう意義があるというよりは、デザインシステムを意識できる程度の能力があればTailwindを使う意義があるとおもうな

2023-05-25 20:58:48
🦄けい©︎:プログラマーアイドル🦄 @k1_c_

Tailwindは独自のデザインシステムを表現するためのものというよりは、Tailwindからextendすることで、デザインシステムをつくるということのハードルをすごくさげてくれるものとおもう

2023-05-25 21:05:36
TSURU🦄 @t_tsuru

あと、最大のメリットはgrid使いやすいところじゃないかな。 よくある複雑なフォームとか、Tailwindのgrid使うとクソ楽だよ。 親クラスに grid grid-cols-8 gap-2 とかするだけでフォーム綺麗に並べられる。… twitter.com/i/web/status/1…

2023-05-25 16:59:18