Размер видео: 1280 X 720853 X 480640 X 360
Показать панель управления
Автовоспроизведение
Автоповтор
HTML/CSSを学習した後、JavaScriptから難易度が爆上がりしたので、分かりやすい解説動画を漁りまくっていました。丁寧で一番分かりやすく本当に助かってます。ありがとうございます。45:51でsを追加してidとclassの違いを強調する演出も流石です^^ちなみにTwitterもフォローさせていただきました。
ＤＯＭ操作で一番わかりやすい動画でした。ありがとうございます。
お役に立てたようで嬉しいです！！コメントありがとうございます🙇♀️
独学で学んでいる者なんですが、見落としていたポイントに気づけたことが多かったので嬉しいです。感謝です！
こちらこそご視聴いただき感謝です🙏学習応援しております！！
とてもわかりやすかったです。試しにclassNameの方で複数赤色にしてみようとコードを書いたら動かず、なんで動かないんだよと思ってたらその後に解説されてて感動しました。またfor文もどこで使うんだよと思ってましたが、基礎編の知識がつながり理解が深まりました。ありがとうございます。
嬉しいご感想ありがとうございます！仰っている部分は、まさに私自身もつまづいたことがあるので、一緒に併せて解説してみました。今後ともお役に立てるようにたくさん動画更新してまいります🙇♀️
わかりやすい内容だった。話す速度もちょうどよく聞き取りやすかった。ありがとうございます！
こちらこそご視聴ありがとうございます！🙇♀️お役に立ててよかったです！
今までconsole.logの説明は聞いた事あったが、console.log自体の説明までしてる動画は見たことありませんでした。おかげで腹落ちして理解することができました。ほんと神様や〜、ありがてぇ〜😇
ご視聴ありがとうございます！私自身、学習したての頃にここまで知っていると理解しやすかったな、と思うところまで触れられるように解説いたしました🙇♀️お役に立てたのであれば嬉しい限りです…！！
アロー関数のがシンプルな感じで好んで使ってましたが、イベントリスナー時には従来のfunction関数で書いた方が良いんですね！
ありがとうございます。大変理解しやすかったです。また、楽しみに待っております。
ご視聴ありがとうございます！そう言っていただけて嬉しいです🙇♀️今後もJavaScriptを扱った内容で動画を更新していく予定ですので、もう少しお待ちいただければ幸いです！
大変わかりやすかったです。やっと理解できました。これだけ無駄なく解説されるのは、台本等の準備も大変なんじゃないでしょうか。今後も頑張ってください。ありがとうございます😊
暖かいお言葉ありがとうございます😭励みになります！こちらこそ、今後もよろしくお願いいたします🙇♀️
初心者にとっては、非常にわかりやすく解説されてて理解が深まりました！「とっても嬉しいです！」😊チャンネル登録しました！これからも動画を拝見させていただきます♪
ご視聴ありがとうございます🙇♀️ お役に立てれば嬉しいです！今後も更新がんばります！！
チャンネル登録しました とても分かりやすく勉強させてもらっています。JavaScriptの動画まだまだ見たいです！！
ホント神様。。。
ご視聴ありがとうございます🙇♀️🙇♀️
やばい、JavaScriptめっちゃ楽しい!!今までの点々とした知識が全部つながった気がします！わかりやすい説明ありがとうございました^^
コメントありがとうございます！！お役に立てて嬉しい限りです☺️
すごくわかりやすかったです！this は理解が難しいですね。
コメントありがとうございます！そうですね、、頭でわかろうとするよりも、実際の動きを試してたくさん見て、感覚的にわかっていくほうが近道かもしれません💡
かなり分かりやすい動画ありがとうございます！一つ質問なのですが、クリックしたボタン以外は元の色に戻したい場合どうしたらいいのか分からないです😣 お時間あれば教えていただきたいです！
大変勉強になります。一つ質問なのですが、DOM操作にてclass名で複数ある場合で１つを取り出すのはconsole.log(btn[01]);をJavaScriptに打ち込めば良いのでしょうか？
大変わかりやすく参考になりました。ありがとうございます。ただ一点、初学者の私にとって、コードを読み解くにはthisは不便でしかなかった。
ご視聴ありがとうございます！確かにthisはかなり難しい概念かもしれません。addEventListenerなどと組み合わせて使うことが多いので、よく使う方法から徐々に慣れていっていただければと思います…！
36:07の動画のところで、console.log(this);ではなく、console.log(btn01);とすることはできないのですか？
また、最初の方で、const myBlog = { title: 'JavaScriptがんばるぞブログ', author: 'webの神太郎'}となっておりましたが、このとき()などを使わず、波括弧を使うのは何故でしたっけ？すみません。教えてくださるとうれしいです。
どこでどいうメソッド使えば良いか分からないです。
質問なのですがハンバーガーメニュー等でクリックしたところ以外の場所を変化させたい場合はthis.classList.add('clicked')の部分はどういう記述になるのでしょうか？
方法は何通りかあると思いますが、例えばアコーディオンメニューのうちの1つをクリックするとそのメニューが開いて、すでに開いていた他のメニューが閉じるというような動作の場合、・一度すべての要素から「.clicked」を削除する・クリックされた要素（this）に「.clicked」を追加するという2つの動作を毎回セットで行うようにすると実装できるかと思います。上記で回答になっているか分かりませんので、他にも関連していそうなリンクをいくつか貼っておきます🙇♀️任意の場所をクリックすると隠れていた内容が開き、先に開いていた内容が閉じるcoco-factory.jp/ugokuweb/move01/9-2-2/JavaScriptで特定の要素以外がクリックされたときの処理を実装するtamcom.jp/blog/detect-click-outside-of-element#:~:text=%E7%89%B9%E5%AE%9A%E3%81%AE%E8%A6%81%E7%B4%A0%E4%BB%A5%E5%A4%96%E3%81%8C%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%95%E3%82%8C%E3%81%9F%E3%81%93%E3%81%A8%E3%82%92,%E3%81%9F%E3%81%93%E3%81%A8%E3%82%92%E8%A1%A8%E3%81%97%E3%81%BE%E3%81%99%E3%80%82
jsとphpはいまだ呪文にしか見えない…今度ともお世話さまになります
私も学習をはじめたときはそうでしたよ😂もちろんです、一緒にがんばりましょう！！🐥
たのしい
35:18 「脳に刻んでおいてください」
他の動画にも言えることですが、せっかくの有益な動画がバックミュージックのせいで声が聞こえづらくなっているのが非常に残念です。学習動画にバックミュージックは要りません。
19:1029:1047:25
38:03 /
やっぱり後藤真希さんそっくりですね。アイドルがプログラミングを教えてくれるサービスがあったんですね。握手会開催してください٩( ᐛ )و
とんでもございません…😂こちら、しがない一般人のWebディレクターです！！
やっぱりこの分野教えるのは男じゃないとね
分かりやすすぎて吐きそうです。
吐かないでください！😂お役に立てたのであれば嬉しい限りです🙇♀️🙇♀️
HTML/CSSを学習した後、JavaScriptから難易度が爆上がりしたので、分かりやすい解説動画を漁りまくっていました。
丁寧で一番分かりやすく本当に助かってます。ありがとうございます。
45:51でsを追加してidとclassの違いを強調する演出も流石です^^
ちなみにTwitterもフォローさせていただきました。
ＤＯＭ操作で一番わかりやすい動画でした。ありがとうございます。
お役に立てたようで嬉しいです！！コメントありがとうございます🙇♀️
独学で学んでいる者なんですが、見落としていたポイントに気づけたことが多かったので嬉しいです。感謝です！
こちらこそご視聴いただき感謝です🙏
学習応援しております！！
とてもわかりやすかったです。
試しにclassNameの方で複数赤色にしてみようとコードを書いたら動かず、なんで動かないんだよと思ってたらその後に解説されてて感動しました。またfor文もどこで使うんだよと思ってましたが、基礎編の知識がつながり理解が深まりました。ありがとうございます。
嬉しいご感想ありがとうございます！
仰っている部分は、まさに私自身もつまづいたことがあるので、一緒に併せて解説してみました。今後ともお役に立てるようにたくさん動画更新してまいります🙇♀️
わかりやすい内容だった。
話す速度もちょうどよく聞き取りやすかった。
ありがとうございます！
こちらこそご視聴ありがとうございます！🙇♀️お役に立ててよかったです！
今までconsole.logの説明は聞いた事あったが、console.log自体の説明までしてる動画は見たことありませんでした。おかげで腹落ちして理解することができました。ほんと神様や〜、ありがてぇ〜😇
ご視聴ありがとうございます！私自身、学習したての頃にここまで知っていると理解しやすかったな、と思うところまで触れられるように解説いたしました🙇♀️
お役に立てたのであれば嬉しい限りです…！！
アロー関数のがシンプルな感じで好んで使ってましたが、イベントリスナー時には従来のfunction関数で書いた方が良いんですね！
ありがとうございます。大変理解しやすかったです。
また、楽しみに待っております。
ご視聴ありがとうございます！
そう言っていただけて嬉しいです🙇♀️
今後もJavaScriptを扱った内容で動画を更新していく予定ですので、もう少しお待ちいただければ幸いです！
大変わかりやすかったです。
やっと理解できました。
これだけ無駄なく解説されるのは、台本等の準備も大変なんじゃないでしょうか。
今後も頑張ってください。
ありがとうございます😊
暖かいお言葉ありがとうございます😭励みになります！
こちらこそ、今後もよろしくお願いいたします🙇♀️
初心者にとっては、非常にわかりやすく解説されてて理解が深まりました！「とっても嬉しいです！」😊
チャンネル登録しました！これからも動画を拝見させていただきます♪
ご視聴ありがとうございます🙇♀️ お役に立てれば嬉しいです！今後も更新がんばります！！
チャンネル登録しました
とても分かりやすく勉強させてもらっています。JavaScriptの動画まだまだ見たいです！！
ホント神様。。。
ご視聴ありがとうございます🙇♀️🙇♀️
やばい、JavaScriptめっちゃ楽しい!!
今までの点々とした知識が全部つながった気がします！
わかりやすい説明ありがとうございました^^
コメントありがとうございます！！
お役に立てて嬉しい限りです☺️
すごくわかりやすかったです！this は理解が難しいですね。
コメントありがとうございます！
そうですね、、頭でわかろうとするよりも、実際の動きを試してたくさん見て、感覚的にわかっていくほうが近道かもしれません💡
かなり分かりやすい動画ありがとうございます！
一つ質問なのですが、クリックしたボタン以外は元の色に戻したい場合どうしたらいいのか分からないです😣 お時間あれば教えていただきたいです！
大変勉強になります。
一つ質問なのですが、
DOM操作にてclass名で複数ある場合で１つを取り出すのは
console.log(btn[01]);
をJavaScriptに打ち込めば良いのでしょうか？
大変わかりやすく参考になりました。ありがとうございます。
ただ一点、初学者の私にとって、コードを読み解くにはthisは不便でしかなかった。
ご視聴ありがとうございます！
確かにthisはかなり難しい概念かもしれません。addEventListenerなどと組み合わせて使うことが多いので、よく使う方法から徐々に慣れていっていただければと思います…！
36:07の動画のところで、console.log(this);ではなく、console.log(btn01);とすることはできないのですか？
また、最初の方で、const myBlog = {
title: 'JavaScriptがんばるぞブログ',
author: 'webの神太郎'
}となっておりましたが、このとき()などを使わず、波括弧を使うのは何故でしたっけ？すみません。教えてくださるとうれしいです。
どこでどいうメソッド使えば良いか分からないです。
質問なのですがハンバーガーメニュー等でクリックしたところ以外の場所を変化させたい場合はthis.classList.add('clicked')の部分はどういう記述になるのでしょうか？
方法は何通りかあると思いますが、例えばアコーディオンメニューのうちの1つをクリックするとそのメニューが開いて、すでに開いていた他のメニューが閉じるというような動作の場合、
・一度すべての要素から「.clicked」を削除する
・クリックされた要素（this）に「.clicked」を追加する
という2つの動作を毎回セットで行うようにすると実装できるかと思います。
上記で回答になっているか分かりませんので、他にも関連していそうなリンクをいくつか貼っておきます🙇♀️
任意の場所をクリックすると隠れていた内容が開き、先に開いていた内容が閉じる
coco-factory.jp/ugokuweb/move01/9-2-2/
JavaScriptで特定の要素以外がクリックされたときの処理を実装する
tamcom.jp/blog/detect-click-outside-of-element#:~:text=%E7%89%B9%E5%AE%9A%E3%81%AE%E8%A6%81%E7%B4%A0%E4%BB%A5%E5%A4%96%E3%81%8C%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%95%E3%82%8C%E3%81%9F%E3%81%93%E3%81%A8%E3%82%92,%E3%81%9F%E3%81%93%E3%81%A8%E3%82%92%E8%A1%A8%E3%81%97%E3%81%BE%E3%81%99%E3%80%82
jsとphpはいまだ呪文にしか見えない…
今度ともお世話さまになります
私も学習をはじめたときはそうでしたよ😂
もちろんです、一緒にがんばりましょう！！🐥
たのしい
35:18 「脳に刻んでおいてください」
他の動画にも言えることですが、せっかくの有益な動画がバックミュージックのせいで声が聞こえづらくなっているのが非常に残念です。
学習動画にバックミュージックは要りません。
19:10
29:10
47:25
38:03 /
やっぱり後藤真希さんそっくりですね。アイドルがプログラミングを教えてくれるサービスがあったんですね。握手会開催してください٩( ᐛ )و
とんでもございません…😂こちら、しがない一般人のWebディレクターです！！
やっぱりこの分野教えるのは男じゃないとね
分かりやすすぎて吐きそうです。
吐かないでください！😂
お役に立てたのであれば嬉しい限りです🙇♀️🙇♀️