Bootstrap 4入門 #01:コンテナとスペーシング

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ม.ค. 2025

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

  • @kentahioki323
    @kentahioki323 4 ปีที่แล้ว +8

    00:06 ~ Bootstrapとは
    01:18 ~ 準備
    03:04 ~ 解説1 リセットcss
    04:04 ~ 解説2 container、レスポンシブ1
    05:50 ~ 解説3 -スペーシング(余白)の記述方法
    08:05 ~ 解説3 -記述の解説

    • @tomosta
      @tomosta  4 ปีที่แล้ว

      目次ありがとうございます!

  • @mr.ms.9239
    @mr.ms.9239 4 ปีที่แล้ว +10

    いつも学習で困ったことがあって、ググっても分からない時はTH-cam!と検索するとたにぐちさんが動画を出してくれている。
    感謝です。

    • @新里茜-q9c
      @新里茜-q9c 4 ปีที่แล้ว

      私も助けられましたたにぐちさんありがとうございます!BootStrapとググってテックキャンプとか侍ブログの初心者向けBootStrapの解説みてもあまり分からなかったのですがたにぐちさんのyoutubeみて助けられました!ありがとうございます!

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

    JSとかSassもひと通り学んでから改めて聴いても勉強になります
    これが無料だなんて、感謝しかないです
    もっと勉強して、いつかたにぐちさんとご一緒にお仕事させていただけるくらいになります
    本当にありがとうございます!

  • @hinoeumagg
    @hinoeumagg 5 ปีที่แล้ว +7

    53歳ですが、とてもわかりやすいです!ありがとうございます!

    • @tomosta
      @tomosta  5 ปีที่แล้ว +1

      こちらこそ、ご覧いただいてありがとうございます!

  • @キャミ男
    @キャミ男 2 ปีที่แล้ว

    bootstrapほんとにわけわからなかったのですが
    とってもわかりやすい解説でちょっぴり前に進めた気がします!

    • @tomosta
      @tomosta  2 ปีที่แล้ว

      ありがとうございます!

  • @あだち-i6b
    @あだち-i6b 3 ปีที่แล้ว

    いつも丁寧なご説明ありがとうございます。

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

      こちらこそ、ありがとうございます!

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

    とてもわかりやすかったです。ありがとうございます。
    次回以降も復習用として勉強させて頂きます!

    • @tomosta
      @tomosta  5 ปีที่แล้ว

      ぜひぜひ!

  • @荻山瞬
    @荻山瞬 4 ปีที่แล้ว

    初めまして
    HTML学習初めて三週間の自分でも理解することができました。
    本当にこんな有益な情報出していただきありがとうございました!!
    チャンネル登録・通知オン させていただきます。

    • @tomosta
      @tomosta  4 ปีที่แล้ว

      おーー、ありがとうございます!!

  • @2214124
    @2214124 4 ปีที่แล้ว +2

    自動でレスポンシブ‥‥?
    これはやるしかない!
    分かりやすい動画ありがとうございます✨

  • @umbreon9398
    @umbreon9398 5 ปีที่แล้ว +2

    独学で苦しんでいる中この動画を見つけました。本当に参考になります!
    チャンネル登録させていただきます🙏

    • @tomosta
      @tomosta  4 ปีที่แล้ว

      ご返信遅くなりました。メンバー登録もまことにありがとうございます! 引き続きがんばって行きますー

  • @クロシン-d6g
    @クロシン-d6g 4 ปีที่แล้ว +2

    プログラミング初学者です
    bootstrapの勉強中です、解りやすい解説大変助かります

  • @Stella-lr6cv
    @Stella-lr6cv 5 ปีที่แล้ว +7

    英語のしかなくて見る気なくなってたから嬉しい…!!!

    • @tomosta
      @tomosta  5 ปีที่แล้ว

      英語ので理解できるのベストですよねー。日本語コンテンツの発信がんばります!

    • @maq8494
      @maq8494 5 ปีที่แล้ว

      これを機に英語も覚えちゃえ!って出来たらベストですが、そんな事なかなか難しいので、これからも日本語発信宜しくお願いします^_^

    • @いしゃっぴー
      @いしゃっぴー 4 ปีที่แล้ว

      勉強時間に期間を設けてるとどうしても英語を〜てやってると全然進まないです(--;)

  • @tonahi
    @tonahi 5 ปีที่แล้ว +1

    今この動画は本当にありがたい...

    • @tomosta
      @tomosta  5 ปีที่แล้ว +2

      お役に立てているならなによりです!

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

    DreamweaberとBootstrapの使い方の動画を作って欲しいです。

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

      Dreamweaverはもう使わなくなってしまいましたねー、、リクエストありがとうございます!

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

      @@tomosta そうなのですね。 ありがとうございます!

  • @亜人-z4m
    @亜人-z4m 5 ปีที่แล้ว +2

    bootstrapが便利だっていうのは知ってたんですけどそんな便利なものだとは知りませんでした!
    まことさんの動画で是非勉強させていただきます!
    動画楽しみにしています!

    • @tomosta
      @tomosta  5 ปีที่แล้ว

      ぜひぜひ、Bootstrapの便利さはまだまだあるので、これから紹介していきますね。

  • @さくら-n8y8y
    @さくら-n8y8y 5 ปีที่แล้ว

    bootstrap3.3.7をずっと利用してましたが、mtやpの存在を初めて知りました!4への移行と一緒に勉強させて頂きます!

    • @tomosta
      @tomosta  5 ปีที่แล้ว

      おぉ、mtとかって4からでしたっけ。これらが非常に便利なので、ぜひ乗り換えてくださいー

  • @高橋一帆-l4j
    @高橋一帆-l4j 5 ปีที่แล้ว

    全部見ました!ありがとうございます。
    とてもわかりやすい解説でした。是非JS版も出して欲しいです

    • @tomosta
      @tomosta  5 ปีที่แล้ว

      よかったです!

  • @ラピスラズリ-u4d
    @ラピスラズリ-u4d 5 ปีที่แล้ว +1

    react-bootstrapやbootstrap-vueもあるんですね!

  • @taiseishirai181
    @taiseishirai181 4 ปีที่แล้ว

    Emetの機能知りませんでした!!目から鱗!😭

    • @tomosta
      @tomosta  4 ปีที่แล้ว

      良かったです!

  • @junyama9772
    @junyama9772 4 ปีที่แล้ว +1

    ドットインストールでお金払うよりもこっちの方がいい。新しいし

    • @tomosta
      @tomosta  4 ปีที่แล้ว +1

      広告主様のおかげなので、是非広告もご覧頂ければ!(笑

  • @ほた-s9u
    @ほた-s9u 4 ปีที่แล้ว +1

    とても参考になりました!
    1つ質問なのですが、ダウンロードして使用するのとCDNから使用するのとではどのような違いがあるのでしょうか?

    • @tomosta
      @tomosta  4 ปีที่แล้ว +2

      CDNを使っていただいた方が、見る方の負担が少なくなります。すでに他の方が同じ Bootstrapを使ったサイトを見ている場合は、同じ場所から Bootstrapを利用しますので。みんながコピーして使ってしまうと、見る方にもそのコピーが全部ダウンロードされてしまうことになります。ご確認くださいませ。

  • @yumahamamoto
    @yumahamamoto 4 ปีที่แล้ว

    独学で進めています。たにぐちさんの解説のペース、初心者でも見やすく、追いかけやすく、分かりやすいです。
    ありがとうございます^_^

    • @tomosta
      @tomosta  4 ปีที่แล้ว +1

      ありがとうございます!

  • @通りすがりのゲームクリエイター
    @通りすがりのゲームクリエイター 4 ปีที่แล้ว

    1:51 どうやツアやるのですか?
    Windowsでできるのですか?

    • @tomosta
      @tomosta  4 ปีที่แล้ว

      「ツアやる」の意味が理解できていないですが、HTMLが展開される Emmetのことでしょうか?
      こちらは、拡張子を「.html」にしてファイルを保存した後、ファイルの先頭に「!」と半角空白を打ち込んで Tabキーを押して頂くと展開されます。拡張子が「.html」でないと正しく動かないのでご注意くださいませ。

  • @小林優作-e5n
    @小林優作-e5n 5 ปีที่แล้ว +3

    コーディングを勉強中の学生です。非常にわかりやすい動画ありがとうございます。一つ質問なのですが、bootstrapを使える様になると普通のcssを直接書くことはもう不要なんでしょうか?cssにしか出来ないことがあるなら教えていただきたいです

    • @tomosta
      @tomosta  5 ปีที่แล้ว +1

      中学生すごい! がんばってください!
      Bootstrapに出来ないことはいっぱいあります、、!
      合うサイトのデザイン、合わないサイトのデザインがあるので、なんでもかんでも使うというのではなく、そのデザインにはどのフレームワークを使うべきか、またはフレームワークを使わないべきかを考えていく感じになりますねー!
      とはいえ、最初は分からないと思うので、ひとまずどんなものにも使ってみて、「あれ、なんかむしろ不便になっている」と思ったら、使うのをやめてみると良いですよ!

    • @小林優作-e5n
      @小林優作-e5n 5 ปีที่แล้ว +1

      @@tomosta
      素早く、そして丁寧な返信ありがとうございます。ただ、勉強中の学生であって、中学生ではないので訂正させて頂きます笑
      なるほど、確かにおっしゃる通りデザイン云々の理解ができていないので、とりあえずは拝見させてもらった動画の通りに使用してみます!

    • @tomosta
      @tomosta  5 ปีที่แล้ว +2

      本当でした!笑 よろしくお願いしますー!

  • @user-jt8ih1ss6f
    @user-jt8ih1ss6f 4 ปีที่แล้ว

    ありがとう

    • @tomosta
      @tomosta  4 ปีที่แล้ว

      こちらこそありがとうございます!

  • @crazy-kouzu
    @crazy-kouzu 5 ปีที่แล้ว +2

    助かりますわぁー。

    • @tomosta
      @tomosta  5 ปีที่แล้ว

      良かったです! 引き続きアップしていきますねー

  • @allsodo616
    @allsodo616 4 ปีที่แล้ว

    わかりやすい説明ありがとうございます!喋る時に「くちゃくちゃ」言ってるのが気になりますが。。。泣

    • @tomosta
      @tomosta  4 ปีที่แล้ว +1

      まだこの頃、コンデンサーマイクの扱いに慣れずに、音を拾いすぎてしまっているんですよね。その後も進化を続けているので、是非またご覧頂けると幸いです!

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

      @@tomosta ほんとに参考にさせてるいただいです!ありがとうございます!!!!😭頑張ってください!!応援してます!