【超入門】初心者向けJavaScript解説！これから学習を始める方必見【Webデザイン・プログラミング】 

ご視聴ありがとうございます！ おっしゃる通りです😂モチベーションが下がらない程度に取り組みながら、着実にステップアップしていきましょう、、！！

お役に立てているなら嬉しいです！✨

ご視聴ありがとうございます！ タイミング良くてこちらも嬉しいです！✨

ご視聴ありがとうございます！ もう少し進んだ内容も、初学者のみなさんにわかりやすく解説できるように準備しています🙇‍♀️ またご視聴いただければこちらこそ、、とってもうれピヨです！🐥

いつもご視聴ありがとうございます！🙇‍♀️ 今後もお役に立てるように頑張ります！

たくさんご視聴いただきありがとうございます🙇‍♀️🙇‍♀️

いつもご視聴ありがとうございます🙇‍♀️ 学習の導入的な動画になれれば嬉しいです！✨

@@webgodweb ほんとに助かってます 今、課題になっている件ですが 検索条件入力Formを作成しているのですが 一つの項目に メーカ名、メーカコード の ラベルと入力BOX、検索ボタン を一つのグループにして ほかの 項目のラベルと入力BOXと調和をとりたいと苦心しています。 FrexBoxでできそうですかね？ この辺のマイナーな部分の解決策をご教示願えればと、あなたの動画をあさってます。

コメントありがとうございます！🙇‍♀️

そう言っていただけると制作した甲斐があります！ありがとうございます🙇‍♀️

@@webgodweb イベントは予定があって 行けないですが陰ながら応援しています！！

よかったです！！🙇‍♀️

コメントありがとうございます！🐥🐥

ありがとうございます！！🙇‍♀️

リクエストありがとうございます！今後そのようなテーマのJavaScript解説動画も検討させていただきます！☺️

いつもご視聴ありがとうございます！🙇‍♀️ 学習を後押しできるような動画を今後も更新していけるように頑張ります！ なにか作る動画、かしこまりました🙏リクエストありがとうございます☺️

同感ピヨです！

イコールなどの特別な記号があれば通常どおり認識されて動くこともありますが、基本的にはコードを動かすのに必要な半角スペースも多い&解読しにくくて間違えやすいコードになってしまうので、最低限で使っていただきたいと思います🙇‍♀️

いつもご視聴ありがとうございます！🐥 驚かせてしまったらすみません😂

@@webgodweb 逆にコメント返してもらえて嬉しいです。これからも応援してます！そして勉強になります！！

「Google Chrome」とは、Webサイトを閲覧するための「Webブラウザ」というアプリケーションの一種です。 WebブラウザでJavaScriptのファイル単体を開いても意味がありませんので、JavaScriptのコードを読み込ませているHTMLファイルを開いています。 （8:52 周辺で解説している通り、JavaScriptのコードを書いて動作確認をしていくために、HTMLファイルの準備が必要となります） Webブラウザには他にも種類がありますが、お勧めしているのは「Google Chrome」ですので、もしご自身のPCにインストールされていない場合は下記からダウンロードしてください。 www.google.co.jp/chrome/?brand=YTUH&gclid=CjwKCAjwzY2bBhB6EiwAPpUpZlcbWIQv1QjJ-N_B9HV9aF-DqLZhAAZxuMhq8TUCZ4n8m5LUBQJIRxoCunQQAvD_BwE&gclsrc=aw.ds また、Console画面は、Webブラウザの「検証ツール」という機能に付随するため、下記の動画をご覧ください。 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4yJSMcMfMVI.html （Console画面については 28:11 から触れていますが、検証ツールが何たるかを知っていただくべく、全編見て頂いた方がいいかと思います） 検証ツールの起動方法（右クリック）や、ショートカットキーについても上記動画の 1:47 より紹介しております。

なっちゃんの

なぜこの式になるか、というより、何を条件にするか、という意味合いにはなるのですが、 switch(no%4) の場合は、「変数noの値を4で割った場合の余りの数」を元に条件判定しています。 これを switch(no) とした場合、単純に「変数noの値がいくつか」によって条件判定することになるので、どちらが間違いというわけではないのですが、おみくじの結果が決まる条件が変わるかと思います。 下記の記事なども参考にしてみてください。 magazine.techacademy.jp/magazine/35944

@@webgodweb なるほどです！！記事も含めてありがとうございます！ チャンネル登録させていただきますね！

コメントありがとうございます！ あまり難しく考えず、ぜひトライしてみてください！✨

ありがとうございます！お疲れ様でした！！☺️

コメントありがとうございます☺️

①のご質問については、定数「animals」の中身の値が何か、によって条件分岐した結果を表示しています。動画内では、「const animals = "penguin";」というように、条件式より先に定数の値を決めています。 この時の条件式では、「定数「animals」の値が「penguin」だったら、「ペンギンだ！」とアラートを出す。そうじゃなかったら…」というように指定していて、定数の値に対応させてアラートする内容を変えるように命令しているので、「定数「animals」の値が「penguin」だったら」という条件に当てはまった為、「ペンギンだ！」というアラートが出ています。 ②に関しては、実際の記載内容を見せていただかないと、どこが入力ミスかどうかは判りかねます。ただ、③に関して言うと、JavaScriptはどこかのコードにエラーがあるとその時点で処理が止まり、それ以降のコードが実行されなくなりますので、まさに②に入力ミスがあった為に、③の現象が起きているように見受けられます。

ご教示ありがとうございます。③のalertの表示の記述、このように書いてますが、 間違ってますでしょうか。ポップアップが出ない件です。 //console.log("表示できた！1"); //console.log("表示できた！2"); //console.log("表示できた！3"); alert("こんにちわ！"); //const animals = "penguin"; const animals = "monkey"; if(animals === "penguin"){ alert("ペンギンだ！"); }else if(animals ==="monkey"){ alert("サルだ！"); }else{ alert("動物じゃないやんけ！") ｝ お手数ですが宜しくお願いします。

いえ！内容としては別物なので学習は進めていただけると思いますが、JavaScriptでHTML（DOM）を操作したり、CSSを編集したりできるので、いずれ基礎知識などは必要になってきます。とはいえ、学ぶことが増えると言うよりは、そもそも技術上切り離せない知識でもあるので、、JavaScriptに重きを置いて学習しつつ、必要になったタイミングでHTML/CSSもきちんと学んでいただくのがいいかと思います。

ご質問ありがとうございます！ の下では、タグの外に出てしまうことになりますね。 HTMLのルール上、タグのすぐ下に配置できるのはタグとタグだけなので、タグの外に出すのは文法上の誤りです🙇‍♀️ developer.mozilla.org/ja/docs/Web/HTML/Element/html

@@webgodweb 分かりました！ありがとうございます！

ご視聴ありがとうございます。===はJavaScriptで二つの値を厳密に比較するという意味になります。

@@webgodweb ありがとうございました。

Windowsの場合は「ctrl+shift+i」もしくはF12で Macの場合は「command+option+i」で表示できるとおっしゃってました。

良い例えですね😂その通りだと思います！！

.natsuko-pants { background-color: #ddd; }