爆速Web制作の独学ロードマップ
爆速Web制作の独学ロードマップ
  • 37
  • 182 900
HTMLとCSSでコーディング!ホームページを作りながら解説【Web制作】
※このページには広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。
----------------------------------------------------------------------------------
【使用ツール/サービス】
▽Brackets(エディター)
brackets.io/
▽Chrome(ブラウザ)
www.google.com/intl/ja/chrome/
▽エックスサーバー
px.a8.net/svt/ejp?a8mat=3H5CY8+A9QC2Q+CO4+609HU
----------------------------------------------------------------------------------
【コピペや素材】
bakusokuw.com/note/#mbs7
----------------------------------------------------------------------------------
【公式サイト】
bakusokuw.com/
【X(Twitter)】
bakusokuw
มุมมอง: 1 007

วีดีโอ

【HTML・CSSコーディング】ホームページのファーストビューを作りながら解説【Web制作】
มุมมอง 1.3K2 หลายเดือนก่อน
※このページには広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU 【コピペや素材】 bakusokuw.com/note/#mbs6
【ホームページ作成】HTML・CSSでかっこいいメインビジュアルを作る【Web制作コーディング】
มุมมอง 1.4K4 หลายเดือนก่อน
※このページには広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 ※メンバーシップで公開されていた動画です。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU 【コピペや素材】 bakusokuw.com/note/#mbs5
HTMLとCSSでホームページ作成しながら解説します【Web制作コーディング】
มุมมอง 7684 หลายเดือนก่อน
※このページには広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 ※メンバーシップで公開されていた動画です。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU 【コピペや素材】 bakusokuw.com/note/#mbs4
HTML・CSSでコーディングしながらホームページを作ります!【Web制作徹底解説】
มุมมอง 1.2K4 หลายเดือนก่อน
※概要欄には広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 ※メンバーシップで公開されていた動画です。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU 【コピペや素材】 bakusokuw.com/note/#mbs3
HTML・CSSでホームページ作成!コーディングしながら解説します【Web制作】
มุมมอง 1.3K4 หลายเดือนก่อน
※概要欄には広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 ※メンバーシップで公開されていた動画です。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU 【コピペや素材】 bakusokuw.com/note/#mbs2
HTML・CSSでホームページのメインビジュアルをコーディングで作成・解説します【Web制作】
มุมมอง 1.1K4 หลายเดือนก่อน
※概要欄には広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 ※メンバーシップで公開されていた動画です。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU 【コピペや素材】 bakusokuw.com/note/#mbs1
【Web制作】HTML・CSSでホームページの作り方を解説【コーディング】
มุมมอง 1.7K4 หลายเดือนก่อน
※概要欄には広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU 【コピペや素材】 bakusokuw.com/note/#wataame
HTML・CSSで作るホームページ作成!コーディング方法を実際に作りながら完全解説【Web制作】
มุมมอง 2.9K4 หลายเดือนก่อน
※このページには広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU 【コピペや素材】 bakusokuw.com/note/#castella
HTML・CSSでホームページ作成する方法を解説【Web制作コーディング】
มุมมอง 4.9K5 หลายเดือนก่อน
※このページには広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU 【コピペや素材】 bakusokuw.com/note/#career
【コーディング】HTMLとCSSで企業ホームページを作成しながら解説します【Web制作】
มุมมอง 4.2K5 หลายเดือนก่อน
✅ 動画の26分49秒あたりから編集ミスで内容が少し抜けています。 抜けている部分の動画を公開したので、26:49~は一瞬こっちを見てこの動画に戻ってください! th-cam.com/video/sVN0tk-hDq4/w-d-xo.html ※このページには広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU 【コピペや素材】 bakusokuw.c...
【無料】Web制作者が実際に使っている便利ツール10選【Webサービス】
มุมมอง 1.8K8 หลายเดือนก่อน
※このページには広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU ✅公式サイトはこちら bakusokuw.com/
【初心者入門】HTML・CSSでホームページの作り方を解説【Web制作コーディング】
มุมมอง 15K9 หลายเดือนก่อน
※このページには広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU ✅ 動画の補足やコピペなど bakusokuw.com/note/#itcom リンクの貼り忘れなどあれば、コメントで教えてください!
【初心者入門】HTML・CSSでホームページ作成する方法を解説【Webサイトコーディング】
มุมมอง 3.5K10 หลายเดือนก่อน
※このページには広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU ✅ 動画の補足やコピペなど bakusokuw.com/note/#blasting-speed リンクの貼り忘れなどあれば、コメントで教えてください!
【初心者でも簡単】シンプルで使いやすいハンバーガーメニューの作り方を丁寧に解説【HTML CSS JavaScriptコーディング】
มุมมอง 4.7Kปีที่แล้ว
※このページには広告・プロモーションが含まれており、リンクにはアフィリエイトリンクが含まれています。 【公式サイト】 bakusokuw.com/ 【X(Twitter)】 bakusokuw 【使用ツール/サービス】 ▽Brackets(エディター) brackets.io/ ▽Chrome(ブラウザ) www.google.com/intl/ja/chrome/ ▽エックスサーバー px.a8.net/svt/ejp?a8mat=3H5CY8 A9QC2Q CO4 609HU ✅ 動画の補足やコピペなど bakusokuw.com/note/#hmb
【Web制作】HTML・CSSでホームページの作り方を解説【模写コーディング】
มุมมอง 3.1Kปีที่แล้ว
【Web制作】HTML・CSSでホームページの作り方を解説【模写コーディング】
【ホームページ制作】HTML・CSSでWebサイトをコーディングしながら解説【初心者入門】
มุมมอง 3Kปีที่แล้ว
【ホームページ制作】HTML・CSSでWebサイトをコーディングしながら解説【初心者入門】
【実践】HTML・CSSでホームページを作りながら解説します【コーディングLIVE】
มุมมอง 67Kปีที่แล้ว
【実践】HTML・CSSでホームページを作りながら解説します【コーディングLIVE】
たった40分でCSSが使えるようになる動画【初心者向けWeb制作基礎入門】
มุมมอง 2.7Kปีที่แล้ว
たった40分でCSSが使えるようになる動画【初心者向けWeb制作基礎入門】
たった25分でHTMLが使えるようになる動画【初心者向けWeb制作基礎入門】
มุมมอง 2.8Kปีที่แล้ว
たった25分でHTMLが使えるようになる動画【初心者向けWeb制作基礎入門】
【完成】実践的なホームページを作っていく【下層ページ制作】
มุมมอง 4.7Kปีที่แล้ว
【完成】実践的なホームページを作っていく【下層ページ制作】
【スマホとタブレット】実践的なホームページを作っていく【レスポンシブ対応】
มุมมอง 4.2Kปีที่แล้ว
【スマホとタブレット】実践的なホームページを作っていく【レスポンシブ対応】
【実は簡単】実践的なホームページを作っていく【後編】
มุมมอง 5Kปีที่แล้ว
【実は簡単】実践的なホームページを作っていく【後編】
【初心者入門】HTML・CSSでホームページを作成する方法を実演で解説【Web制作コーディング】前編
มุมมอง 14Kปีที่แล้ว
【初心者入門】HTML・CSSでホームページを作成する方法を実演で解説【Web制作コーディング】前編
ホームページのフッターとコンテンツを作ろう【Web制作独学ロードマップ Part11】
มุมมอง 1.2Kปีที่แล้ว
ホームページのフッターとコンテンツを作ろう【Web制作独学ロードマップ Part11】
ホームページのメインビジュアルとコンテンツを作ろう【Web制作独学ロードマップ Part10】
มุมมอง 1.3Kปีที่แล้ว
ホームページのメインビジュアルとコンテンツを作ろう【Web制作独学ロードマップ Part10】
ホームページのヘッダーをCSSで装飾しよう【Web制作独学ロードマップ Part9】
มุมมอง 1.2Kปีที่แล้ว
ホームページのヘッダーをCSSで装飾しよう【Web制作独学ロードマップ Part9】
ホームページのヘッダーをCSSでレイアウトする【Web制作独学ロードマップ Part8】
มุมมอง 1.5Kปีที่แล้ว
ホームページのヘッダーをCSSでレイアウトする【Web制作独学ロードマップ Part8】
ホームページのヘッダーをHTMLで書いてみる【Web制作独学ロードマップ Part7】
มุมมอง 1.8Kปีที่แล้ว
ホームページのヘッダーをHTMLで書いてみる【Web制作独学ロードマップ Part7】
Webサイトを作るためHTMLを書いていく【Web制作独学ロードマップ Part6】
มุมมอง 2Kปีที่แล้ว
Webサイトを作るためHTMLを書いていく【Web制作独学ロードマップ Part6】

ความคิดเห็น

  • @user-dx1li9zq8y
    @user-dx1li9zq8y 12 ชั่วโมงที่ผ่านมา

    なんでどの動画もこのクソ邪魔BGM入ってんだよ…

  • @user-dx1li9zq8y
    @user-dx1li9zq8y 12 ชั่วโมงที่ผ่านมา

    声が聞き取りやすい音量にしたらBGMがクソバカデカ音量になるんだが…

  • @nupu4406
    @nupu4406 8 วันที่ผ่านมา

    いつも勉強させてもらってます。 レスポンシブ対応のときにどのセクションもflex-wrap:wrapだけが反映されないのですが、どのような原因があるかご教授いただけますでしょうか

    • @bakusokuw
      @bakusokuw 8 วันที่ผ่านมา

      いつもご視聴ありがとうございます! コードを見てないので原因の特定は難しいですが、もしコメントのコードがコピペしたものであれば「:」が全角になってるからかもです コメントに書いた時だけ全角になった可能性も高いですが!

  • @ちえちゃんねる-j9i
    @ちえちゃんねる-j9i 11 วันที่ผ่านมา

    はじめまして。HTMLの勉強中の時にこのサイトと出会いとても分かりやすく感謝しております。11個くらい模写して勉強させてまらってます。副業でクラウドワークスやランサーズに登録して案件を獲得したくて勉強しています。すみません質問なんですがこちらで公開しているホームページを練習で模写した作品を自分のポートフォリオとして使用しては、やはり駄目でしょうか?写真や文章をアレンジしたら大丈夫でしょうか?図々しい質問ごめんなさい。回答いただけたら助かります。よろしくお願いします。

    • @bakusokuw
      @bakusokuw 10 วันที่ผ่านมา

      いつもありがとうございます! 写真や文章をアレンジしたら良いですよ! そのままだと若干ふざけてる文章とかあるので会社っぽい文章や写真にした方がいいと思います!

    • @ちえちゃんねる-j9i
      @ちえちゃんねる-j9i 10 วันที่ผ่านมา

      @@bakusokuw ご回答ありがとうございます!不動産のホームページはスケールのでかい物件を扱っていて模写しながら思わず笑ってしまいました(笑)写真や文章をアレンジしてポートフォリオとして使わせてもらいます!案件が決まるようにまだまだ勉強させてもらいます!ありがとうございます( T∀T)

  • @こいけ-k9z
    @こいけ-k9z 12 วันที่ผ่านมา

    今、HTMLとCSSを勉強中なのですが、めちゃくちゃわかりやすくて助かります😂 難易度がグッと下がったような感じがして、挫折せずに勉強が続けられそうです! 他の動画も参考にさせてもらいます👍

  • @Sarah-tt9mt
    @Sarah-tt9mt 22 วันที่ผ่านมา

    いつもありがとうございます。 質問なのですが、事業内容の3種類の写真の上の文字(魔王城保守・魔王城修繕・魔王城運営)を9文字以上にすると改行されて2行になってしまうのですがなぜでしょうか。8文字までは1列で表示されます。

    • @bakusokuw
      @bakusokuw 14 วันที่ผ่านมา

      そういうものだからですかね? 横幅を調整したりすれば9文字以上でも1行でいけると思いますよ!

  • @youma1
    @youma1 23 วันที่ผ่านมา

    これでサイト作ってみました! どのチャンネルよりもわかりやすかったです。 よかったらサーバーへのアップロードの仕方とかも見てみたいです!

    • @bakusokuw
      @bakusokuw 23 วันที่ผ่านมา

      いつもありがとうございます! どれかの動画でサーバーへのアップロードもやってみてた気がしますのでよければどうぞです!

  • @youma1
    @youma1 24 วันที่ผ่านมา

    最近見た中で一番わかりやすい、、、覚えなくていいですって言葉めちゃ安心するw

  • @keitasuzuki1612
    @keitasuzuki1612 25 วันที่ผ่านมา

    こんにちは!いつも動画拝見させていただいてます! 初歩的な質問で申し訳ないのですが、navタグに対してCSSでdisplay:flexを指定するのは何故なのか教えていただきたいです😢

    • @bakusokuw
      @bakusokuw 25 วันที่ผ่านมา

      たしかalign-items: center;を使うためです! align-items: center;はdisplay:flex;がないと機能しません 別の方法で上下中央配置してもOKです

    • @keitasuzuki1612
      @keitasuzuki1612 25 วันที่ผ่านมา

      @@bakusokuw なるほど、そうだったんですね🧐 返信いただきありがとうございます! 爆速さんの動画みて精進します💻

  • @さかな-f5f
    @さかな-f5f 29 วันที่ผ่านมา

    google fontのcssルールがありません、、、

  • @tsuruda3524
    @tsuruda3524 หลายเดือนก่อน

    とてもわかり易くて勉強になりました。ありがとうございました。

  • @noriakiyamaguchi8310
    @noriakiyamaguchi8310 หลายเดือนก่อน

    表とかもお願いします。

  • @toshihama2713
    @toshihama2713 หลายเดือนก่อน

    ヘッダーをスクロールしても、動かないように固定するにはどうすればいいのでしょうか?

    • @bakusokuw
      @bakusokuw หลายเดือนก่อน

      position:fixed;でできます!

    • @toshihama2713
      @toshihama2713 หลายเดือนก่อน

      @@bakusokuw cssでheader要素に、position: fixed; width: 100%; できました!ありがとうございました。チャンネル登録して、これからも視聴して、手を動かします。どれも、魅力的な作品ですね!

  • @miiii2207
    @miiii2207 หลายเดือนก่อน

    マジでどの動画よりも1番分かりやすくてどんどん身についてて、救われてます。 これで無事に試験受けに行ってこれます!!

  • @Army-up6hw
    @Army-up6hw หลายเดือนก่อน

    完成版のwebサイトがあると、もっと分かりやすいなと思います!

  • @YS-fw4ym
    @YS-fw4ym หลายเดือนก่อน

    いつも拝見しております!おかげさまで魔王の城完成し、今回で2作目なのですが躓きました。動画止めて何度も確認しましたが自己解決できず・・おそらくですがGoogle Fontの設定が先生のと少し仕様が異なっており普通にコピペするとエラーになってしまいます。動画と同じリンクいただけませんか・・!

    • @bakusokuw
      @bakusokuw หลายเดือนก่อน

      GoogleFontsの画面が少し変わったんですよね 出し方が変わっただけで、動画と変わらず使えます 一応、概要欄にある補足ページに新しい埋め込みのコード貼っといたのでコピペして使ってみてください!

    • @YS-fw4ym
      @YS-fw4ym หลายเดือนก่อน

      @@bakusokuw 早速ありがとうございます!やってみます!!

  • @mikanzeri221
    @mikanzeri221 หลายเดือนก่อน

    BGMおっき!

  • @miiii2207
    @miiii2207 หลายเดือนก่อน

    関係ないけど声がめちゃくちゃ好きです😂笑

  • @このこの-j5r
    @このこの-j5r หลายเดือนก่อน

    待ってましたー!本当にここで、知識ゼロからマジで上達してきた! 魔王の城が、生まれて初めて作ったHTML記念✨️ 自分で何が間違って反映されないのか、もし反映されなかったら別視点で応用させたり、画像タグもそのまま反映されない時はあるスペルを削除してみたりすると反映されたりして面白い!!めっちゃ何回も確認してスペルミスないのに反映されないのは、大体〈/div〉がなかったり場所間違えてたり笑。まだ、始めて3週間だから独学で頑張る!

  • @user-df3yz3oj1z
    @user-df3yz3oj1z หลายเดือนก่อน

    自分用34:20

  • @user-df3yz3oj1z
    @user-df3yz3oj1z หลายเดือนก่อน

    自分用28:10

  • @user-df3yz3oj1z
    @user-df3yz3oj1z หลายเดือนก่อน

    自分用1:08:00

  • @yuta3704
    @yuta3704 หลายเดือนก่อน

    めちゃくちゃ為になります! 声も聞きやすいし説明とすごくわかりやすいです! ぜひ更新続けていただけたら嬉しいです!

  • @user-jo4xg9we9e
    @user-jo4xg9we9e หลายเดือนก่อน

    いつも動画ありがとうございます😊 動画とは関係のない質問ですが、ご教示いただけましたら幸いです! 制作物をWEBサイトにアップしようとサーバーとドメイン取得までは上手くいきましたが、CSSが反映されずにアップされます😢 エディタでのライブプレビューではCSSがちゃんと適用され反映されます。 Chromeでのキャッシュの消去やサーバーでのキャッシュの消去など試しましたが上手くいかず、、、 大変ざっくりで申し訳ないですが、他に考えられる原因はありますでしょうか?

    • @bakusokuw
      @bakusokuw หลายเดือนก่อน

      こちらこそありがとうございます😊 実際に見てないので当てずっぽうですが、サーバー内のフォルダの中身がパソコン上のものと違うとかも考えられます 例えば、cssフォルダの中にstyle.cssが入っておらず、直接入っているなど 【パソコン】 フォルダ名/css/style.css 【サーバー】 フォルダ名/style.css など!

    • @user-jo4xg9we9e
      @user-jo4xg9we9e หลายเดือนก่อน

      @@bakusokuw ご返信ありがとうございます! 試してみます🙇‍♂️ サーバーにアップロードする際はサーバーにstyle.cssのファイルもアップしなくてもOKですよね?

    • @bakusokuw
      @bakusokuw หลายเดือนก่อน

      全部アップします! パソコンのフォルダ内とサーバーのフォルダ内は全部同じです index.html cssフォルダ imagesフォルダ 全部サーバーにアップロードしてください!

    • @user-jo4xg9we9e
      @user-jo4xg9we9e หลายเดือนก่อน

      @@bakusokuw 試してみましたが表示されず、、、 しかしながら、デベロッパーツールで検証するとcssファイルが読み込まれていないみたいな記述があります! パスとしては何度見直しても間違ってはいないはずなんですが、、、

    • @bakusokuw
      @bakusokuw หลายเดือนก่อน

      どこかは分かりませんが、必ずどこか間違っている箇所があるはずです!

  • @DAWN-1108
    @DAWN-1108 หลายเดือนก่อน

    まじでずっと続けてほしいです!このチャンネルより分かりやすいものは無い!

  • @pancake56
    @pancake56 หลายเดือนก่อน

    どの動画も作り方一貫してるから、混乱せずに身についてきた。

  • @miiii2207
    @miiii2207 หลายเดือนก่อน

    もっと広告つけてください🥺たくさん観ます🎉

  • @user-jo4xg9we9e
    @user-jo4xg9we9e หลายเดือนก่อน

    初めまして! チャンネル登録させていただきました!! 毎度とても参考になる動画ありがとうございます! とても面白く、分からないところは分からない、調べればなんとかなる。といったような失礼ですがラフな感じがとても好きで、現役の方からそのような言葉が聞けるのは肩の荷がおります笑 模写コーディングはできるだけコードを見ない。とおっしゃる方が多いと思いますが、コードを見てでも数をこなした方がいいのでしょうか? 答えを見てるような感じでも身につくことはできるのでしょうか? とても、不安で気になります💦

    • @bakusokuw
      @bakusokuw หลายเดือนก่อน

      ありがとうございます! コードをみないで作れる段階であれば、できるだけ見なくてもいいと思います そうでなければ、数をこなしてこういうのはあの動画でやったな、あれを少し改変して使おうみたいなことができるようになるといいかなと思います! 動画を一通りやって、その後は動画を辞書的に使うイメージです とはいえ、自分に合うやり方で適当に続けてたら知らぬ間に身についてきます!

    • @user-jo4xg9we9e
      @user-jo4xg9we9e หลายเดือนก่อน

      @@bakusokuw ご返信ありがとうございます! 別教材などでも学習していますが、まだソースコードを見ないとままならないので見ながら学習続けます笑 気がつけばノールックでも書けますように笑 動画投稿の続き待ってます😁

  • @miiii2207
    @miiii2207 หลายเดือนก่อน

    爆速さんの世界観がめちゃくちゃ大好きですで、毎日5時間勉強させてもらってます!!

  • @りょう-d9o
    @りょう-d9o หลายเดือนก่อน

    最近HTML CSSの勉強を始め、助けてもらっています、、、!ありがとうございます! 動画の内容とは関係がないのですが、Instagramをフォローしようとしたところ、既にページが削除されていたのですが、Instagramの方はアカウント消してしまったのでしょうか、、、?

    • @bakusokuw
      @bakusokuw หลายเดือนก่อน

      始めてみたのですが、更新が面倒になってやめてしまいました笑

    • @りょう-d9o
      @りょう-d9o หลายเดือนก่อน

      @@bakusokuw ご返信ありがとうございます! そうだったのですね!TH-cam、インスタ、Twitter全て管理するのは大変ですよね笑 これからも動画楽しみにしてます!

  • @abutaroo
    @abutaroo หลายเดือนก่อน

    この動画を見て初めて作る者です。 header部分の文字の色がcssを主さん通りに書いても変わらないのですが原因は分かりますでしょうか?😿 main_visualの方の文字の色は変えれています

    • @bakusokuw
      @bakusokuw หลายเดือนก่อน

      おそらくですが、header部分のHTMLかCSSに何かしらの間違いがあるかもです!

  • @miiii2207
    @miiii2207 หลายเดือนก่อน

    めちゃくちゃ初心者で何度も何度も繰り返し観てます!あとクスッと笑えるところもありで、楽しく勉強させてもらってます! 本当に有難うございます!!

  • @デール-z7k
    @デール-z7k 2 หลายเดือนก่อน

    質問失礼します! 同じ環境でやっているのですが、cssの部分のheader .rowは青文字で表示されておりしっかりその後のdisplay: flex;なども反映されているのですが、header .logo以降の文頭にheaderとつく部分、以降のmain_visualの部分などが赤文字になっており、エラーは出ていないのですがプレビューにもその後の設定した部分が一切反映されません(画像なども)。 html側のところは同じように書いておりタグの間違いはないはずなのですが、考えられる要因などがあれば教えてほしいです

    • @bakusokuw
      @bakusokuw 2 หลายเดือนก่อน

      実際に見ていないので断定は難しいですが、header .row以降の部分のコードにミスがあるっぽいです どこか}波括弧が閉じ忘れていたり、haederなどのスペルミスだったり、何かしらの原因がありそうです。 一旦確実に合ってる箇所以外をコメントアウトにして、一つずつ検証とかしたら見つかるかもです!

    • @デール-z7k
      @デール-z7k หลายเดือนก่อน

      @@bakusokuw お忙しい中返信ありがとうございます! 波括弧の閉じ忘れ…確かに可能性高そうです。 もう一度1から見直してみます!

  • @このこの-j5r
    @このこの-j5r 2 หลายเดือนก่อน

    爆速さんのTH-cam、1番分かりやすい。

  • @user-vc2eg2qc8h
    @user-vc2eg2qc8h 2 หลายเดือนก่อน

    headerの部分でポジションアブソリュートやwidth100%を指定する理由が分かりません。 スマホサイズの時の影響を防ぐ為でしょうか

    • @bakusokuw
      @bakusokuw 2 หลายเดือนก่อน

      確か手前側に浮かせたかったからです! 外してみると違いがわかるかもです

  • @user-sf7bn1hf1e
    @user-sf7bn1hf1e 2 หลายเดือนก่อน

    文字の中央寄せなど、やり方が何パターンかあるところは、色々なやり方が知りたいです!

  • @pancake56
    @pancake56 2 หลายเดือนก่อน

    フレックスをクラスで作って、使い回すの、頭整理されて助かる。

  • @kozm5726
    @kozm5726 2 หลายเดือนก่อน

    完成品のURLとメディアクエリも教えて頂きたいです😂(既にどこかに貼ってあったらごめんなさい🙇‍♀️)

    • @bakusokuw
      @bakusokuw 2 หลายเดือนก่อน

      以前は完成品のソースコードも公開してたのですが、動画見て自分でコードを打って欲しくてやめちゃいました! メディアクエリは他の動画でも毎回使ってるのでぜひ見てみてください!

    • @kozm5726
      @kozm5726 2 หลายเดือนก่อน

      @@bakusokuw返信ありがとうございます。わかりました!なんとか完成させることができました。 余談ですが、今までコードの間違いを探すのに時間がかかってましたが、チャットGPTに聞いたらすぐ見つけることができました。

  • @にゃがちゃん
    @にゃがちゃん 2 หลายเดือนก่อน

    1日目 22:20

  • @user-nq2ub2yn3p
    @user-nq2ub2yn3p 2 หลายเดือนก่อน

    自分のホームページを作らないといけなくて参考にしています。 フリー素材の画像は著作権の問題上上げてはいけませんよね?自分の画像でないといけないと調べると載っています。それか有料で買うしかないのでしょうか

    • @bakusokuw
      @bakusokuw 2 หลายเดือนก่อน

      フリー素材なので使って大丈夫だと思いますよ! フリー素材のサイトによって規約など違うので、それぞれ確認してみてください 有料で購入するのも全然いいと思います!

  • @user-hf9hc9wz4n
    @user-hf9hc9wz4n 2 หลายเดือนก่อน

    初めましてとてもわかりやすく初心者の希望です。本当に何も分からず困っているのでいつも参考にさせていただいてます。ありがとうございます‼︎ そこで質問なのですがAdobeのWordPressや Dreamweaverでも同じようなことはできますでしょうか?

    • @user-hf9hc9wz4n
      @user-hf9hc9wz4n 2 หลายเดือนก่อน

      あと、現在ホームページのリニューアルをしているのですが最終的には現行のサイトと同じドメインにしなければなりません。サーバー(でいいのかな?)サイト情報の置き場はすでにあるということですね。 既存ドメインにoldと付けておいて リニューアル中のものは現行ドメインにして進めるとかありなんでしょうか… 逆に既存ドメインはそのままでリニューアルを今のところnewと付けておくか…迷っております

    • @bakusokuw
      @bakusokuw 2 หลายเดือนก่อน

      WordPressでもコードを書けば同じようにできます! AdobeのDreamweaverはエディターなので、同じように何でもかけます

    • @bakusokuw
      @bakusokuw 2 หลายเดือนก่อน

      ドメインにoldをつけるなどはよくわからないですが、自分のサーバーなどテスト環境でリニューアルを完了させ、完成後に本番環境へ上書きすれば良さそう?かと思います

    • @user-hf9hc9wz4n
      @user-hf9hc9wz4n 2 หลายเดือนก่อน

      @@bakusokuwお忙しい中とても丁寧にご回答頂きありがとうございます😭頑張ります! そしてこれからも動画を拝見させていただきます

  • @user-vc2eg2qc8h
    @user-vc2eg2qc8h 2 หลายเดือนก่อน

    面白い。メニューの画像を引っ張ってくるやり方だと予想してました

  • @ShinOMORI-l1v
    @ShinOMORI-l1v 2 หลายเดือนก่อน

    コード入力はメモ帳に行ってもできますか?

    • @bakusokuw
      @bakusokuw 2 หลายเดือนก่อน

      できますがあまり現実的ではないです! エディターは無料なのでエディター使った方が吉です

  • @user-gx6np6pw1z
    @user-gx6np6pw1z 3 หลายเดือนก่อน

    コメント失礼致します。なんのこれはなんて言うエディターですか?

    • @bakusokuw
      @bakusokuw 2 หลายเดือนก่อน

      Bracketsです!多分概要欄にあります

  • @宇宙飛行士くん-f9d
    @宇宙飛行士くん-f9d 3 หลายเดือนก่อน

    最近多くの動画を参考にしてます! 質問なのですが、「HTMLのimgタグにwidth="100%"を指定すること」と、「CSS上でwidthやheightを指定すること」の違いや使い分けの意図を教えていただけると幸いです。

    • @bakusokuw
      @bakusokuw 2 หลายเดือนก่อน

      どっちでも自分が見やすい方でOKです!

    • @宇宙飛行士くん-f9d
      @宇宙飛行士くん-f9d 2 หลายเดือนก่อน

      @@bakusokuw ありがとうございます!このチャンネルのおかげで、コーディングの抵抗が少なくなりました!いつも楽しく学ばせてもらってます!

  • @user-vc2eg2qc8h
    @user-vc2eg2qc8h 3 หลายเดือนก่อน

    フリーランスのwebデザイナーは設計図を依頼者から用意されているわけではなく、コンバージョン率が高くなるサイトを求められ、それを自分で一から編み出し、依頼の方に提案し、制作に取りかかるといった流れのイメージがあります。 勿論営業力も必要で、ポートフォリオや実績も求められるわけで自分の中ではすごくハードルが高い様に感じます。 私のイメージは間違っていますか。

    • @bakusokuw
      @bakusokuw 2 หลายเดือนก่อน

      よくわかりませんが、現状の身の丈に合う仕事から少しずつ始めればいいと思います

    • @user-vc2eg2qc8h
      @user-vc2eg2qc8h 2 หลายเดือนก่อน

      @@bakusokuw 返信ありがとうございます。webデザイナーという仕事をした事がないのでイメージがしづらくて経験のある方に質問させていただきました。分かりづらい質問すみませんでした。

  • @onigiriponko2_88
    @onigiriponko2_88 3 หลายเดือนก่อน

    メディアクエリ以外上手くできました。 あと、GoogleフォントのUIが変わっているのでそこを活用した説明動画が欲しいです。🙏

  • @ponpon0052
    @ponpon0052 3 หลายเดือนก่อน

    バッチリ完成できました!ちゃんと拍手もしました!w 楽しく最後までやり切れたのは爆速さんの動画が初めてでした! 今回完成したサイトに、追従するボタンを入れてみたり、動画のリンクを入れてみたり、色々調べながら深めていくきっかけになりました。 ありがとうございます!! 他のもマネして作ってみます!! 動画楽しみにしています!!!!!

  • @user-kx5km1zz7w
    @user-kx5km1zz7w 3 หลายเดือนก่อน

    HTMLは、なんとなく分かるようになってきましたが、いつも、CSSで詰まってしまいます。 この動画で、少しやり方が分かってきました。 次は、他の動画を写経しながら頑張ってみたいと思います。

  • @user-vc2eg2qc8h
    @user-vc2eg2qc8h 3 หลายเดือนก่อน

    VScode使っていて今は分かりませんが、更新を押さないと確か反映されなかったので、Braketsのライブプレビューいいなと思いました。コメント押したり外したりして、動きなどを理解しやすい。