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


https://i.ytimg.com/vi/t471kVreH6g/hqdefault.jpg



Bootstrapの Sassを、Visual Studio Codeの拡張機能でコンパイルしながら、ログイン画面をコーディングしていきます。Sassをカスタマイズすれば、Bootstrapは超絶便利ですよ!

チャンネル登録→https://www.youtube.com/user/tomostajp/?sub_confirmation=1
サブチャンネル→https://www.youtube.com/channel/UC_5wwJHb0-zbr6MWHsQcVqA?sub_confirmation=1
TikTok→https://tiktok.com/@tomosta
Slackコミュニティ→https://join.slack.com/t/tomosta/shared_invite/enQtNjQxOTYxNjYxNjg0LTFkMWI4YzkxMTg3YmE1ZTRlMzkxY2I2ZGFkOTRjMWJkZmYzZjA4NTYzYTJlYjY3Yzc1NjI1YjUxNzU4YTNlZmI
Twitter→https://twitter.com/seltzer

■ Udemyで各種入門講座を販売中
SQL入門 – MySQLでまなぶデータベース
https://www.udemy.com/course/sql-basic/?referralCode=726C6CD4BD0CBA6D6A9D

kintoneで学ぶ、Webデータベース管理入門
https://www.udemy.com/course/kintone_basic/?referralCode=F52DE5020480810A2D0A

Git入門: ノンプログラマーのための Git
https://www.udemy.com/course/git-beginning/?referralCode=399F85EAA147C329749D

PHP+MySQL(MariaDB) Webサーバーサイドプログラミング入門
https://www.udemy.com/course/php7basic/?referralCode=40B4412347A37B96D388

[HTML/CSS/JavaScript] フロントエンドエンジニアになりたい人の Webプログラミング入門
https://www.udemy.com/course/html-css-js/?referralCode=4B62CC6838D26E1AC5DA

■ 書籍

これからはじめる人のJavaScript/Vue.jsの教科書 [NEW!]
https://amzn.to/2KrQraK

マンガでマスタープログラミング教室 バージョンアップ編
https://amzn.to/2Ryyf3z

Original source

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

  • February 16, 2021 at 23:46
    Permalink

    質問です
    4:39 の場面で左側の選択欄(ノードモジュールズ)がありません。

    node.jsをインストールするまでは、できてると思います。npmコマンドでBootstrapをインストールしたつもりなのかもしれませんが…

  • February 16, 2021 at 23:46
    Permalink

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

  • February 16, 2021 at 23:46
    Permalink

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

  • February 16, 2021 at 23:46
    Permalink

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

  • February 16, 2021 at 23:46
    Permalink

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

  • February 16, 2021 at 23:46
    Permalink

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

  • February 16, 2021 at 23:46
    Permalink

    初めまして。いつも動画を拝見しながら、プログラミングの勉強を進めています。
    解説がとても丁寧で、オンラインサービス以上の価値があるなあと感じました。
    是非、Slackコミュニティにも参加させていただきたいです。

  • February 16, 2021 at 23:46
    Permalink

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

  • February 16, 2021 at 23:46
    Permalink

    いつも楽しく見させて頂いてます。
    udemyでもお世話になってます!
    プロの作業を見れるので大変勉強になります。今回の動画はかなりタイプでした。ありがとうごじいました!
    他にも業務のような動画見たいです!

  • February 16, 2021 at 23:46
    Permalink

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

  • February 16, 2021 at 23:46
    Permalink

    今回もとても興味深く、勉強になります。
    ぜひ、WordPressでのJavaScriptの使い方の
    レシピをお願い致します。読み込み方がいろいろあって
    使い分けがよくわかりません。(^^)

  • February 16, 2021 at 23:46
    Permalink

    毎回楽しみに動画を拝見しています。
    是非講義してもらいたい部分があります。

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

Leave a Reply