ขนาดวิดีโอ: 1280 X 720853 X 480640 X 360
แสดงแผงควบคุมโปรแกรมเล่น
เล่นอัตโนมัติ
เล่นใหม่
最初の動画から一つずつ拝見させていただいています！現在職業訓練でWebクリエイターに関しての勉強をしているのですが、私にはそれだけで理解ができずいろんな動画など探していたところこちらに辿り着きました✨説明がすごく丁寧で初心者には大変分かりやすいです！なぜaltにsrcが必ずついてるのかも分からずに進めていて😂他にもハテナだらけでしたが解消されました！Webデザイナー志望ですが、コードもある程度は知識として必要なので今後こちらの動画を見ながら自分でコードが書けるようになりたいと思っています。有料級の講義をありがとうございます！今後もお世話になります☺💖
動画教材で言われるままに.と# 入れてる流れだったけどさっぱり使い方も分からず特別説明なかったので.と# の使い方が良く分からなかったんですが意味がわかりましたありがとうございますチャンネル登録させて頂きました
コメントとチャンネル登録ありがとうございます！☺️お役に立てて嬉しい限りです！！今後ともよろしくお願いいたします🙇♀️
t大変勉強になります。2:45のところで、"style css"と言う名前は自由につけて良いのでしょうか？何か決まりはありますか？
わかりやすい解説有り難う御座います。「リセットCSS」ですが、ググった先にはreset.cssを別個に作って読み込ませてくださいと書いていたのですが、どちらがいいのでしょうか??🤔
ご返信が遅くなりすみません！💦この動画では、わかりやすいようにCSSを直書きしていますが、本来はCSSファイルを作って読み込ませる方法が管理しやすくベターです！ファイルを分けたり複数のCSSファイルを読み込ませたりする際には、CSSの上書きが起こり得るので読み込み順に注意してください！
はじめまして。自分で自分のWebサイトを一から作りたいと思い、色々調べていたところ、こちらのチャンネルに出会いました。丁寧な説明でとても分かりやすく、有益な情報をたくさん教えてくださり本当にありがとうございます。超初心者で大変恐縮なのですが、本動画で使用されているエディタは何か教えていただけないでしょうか？上部に使用中のファイル等のアイコンであったり、タブ（？）表示やプレビューボタンもあり、便利な機能が備わっているようにみえて同じものを使ってみたいと思いました。もしよろしければ、ご回答よろしくお願いいたします。
なんのリセットcssを使っているか教えてほしいです。参考にさせて頂きます。
ご視聴ありがとうございます😊 私が使っているのはこちらです。html5doctor.com/html-5-reset-stylesheet/
@@webgodweb ありがとうございます！今全部の動画観てるとこです。今の所今まで観たどの動画より細かい所まで説明が行き届いていて分かりやすいです。流石神様っ
かなり分かりやすいです！動画ありがとうございます。
ご視聴ありがとうございます🍀嬉しいお言葉励みになります👩
いつもわかりやすい説明ありがとうございます。css超初心者です。リセットcssについて質問です。動画内でリセットcssはエディタを開いてコピペしていましたが、リセットcssファイルをエディタを開かずに、そのまま作業用フォルダ内に移動させるだけでも同じことになりますか？
いつもご視聴ありがとうございます！✨というと、リセットCSSのみ記述したCSSファイルを別で読み込む、ということでしょうか？HTML側にきちんとそのファイルを読み込む記述があれば、問題なく読み込めます。その際は、リセットCSS→「reset.css」と、通常のCSS→「style.css」といった2種類のファイルをlinkタグで読み込むことになりますが、必ず ①「reset.css」②「style.css」の順番で読み込むように気をつけていただければと思います！
@@webgodweb お答えいただきありがとうございます。ブラウザに記述内容が反映されていればやり方は正しいですよ、と思っていいのでしょうか＾＾これからwebの神様模写コーディングの動画で勉強します。焦らずに一気にいこうとせずにいきます。
動画を見て勉強中です。仕事上HTMLにCSSを直書きする必要があるので、そちらの方法も教えてもらえると嬉しいです😭
はじめまして。つい最近からですが模写動画等参考にさせていただいております。非常にわかりやすく楽しく拝見させていただいております。いきなりで恐縮ですが一点質問させてください。リセットcssと自分で作成しているcssファイルを別々で管理、編集していく場合、リセットcssで定められているプロパティと値が優先されるのでしょうか。（例えば リセットcssでheaderに対してdisplay:block;が指定されていた場合、自分で編集しているcssファイルでdisplayプロパティの値を変更したとしても上書きはされないのでしょうか）文面だとわかりづらくまた、初歩的な質問で申し訳ございませんが、お手すきの時にお返事いただけるとありがたいです。。
本件ですがcssのスタイルの優位性(セレクタの指定がidかクラスか等)が問題だったかもしれません。（自分の理解度的にもこのあたりが曖昧でした。笑）引用したリセットcssの不要箇所をコメントアウトにする等の処置も行ない、試行をしてほぼ解決できました！文面下手くそで大変申し訳ございませんでした。
ご返信ができておらず大変失礼いたしました💦CSSは通常、読みこんだ順に上書きされていきますが、同じ要素であってもセレクタが微妙に異なると、仰る通り詳細度の関係で効いたり効かなかったりします！リセットCSSは基本的に一番低い詳細度（タグ名のみ）になるようなセレクタ指定になっているので、自分で書くCSSでは「クラス名 タグ名」のような指定にすれば必ず上書きできるかと思います。お試しいただければ幸いです🙇♀️
@@webgodweb とんでもないです。。模写のようなアウトプットを増やしたおかげで、スタイルの継承と詳細度の知識が曖昧だったことがわかり、その箇所を復習したことにより先日質問させていただいた件を解決いたしました。なつこさんに全く利益がないのにも関わらずご丁寧にお返事いただきありがとうございました🙇♂️今後も動画等楽しみにしております。
本題と離れてすいません。便利そうなエディタですが何を使われているのでしょうか？
この動画では、「Coda」というエディタを使っていますが、今現在おすすめしているのは「VS Code」です！私もこちらに乗り換えていて、かなり使いやすくオススメなので、是非下記の解説動画も参考にしてみてください🙇♀️【初心者向け】Visual Studio Codeの使い方・便利機能解説！ショートカット/日本語化/Emmet【作業効率化】th-cam.com/video/pQ7tmTx5Zbk/w-d-xo.html【作業効率化】Web制作にオススメ！Visual Studio Code 拡張機能5選 インストールするだけ簡単【コーディング・プログラミング】th-cam.com/video/taMpuUuFqIs/w-d-xo.html
@@webgodweb ご返信ありがとうございます。参考にします！！
CSSってつまずきがちなんですが、基本をしっかり覚えれば難しくないかもしれませんね。今は模写コーディングをしながら復習として拝見しています。いつもありがとうございます。
いつもありがとうございます！🙏そうですね、ある程度思い通りに操れるようになってからは楽しいと思います！☺️
10:52のクラス名とidはどこから出てきたのかわかりません
可愛いので神
ありがとうございます😊
おすすめがありすぎてどのリセットcssが良いのかわかりません。
まずは、こちらのリセットをお試しで使ってみてください。html5doctor.com/html-5-reset-stylesheet/
試してみました。コピペはできるんですけど、Chromeの更新ボタンを押しても余白が消えません。やり方が悪いのでしょうか。
時々、笑わされてるw
コメントありがとうございます😳
リセットCSSで検索かければ、と言われても・・何をどうやるのやら・・。自分で調べろと。
補足が不十分で申し訳ありません！リセットCSSについては、下記の動画の 12:38〜 でも補足しております。th-cam.com/video/RBLkXAG4QTM/w-d-xo.html解説している通り、まずは私と同じように「Doctor Reset CSS」を読み込んでいただくと宜しいかと思います。html5doctor.com/html-5-reset-stylesheet/※読み込み方法などは動画で解説している通りです。また、コーディング・プログラミング学習においては、Google検索して問題解決していくスキルが非常に重要です。基本的に、このチャンネルの動画で解説している内容と併せて、都度耳慣れないキーワードを検索していただいたり、他の学習ツール、書籍等も併せて学習していただくことで理解が深まるかと思います。是非、「リセットCSS とは」等の検索でヒットする、下記のような記事も参考にしていただければと思います！web-camp.io/magazine/archives/30817
@@webgodweb ありがとうございます。さっそく拝見します。愚痴ってしまてすみません。引き続きよい動画の配信をお願いします。
WEB神崇めても良いか?
コメントありがとうございます！笑恐縮です😂
最初の動画から一つずつ拝見させていただいています！
現在職業訓練でWebクリエイターに関しての勉強をしているのですが、私にはそれだけで理解ができずいろんな動画など探していたところこちらに辿り着きました✨
説明がすごく丁寧で初心者には大変分かりやすいです！
なぜaltにsrcが必ずついてるのかも分からずに進めていて😂他にもハテナだらけでしたが解消されました！
Webデザイナー志望ですが、コードもある程度は知識として必要なので今後こちらの動画を見ながら自分でコードが書けるようになりたいと思っています。有料級の講義をありがとうございます！今後もお世話になります☺💖
動画教材で言われるままに.と# 入れてる流れだったけどさっぱり使い方も分からず
特別説明なかったので.と# の使い方が良く分からなかったんですが
意味がわかりました
ありがとうございます
チャンネル登録させて頂きました
コメントとチャンネル登録ありがとうございます！☺️
お役に立てて嬉しい限りです！！今後ともよろしくお願いいたします🙇♀️
t大変勉強になります。
2:45のところで、"style css"と言う名前は自由につけて良いのでしょうか？
何か決まりはありますか？
わかりやすい解説有り難う御座います。
「リセットCSS」ですが、ググった先にはreset.cssを別個に作って読み込ませてくださいと書いていたのですが、どちらがいいのでしょうか??🤔
ご返信が遅くなりすみません！💦
この動画では、わかりやすいようにCSSを直書きしていますが、本来はCSSファイルを作って読み込ませる方法が管理しやすくベターです！
ファイルを分けたり複数のCSSファイルを読み込ませたりする際には、CSSの上書きが起こり得るので読み込み順に注意してください！
はじめまして。
自分で自分のWebサイトを一から作りたいと思い、色々調べていたところ、こちらのチャンネルに出会いました。
丁寧な説明でとても分かりやすく、有益な情報をたくさん教えてくださり本当にありがとうございます。
超初心者で大変恐縮なのですが、本動画で使用されているエディタは何か教えていただけないでしょうか？
上部に使用中のファイル等のアイコンであったり、タブ（？）表示やプレビューボタンもあり、便利な機能が備わっているようにみえて同じものを使ってみたいと思いました。
もしよろしければ、ご回答よろしくお願いいたします。
なんのリセットcssを使っているか教えてほしいです。参考にさせて頂きます。
ご視聴ありがとうございます😊 私が使っているのはこちらです。html5doctor.com/html-5-reset-stylesheet/
@@webgodweb ありがとうございます！今全部の動画観てるとこです。今の所今まで観たどの動画より細かい所まで説明が行き届いていて分かりやすいです。流石神様っ
かなり分かりやすいです！動画ありがとうございます。
ご視聴ありがとうございます🍀嬉しいお言葉励みになります👩
いつもわかりやすい説明ありがとうございます。css超初心者です。
リセットcssについて質問です。
動画内でリセットcssはエディタを開いてコピペしていましたが、リセットcssファイルをエディタを開かずに、そのまま作業用フォルダ内に移動させるだけでも同じことになりますか？
いつもご視聴ありがとうございます！✨
というと、リセットCSSのみ記述したCSSファイルを別で読み込む、ということでしょうか？
HTML側にきちんとそのファイルを読み込む記述があれば、問題なく読み込めます。
その際は、リセットCSS→「reset.css」と、通常のCSS→「style.css」といった2種類のファイルをlinkタグで読み込むことになりますが、必ず ①「reset.css」②「style.css」の順番で読み込むように気をつけていただければと思います！
@@webgodweb
お答えいただきありがとうございます。
ブラウザに記述内容が反映されていれば
やり方は正しいですよ、と思っていいのでしょうか＾＾
これからwebの神様模写コーディングの動画で勉強します。焦らずに一気にいこうとせずにいきます。
動画を見て勉強中です。仕事上HTMLにCSSを直書きする必要があるので、そちらの方法も教えてもらえると嬉しいです😭
はじめまして。つい最近からですが模写動画等参考にさせていただいております。
非常にわかりやすく楽しく拝見させていただいております。
いきなりで恐縮ですが一点質問させてください。
リセットcssと自分で作成しているcssファイルを別々で管理、編集していく場合、リセットcssで定められているプロパティと値が優先されるのでしょうか。（例えば リセットcssでheaderに対してdisplay:block;が指定されていた場合、自分で編集しているcssファイルでdisplayプロパティの値を変更したとしても上書きはされないのでしょうか）
文面だとわかりづらくまた、初歩的な質問で申し訳ございませんが、お手すきの時にお返事いただけるとありがたいです。。
本件ですがcssのスタイルの優位性(セレクタの指定がidかクラスか等)が問題だったかもしれません。
（自分の理解度的にもこのあたりが曖昧でした。笑）
引用したリセットcssの不要箇所をコメントアウトにする等の処置も行ない、試行をしてほぼ解決できました！
文面下手くそで大変申し訳ございませんでした。
ご返信ができておらず大変失礼いたしました💦
CSSは通常、読みこんだ順に上書きされていきますが、同じ要素であってもセレクタが微妙に異なると、仰る通り詳細度の関係で効いたり効かなかったりします！
リセットCSSは基本的に一番低い詳細度（タグ名のみ）になるようなセレクタ指定になっているので、自分で書くCSSでは「クラス名 タグ名」のような指定にすれば必ず上書きできるかと思います。
お試しいただければ幸いです🙇♀️
@@webgodweb とんでもないです。。
模写のようなアウトプットを増やしたおかげで、スタイルの継承と詳細度の知識が曖昧だったことがわかり、その箇所を復習したことにより先日質問させていただいた件を解決いたしました。
なつこさんに全く利益がないのにも関わらずご丁寧にお返事いただきありがとうございました🙇♂️
今後も動画等楽しみにしております。
本題と離れてすいません。
便利そうなエディタですが何を使われているのでしょうか？
この動画では、「Coda」というエディタを使っていますが、今現在おすすめしているのは「VS Code」です！
私もこちらに乗り換えていて、かなり使いやすくオススメなので、是非下記の解説動画も参考にしてみてください🙇♀️
【初心者向け】Visual Studio Codeの使い方・便利機能解説！ショートカット/日本語化/Emmet【作業効率化】
th-cam.com/video/pQ7tmTx5Zbk/w-d-xo.html
【作業効率化】Web制作にオススメ！Visual Studio Code 拡張機能5選 インストールするだけ簡単【コーディング・プログラミング】
th-cam.com/video/taMpuUuFqIs/w-d-xo.html
@@webgodweb ご返信ありがとうございます。参考にします！！
CSSってつまずきがちなんですが、基本をしっかり覚えれば難しくないかもしれませんね。今は模写コーディングをしながら復習として拝見しています。いつもありがとうございます。
いつもありがとうございます！🙏
そうですね、ある程度思い通りに操れるようになってからは楽しいと思います！☺️
10:52のクラス名とidはどこから出てきたのかわかりません
可愛いので神
ありがとうございます😊
おすすめがありすぎてどのリセットcssが良いのかわかりません。
まずは、こちらのリセットをお試しで使ってみてください。
html5doctor.com/html-5-reset-stylesheet/
試してみました。コピペはできるんですけど、Chromeの更新ボタンを押しても余白が消えません。やり方が悪いのでしょうか。
時々、笑わされてるw
コメントありがとうございます😳
リセットCSSで検索かければ、と言われても・・何をどうやるのやら・・。自分で調べろと。
補足が不十分で申し訳ありません！
リセットCSSについては、下記の動画の 12:38〜 でも補足しております。
th-cam.com/video/RBLkXAG4QTM/w-d-xo.html
解説している通り、まずは私と同じように「Doctor Reset CSS」を読み込んでいただくと宜しいかと思います。
html5doctor.com/html-5-reset-stylesheet/
※読み込み方法などは動画で解説している通りです。
また、コーディング・プログラミング学習においては、Google検索して問題解決していくスキルが非常に重要です。
基本的に、このチャンネルの動画で解説している内容と併せて、都度耳慣れないキーワードを検索していただいたり、他の学習ツール、書籍等も併せて学習していただくことで理解が深まるかと思います。
是非、「リセットCSS とは」等の検索でヒットする、下記のような記事も参考にしていただければと思います！
web-camp.io/magazine/archives/30817
@@webgodweb ありがとうございます。さっそく拝見します。愚痴ってしまてすみません。引き続きよい動画の配信をお願いします。
WEB神崇めても良いか?
コメントありがとうございます！笑
恐縮です😂