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

[@kentahioki323]

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

[@tomosta]

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

[@mr.ms.9239]

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

[@新里茜-q9c]

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

[@tomohiko315]

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

[@キャミ男]

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

[@tomosta]

ありがとうございます！

[@osaru丙午]

５３歳ですが、とてもわかりやすいです！ありがとうございます！

[@tomosta]

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

[@クロシン-d6g]

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

[@あだち-i6b]

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

[@tomosta]

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

[@荻山瞬]

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

[@tomosta]

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

[@waserinn8]

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

[@tomosta]

ぜひぜひ！

[@2214124]

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

[@umbreon9398]

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

[@tomosta]

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

[@tonahi]

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

[@tomosta]

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

[@亜人-z4m]

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

[@tomosta]

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

[@さくら-n8y8y]

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

[@tomosta]

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

[@starlighthouse5671]

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

[@tomosta]

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

[@starlighthouse5671]

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

[@高橋一帆-l4j]

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

[@tomosta]

よかったです！

[@Stella-lr6cv]

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

[@tomosta]

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

[@maq8494]

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

[@いしゃっぴー]

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

[@taiseishirai181]

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

[@tomosta]

良かったです！

[@junyama9772]

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

[@tomosta]

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

[@ラピスラズリ-u4d]

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

[@ほた-s9u]

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

[@tomosta]

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

[@user-jt8ih1ss6f]

ありがとう

[@tomosta]

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

[@小林優作-e5n]

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

[@tomosta]

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

[@小林優作-e5n]

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

[@tomosta]

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

[@通りすがりのゲームクリエイター]

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

[@tomosta]

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

[@crazy-kouzu]

助かりますわぁー。

[@tomosta]

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

[@yumahamamoto]

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

[@tomosta]

ありがとうございます！

[@allsodo616]

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

[@tomosta]

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

[@allsodo616]

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