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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @ねこ-b5m
    @ねこ-b5m 4 ปีที่แล้ว

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

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

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

    • @ねこ-b5m
      @ねこ-b5m 4 ปีที่แล้ว

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

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

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

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

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

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

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

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

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

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

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

  • @面白い人になりたい
    @面白い人になりたい 4 ปีที่แล้ว

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

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

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

    • @面白い人になりたい
      @面白い人になりたい 4 ปีที่แล้ว

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

  • @松下雄哉-y1w
    @松下雄哉-y1w 4 ปีที่แล้ว +1

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

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

      はい、作りますね!

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

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

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

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

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

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

  • @面白い人になりたい
    @面白い人になりたい 4 ปีที่แล้ว

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

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

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

    • @面白い人になりたい
      @面白い人になりたい 4 ปีที่แล้ว

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

  • @heichi-hell0
    @heichi-hell0 4 ปีที่แล้ว +1

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

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

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

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

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

  • @週末の騎士-y5y
    @週末の騎士-y5y 4 ปีที่แล้ว +4

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

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

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

  • @たくや-f8z
    @たくや-f8z 4 ปีที่แล้ว +4

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

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

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

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

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

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

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

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

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

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

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