2525nicole
commented
4 months ago それぞれの特徴や違いを調査するところから
参考
- TailwindCSSを今更勉強しつつ、いつものBootstrapと比べてみる #CSS - Qiita
- Tailwind CSS で最初に思う疑問、Bootstrap との違いとは？ ++ Gaji-Laboブログ
- BootstrapとTailwind CSS：Web開発のための2つの人気フレームワーク｜techman2021｜coconalaブログ
上記ほか記事を複数読んでみた感じ、
- Bootstrap
- コンポーネントやプリセットスタイルが豊富
- あらかじめ準備されているスタイルを使用することで初心者でも簡単に使える
- 簡潔に記述することができる
- TailwindCSS
- 自由度が高く細かいスタイルの調整やカスタマイズに向いている
- 軽量でパフォーマンスが高い
- CSSファイルではなくHTMLファイルに記載するため、ファイルを行ったり来たりしなくてよい
TailwindCSSの特徴であるユーティリテファーストについても調べてみた✏️
ユーティリティファーストとは 「ユーティリティファースト」とは、Tailwind CSSの設計思想を表す言葉です。スタイリングをする際に、わざわざ新しいCSSクラスを作るよりも、既存のユーティリティクラスを組み合わせて使うことを第一優先で考える、という発想です。
候補は以下