Tailwind CSS 社内勉強会【まとめ】 - RAKUS Developers Blog | ラクス エンジニアブログ

背景 スコープ Tailwind CSSとは？ コンポーネント指向とは？ Tailwind CSSのメリット class名を考える必要がない デザインシステムの最低保証 ドキュメント、チートシートの豊富さ Tailwind CSSのデメリット classに多くのコードを書く必要があり、可読性が落ちやすい CSSの理解度がある程度必要 デザインを100%再現したい場合に強味を生かしづらい 他ライブラリやフレームワークとの比較 Bootstrapとの比較 Material UI/Vuetify等のUIライブラリとの比較 インライン記述との比較 まとめ 所感 参考 背景 こんにちは。mtaaaです。 社内のフロントエンド勉強会でTailwind CSSについて発表を行ったまとめとして、ブログに残したいと思います。 スコープ Tailwind CSSとは？ なぜTailwind CSSに注目が集ま

[bascinet]

ガイドライン通りに作らないデザイナーがいると途端に地獄になるから摺り合わせは大事。出来ないなら使わないほうがマシ

[Rishatang]

TailwindCSSは比較するのであればCSS Modulesやstyled-componentsといった類の物と比較するべきだと思うけど… / TailwindCSS周りの話見るたび、UIに強いフロントエンドエンジニアは希少なんだなということを感じる

[strawberryhunter]

CSSってもともとこういう書き方は外道とされてきたと思うんだが、どうしてこうなった。

[webstriver]

エンジニアさんと協業するのにとても助かるコレ。ただデフォルトのままだとそこそこ大きい

[chiba1008]

クラスにごちゃごちゃ書きまくるの気色悪すぎて無理

[mayumayu_nimolove]

便利だよね。人によってはレイアウト関連だけ使うとか選択してやれるからね。使い方はユーザー次第でとにかく早くちゃっちゃとできる。

[nilab]

Tailwind CSS 社内勉強会【まとめ】 - RAKUS Developers Blog | ラクス エンジニアブログ

[yug1224]

Tailwind好き嫌いもあると思うけど適材適所だと思うよ