Bootstrap + Sassでログイン画面を作ろう 【コーディングクッキング】

[@seiji7042]

非常に勉強になります。ありがとうございます。

[@nagai_net]

何回も見させて頂いています。貴重な動画ありがとうございます。

[@tomosta]

ありがとうございます！　これからも、何度も見ていただける動画を作っていきますー

[@chn1858]

VScodeやSassやBootstrapの単体の動画も大変ありがたいし、 こうして組み合わさって実践的に使われてるところを見れるのも すごく勉強になりますね！ほかのプログラミングクッキングも見てみます。 ※私はワイプぜったいあったほうがいいです。 　自分のプライベートの時間に勉強するのちょっと辛いですが 　人の顔があると、いっしょにいてくれてる感じがして辛さがだいぶ軽減されます。

[@tomosta]

クッキング動画ももっと撮影したいのですが、前準備が大変すぎてなかなか撮影できません・・がんばります・・！

[@chn1858]

@@tomosta コメントありがとうございます！ 再生リストをみたら全部で９本もあったので、充分すぎます！ ゆるゆるな理解度なぶん、だらだら何度も見るので、たくさんありすぎても、消化できません。。。

[@松下雄哉-y1w]

また実践的な動画欲しいです！

[@tomosta]

はい、作りますね！

[@週末の騎士-y5y]

こういう動画を待っていました

[@tomosta]

良かったです！　この感じで出していきますねー

[@tsuba__zutomaro]

完成例だけ示してもらってあとは自分で作る方が一番身に付く気がするので、助かります

[@tomosta]

課題っぽくするのも面白いですね！　何かの題材でやってみます。

[@tsuba__zutomaro]

@@tomosta よろしくお願いします！

[@kuura4996]

たにぐちさんのBootstrapの講座全部拝見させていただきました！ いつも有益な動画を本当にありがとうございます！ ちなみに実際に作っている中でBootstrapをheadの中で貼り付ける方法で使っているんですがcssの方でh1タグのfzを変更しても変わりません。。クラスをつけたりすれば変更はできるんですが何故なのでしょうか？containerの外ならとも思い外でも書いてみたんですが変更されませんでした..お時間ある時にでも回答いただけると幸いです^^;

[@tomosta]

ごめんなさい、fzってなんでしょう・・　セレクターの優先度が低くて上書きされないとかですかね？　Slackコミュニティとかで、ソースを貼り付けてご質問いただければ回答できるかも知れません！

[@たくや-f8z]

毎回楽しみに動画を拝見しています。 是非講義してもらいたい部分があります。 自分で作りたいものが見つかってない人向けに 受託開発の部分が知りたいです。 デザイン系の領域も入ってしまうのかもしれないですが、カンプからの書き出しや、納品のやり方、打ち合わせで確認してる内容などです。

[@tomosta]

おおぉ、仕事のワークフロー面白そうですね。ちょっと企画を考えてみます！

[@youko11102000]

とても参考になりました！ですが、実際にやってみたらPCのスペックのせいかコンパイルに時間がかかりすぎて使えないと断念・・。ただ、この方法や考え方は参考にさせていただきました！

[@tomosta]

ありゃりゃ、ぜひPCを買い替えたときなどに思い出してくださいー

[@baramon55]

いつも動画を拝見させてもらってプログラミングの勉強をしています。 ホームページに模写の仕方がよくわからないので、動画で見せていただけたら嬉しいです。

[@tomosta]

模写は皆さんチャレンジされてますよねー。ただ、元サイトの権利的な問題もあって、動画でお伝えするのはなかなか難しいのですが、なにか権利的に問題のないサイトなどで解説できないか考えてみます！

[@ねこ-b5m]

いつも参考にさせて頂いてます。リクエストなのですがvscodeのスニペットができなくて苦しんでいます。もしよろしければスニペットの仕方について解説動画上げていただきたいです。

[@tomosta]

スニペットのしかたというのは、スニペットの使い方という事でしょうか？ mseeeen.msen.jp/vscode-snippet/ このあたりは参考になりますか？　VSCodeの動画は今後も出していきますねー

[@ねこ-b5m]

たにぐち まことのともすたチャンネル 返信ありがとうございます！ 参考になります！ありがとうございます！

[@tkrbass2919]

動画通りにnodeを入れターミナルで実行したところ何故かSCSSのフォルダがでてこず撃沈、、、 ググッても初心者すぎて何がなんだかわからず断念しました、、、 もうちょっと勉強しなおします

[@tomosta]

scssフォルダーは手で作っていると思いますね？　cssフォルダーができないって事ですかね？　こちらは、ファイル→設定→拡張機能　で吐き出し先を設定する必要がありますー

[@tkrbass2919]

たにぐち まことのともすたチャンネル SCSSファイルが自動でVSCで開いているフォルダに入ると思ってたのですがnode_modulesフォルダに入っているのに気付かなくて時間がかかりました! そのあとはたにぐちさんの動画通りコンパイルして使用できています😂

[@面白い人になりたい]

いつも分かりやすい動画ありがとうございます! 質問です。これってatomでもすべて同じくできますか？例えば、コンパイルの設定のところとかです。cssに変更したところとか。

[@tomosta]

もう Atomは何年も？　使っていないので分からないです・・　VS Codeの方が良いと思いますよ！

[@面白い人になりたい]

たにぐち まことのともすたチャンネル 返信ありがとうございます！分かりました！VSコード使ってみます！！

[@yh589]

おすすめの設定などあれば知りたいです！

[@tomosta]

こちらは何の設定でしょう？　リクエスト頂ければ、できるだけお応えします！

[@yh589]

​@@tomosta Bootstrap自体の設定です！動画内ですとフォントサイズやメインカラーの変更を行っていましたが、モダンになるポイントや谷口さんがよく使っている変更点があれば知りたいなと思いました。

[@mizuhokimura6070]

Live sass compiler について質問があります。わたしもたにぐちさんと同じwindows を使用していて、どうしてもwatch sassがでてきません。出たとしてもにクリックするとworking on it となってそれ以降はクリックを押せなくなってしまいます。どうしたらlive sass complier を使えるようになるのでしょうか。

[@tomosta]

VSCodeを再起動したりしてもダメですか？　その様子の画面ショットを等を頂けると、なにか分かるかも知れません。Slackでコミュニティやっていますので、もしよろしければ是非どうぞ！ join.slack.com/t/tomosta/shared_invite/zt-86wvecc4-HRuMkRh7peTjkcttrZTBvQ

[@mizuhokimura6070]

たにぐち まことのともすたチャンネル ご返信ありがとうございます😭コミュニティに参加させて頂きます❗️☺️

[@面白い人になりたい]

質問失礼します。javascriptはどうやって反映させるのか知りたいです。

[@tomosta]

次のクッキング動画は、JSを絡めようと思っていますので、また是非ご覧頂けると！

[@面白い人になりたい]

@@tomosta 分かりました！めちゃくちゃ楽しみにしてます！！

[@heichi-hell0]

内容はとてもわかりやすくテンポもいいのですごく見やすい。 けど、個人的にはワイプの意味を感じないからいらないかな

[@tomosta]

ありがとうございます！　それが、ワイプがあるとないとだと視聴維持率に違いがあるんですよ。画面が動かないときなどに、人が話している所が映っているとつい見続けてしまうのかも知れませんねぇ。

[@hagedebuoyaji]

オイラもとか開発系でよく使われている暗い画面は好きじゃないんですよねー。 白い画面の奴使ってるけどあまりバリエーションないですなぁ。

[@naaa1760]

7:12〜7:20の間の音声が倍速になりすぎてて何と説明しているのか分からないです…

[@tomosta]

あ、ここは不要な部分なんです（ファイルがコピーされましたくらいしか言ってないです（笑 音声消しちゃえば良かったですね。失礼しました！

[@naaa1760]

返信ありがとうございます！ Sassは初めてなのですが、 それ以外にもdiv classと classの命名のemmetのやり方も分かって、 効率の良いコードの書き方も同時に学びになりました！ありがとうございます😊

[@tomosta]

@@naaa1760 良かったです！　ありがとうございます！