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

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024

ความคิดเห็น • 31

  • @shimabu_it
    @shimabu_it  3 ปีที่แล้ว +4

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

  • @masahiko3736
    @masahiko3736 2 ปีที่แล้ว +1

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

  • @yuta8249
    @yuta8249 2 ปีที่แล้ว +3

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

  • @れん-n8i
    @れん-n8i 3 ปีที่แล้ว +1

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

  • @pitang1965
    @pitang1965 3 ปีที่แล้ว +2

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

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

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

  • @eeeg
    @eeeg 11 หลายเดือนก่อน

    まじわかりやすい!

  • @taskfiba1309
    @taskfiba1309 3 ปีที่แล้ว +1

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

  • @riorio5535
    @riorio5535 3 ปีที่แล้ว +1

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

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

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

  • @yuki_jp7523
    @yuki_jp7523 3 ปีที่แล้ว +1

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

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

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

  • @katoppy
    @katoppy 3 ปีที่แล้ว +3

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

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +3

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

  • @中野陽介-e6i
    @中野陽介-e6i 3 ปีที่แล้ว +3

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

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

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

    • @中野陽介-e6i
      @中野陽介-e6i 3 ปีที่แล้ว +1

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

  • @mk-rf9mf
    @mk-rf9mf 3 ปีที่แล้ว +3

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

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

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

  • @khiro9999
    @khiro9999 3 ปีที่แล้ว +1

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

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +5

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

  • @としU
    @としU 3 ปีที่แล้ว +2

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

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว

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

  • @yuuttana1223
    @yuuttana1223 3 ปีที่แล้ว +2

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

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +2

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

  • @nook4715
    @nook4715 3 ปีที่แล้ว +1

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

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +2

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

  • @巽亮貴
    @巽亮貴 3 ปีที่แล้ว

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

  • @hibinotatsuya
    @hibinotatsuya 3 ปีที่แล้ว +2

    Tailwind CSSのほうがいいね。

    • @shimabu_it
      @shimabu_it  3 ปีที่แล้ว +1

      間違いないです!!🔥

  • @okojo_MK
    @okojo_MK 8 หลายเดือนก่อน

    関西の方だったのか…