【Tailwind CSS #2】Bootstrapとの違いを解説

[@shimabu_it]

Tailwind CSSとBootstrapとの比較動画です。前回の動画のコメントでたくさん要望をいただいたので急遽撮影しました！ ただ最近はBootstrapに触れていなくて経験値は低いので、間違いなどありましたらご指摘いただけますと助かります！🙏

[@masahiko3736]

インテリアの例えめっちゃ分かりやすかったです！

[@eeeg]

まじわかりやすい！

[@pitang1965]

インテリアの例えがすごくわかりやすかったです！

[@shimabu_it]

例えを考えるのに少し時間かけました！🤣

[@れん-n8i]

いつも動画見てます！ Tailwindcss使用して、ウェブアプリ作成しているので、非常に助かります！ 続編楽しみにしてます！！ これからも頑張ってください！

[@taskfiba1309]

ありがとうございます。ためになります

[@riorio5535]

お疲れ様です。動画アップありがとうございます！勉強させていただきます！

[@shimabu_it]

ありがとうございます〜！ぜひぜひ学んでいってください📝✨

[@yuta8249]

jsの編集しやすさが圧倒的にtailwindのほうがいいですね。 結局は simple is best. 現代の組み込み型の開発には合っているから、tailwindが人気なんでしょうね。

[@yuki_jp7523]

会社でもtailewindCSS使い始めました！ コンポーネント化することで可読性も維持できますし、html部分だけで大体のUI/UXが作れてすごく便利です♪

[@shimabu_it]

Tailwind CSSは慣れたらもう戻れませんね😊 ぜひ動画で細かい部分も学んでいってください👍👍

[@katoppy]

Tailwind cssのダウンロードして、実際vscodeなど使うやり方が知りたいです。

[@shimabu_it]

次回以降で取り扱います😊

[@mk-rf9mf]

ミニマムな構成で基本的には外部のモジュールを読み込んで構築していく感じがReactと似てるなぁって思いました。そういう意味でもTailwindとReactは相性がいいんですかねー？🤔

[@shimabu_it]

Reactと相性良くて私も多用していますよ。ただReactに限らず基本どんなフレームワークとも合いますね！😂

[@中野陽介-e6i]

こんにちは。 いつも、わかりやすい動画ありがとうございます。 直感的にCSSを当てれるのでとても 便利だと思います。 HTMLのクラスに直接CSSを当てると言う事はSCSSは使えないという事でしょうか？ mixinとかは便利だなー、と思ってたので💦

[@shimabu_it]

ありがとうございます。結論、Sassなどと一緒に使用できますが、旨味が殆ど無いです。詳しくは下記公式ドキュメントをご覧ください！ tailwindcss.com/docs/using-with-preprocessors

[@中野陽介-e6i]

@@shimabu_it お返事ありがとうございました。 当たり前ですが公式は英語ですね💦 訳しながら読んでみます💦

[@としU]

家具の話がとても良かったです！ クラス名が長くなりすぎて可読性は下がるのがデメリットかなぁと思ったのですが 生のCSSとの併用はどう評価されますか？ やはり読み込みが重くなったりするのでしょうか？

[@shimabu_it]

読み込み時にパージされるので重くなることはありません。可読性は嫌う人もいますが、私はすぐに慣れると思っています。現に私も最初は微妙に感じていましたがすぐに慣れました。あとは動画で述べているように、@applyを用いるなどの回避策もあります。

[@khiro9999]

vue.jsとreactとjQueryの例え話もして欲しいです！

[@shimabu_it]

む、難しい・・・(;_;) 例え話は難しいですが、ただ私が言えることは将来性はReactが圧倒的に高いということです！

[@yuuttana1223]

Tailwind CSSを使っていて、CSSじゃないと表現できなかった経験はありますか？

[@shimabu_it]

Tailwind CSSがv1の頃はありましたがアップデートされてv2になってから無くなりました！CSSも組み合わせて使えるのでもしあったとしても問題ないですよ！👍

[@巽亮貴]

いつも参考になる動画ありがとうございます😭 今回の動画とは関係ないのですが、ヤフーに真相入社する際の面接の際にどのような作品を作ってアピールされましたか…？？ お時間がある際に返信して頂けると幸いです(((^-^)))

[@hibinotatsuya]

Tailwind CSSのほうがいいね。

[@shimabu_it]

間違いないです！！🔥

[@okojo_MK]

関西の方だったのか…

[@nook4715]

bootstrapも同じように細かく設定してボタンの見た目を好きに変えることはできますからそこはBootstrapの方が良いかな。単純にクラスが多いってことで。 重さは確かにBootstrapの方が重いけど、あんまり気にしたことないw

[@shimabu_it]

そうなんですね、Bootstrapも進化していますねー！ 情報ありがとうございます🙏