HTMLとCSSでブログ風ウェブサイトを模写コーディングしてみよう ~レスポンシブ対応~

Поділитися
Вставка
  • Опубліковано 15 вер 2024

КОМЕНТАРІ • 24

  • @さくら桜-b7m
    @さくら桜-b7m 2 роки тому +6

    いろんなプログラマーユーチューバーの中で一番分かりやすいです!!

  • @ああ-u1l3e
    @ああ-u1l3e Рік тому +2

    概要欄にソースコードを記入していただくなど、本当にとってもわかりやすかったです。ありがとうございました!

  • @hikkymama
    @hikkymama Рік тому +1

    基本的な模写コーディング作成とわかりやすい説明をありがとうございました!HTML/CSSは10年以上前に習ったことがあるのですが、それっきりだったので、今回勉強しなおしています。シンプルだけど基本がたくさん詰まったサイトを実践しながら練習出来てとても役に立ちました!

  • @ricoco57
    @ricoco57 7 місяців тому +1

    初心者の私のレベルにちょうど良く、ほんとうにわかりやすいです。shin さんのチュートリアルたくさんあるのでやりがいがあります。😊

  • @やす-l7n
    @やす-l7n Рік тому +3

    無駄な部分がなく、必要なことをテンポ良く進めていて、私のレベルでも理解しやすく、一番求めていた動画です。
    ありがとうございます。
    チャネル登録して、今後も参考にして、勉強させていただきます。

  • @user-hx5lg8cd1m
    @user-hx5lg8cd1m Рік тому +1

    とっても分かりやすい動画をありがとうございます!初心者独学の私でもスムーズに理解することができました。
    フッターもこの後自分で作ってみることにします!

  • @Yu-jo3ik
    @Yu-jo3ik Рік тому +1

    全体の流れがよく分かる動画でした。これからも参考にさせていただきます。有意義な動画をありがとうございました。

  • @GriddlePower
    @GriddlePower Рік тому +1

    大元の要素にdisplay: flexを指定してmainのほうでflex:66.6、asideの方でflex:33.3っていう考えはありませんでした。すごく参考になります。

  • @senzurijapan
    @senzurijapan 11 місяців тому +1

    最高の動画ありがとうございます😂
    同じような動画の投稿お待ちしてます

  • @flowerhappy3297
    @flowerhappy3297 Рік тому +1

    すごくわかりやすかったです。ありがとうございました。

  • @GambareDev
    @GambareDev 2 роки тому +2

    シン先生
    こんにちは。
    動画頂き、ありがとうございます。
    シン先生の動画講座はバラバラになっています。
    Tutorial Seriesを作成したほうがいいかもしれません
    例:
    月:HTML/CSS Tutorial Series
    火:Python program Tutorial Series
    水:JavaScrip Tutorial Series
    そうすると、わかりやすいですね。
    ご検討宜しくお願い致します。

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  2 роки тому +1

      そうですね。
      動画内容・ジャンルは不規則でアップロードしています。
      確かにそういった感じで固定にできるのが理想ですが、如何せん動画のネタをそのシリーズ毎に用意するのが大変でして、、、
      個人的に出したいプログラム動画を不規則で出すというスタイルは変わらないかなと思います(そっちの方が継続できるかなと)。
      ご提案ありがとうございますm(__)m

  • @user-up2lt4sv8k
    @user-up2lt4sv8k Рік тому +1

    とても分かりやすいと思います。細かいところまで有難うございます。もしよければ、CSSでなぜ(.)をつけないのか、header nav ul li と header ul liとの違いは何なのでしょうか。どしろーとで申し訳ないのですが、時間があれば教えて頂きたいと思います。また動画、楽しみにしています。

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  Рік тому +1

      header nav ul li と header ul liとの違いは何なのかですね。
      別にnavタグはつけなくてもサイトは作れます。なぜnavタグをつけるのかというと
      「ここのセクションはナビゲーションバーですよ」とGoogle先生に教えるためですね。SEO対策になったり
      するので、明示的につけて上げると良いですね。セマンティックタグと検索すると出てくると思います。

  • @rs-qt1uz
    @rs-qt1uz 9 місяців тому

    参考になりました。
    自分で作成したホームページでブログをネットに公開したいんですけど、この動画を参考にしたものを公開しても大丈夫ですかね?
    もちろん見た目をまるパクリするわけじゃないですが、著作権的なものが気になったので

  • @FarstpickLou
    @FarstpickLou 2 роки тому +1

    自分で用意した写真を使ってみたのですが大きさもバラバラで階段状になってしまいます。
    この場合どう対処すれば良いのでしょうか

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  2 роки тому

      cssでimgの大きさを固定にすればよいと思います。
      widthやheightプロパティ等を使ってみてください。できない場合は画像サイズを統一すれば良いと思います。検索すればサービスが出てきます。

    • @FarstpickLou
      @FarstpickLou 2 роки тому

      @@programming_tutorial_youtube ありがとうございます!

  • @python3343
    @python3343 2 роки тому +2

    どうやってデモ公開しているんですか?!

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  2 роки тому

      Vercelのnowというサービスを使って簡単にデプロイしてますね。
      いつか紹介したいと思います

    • @python3343
      @python3343 2 роки тому

      @@programming_tutorial_youtube
      ありがとうございます

    • @GriddlePower
      @GriddlePower Рік тому

      netlifyもおすすめですよー@@python3343