JavaScriptの「基礎」が1時間で分かる「超」入門講座【初心者向け】 

自分📝 17：45 divで囲みたい場所を選択後、ショートカットキーshift+ctrl+p ⇒　Emmet:Wrap~を選択　⇒　divを入力してEnter 全くの初心者だと、細々した箇所が良くわからない状態になってしまうので、基礎構文をもう一度勉強し直してからやってみたいと思います。

「超」入門講座のタイトルを信じて見ていますが、２０分でついて行けなくなりました。17：50「コンテナにふくめる」、17：57「emmetのラップ変換」の意味と操作方法（どうやったら入力画面が出るのか？）、18：18「DIVタグでくくってしまう」など初心者はそんなこともわからないので、山浦さんのような方にすがっているのです。私は初心者だと思っていましたが、「超・・・初心者」であることにきづいてしまいました。

連載形式でJavaScriptの講座やるつもりだったのですけど、まとめて一本の動画で学べるようにしようと思い直して、一本完結型にしました！ プログラミング学び始めた方やこれからJavaScript学びたい方の参考になれば嬉しいです！ コードはこちらです！ github.com/kiyodori/todo

周りにプログラミングを教わる人が居ないので助かってます。本当に分かりやすいです。ありがとうございます！！

初心者です。 ほぼなにいってるかわかりませんでした。 これで超入門とはJavaScript恐るべしですね。 出直してきます。

この神動画に引き合わせてくれたRU-vidAIに感謝

いままで見た動画で1番わかりやすいです…！！いつも見てます！！！ありがとうございます！！

この一本の動画もう４日もかけてやってる。だんだん理解出来てきた嬉しい

わかりやすい。趣味で５０代ですがありがたい。

１時間以上あるプログラミング講座を最後までできたのはこれが初めてです。 他のudemyの講師の方々は説明が難しかったり、コードが小さくて見にくかったりでなかなか難しいです。 今回の山浦さんの講座でまた理解が深まりました。ありがとうございます。

非常にわかりやすく、楽しく学べ、個人的には有料コンテンツでも納得の内容でした。 ありがとうございました。

とても勉強になりました。 let と const の演習の時に height を const で定義して、人生の世知辛さを表現して欲しかったです。

todoリスト作成でつまづいていた箇所、この動画で全て解決してくださいました！！本当に助かりました。ありがとうございます！

まだ理解できていない部分もありますが、動作するTODOアプリが作ることができてすごく勉強になりました。再度Javascriptを勉強し直します。ありがとうございました。

基礎を押さえた上でこの講座をみると、復習＋実践と言う形で、かなりすんなり内容が入ってきました！

すんごく分かりやすくて、本当に助かりました！！！教え方も、どこがポイントなのかも、明確で丁寧で😂 勉強始めたはいいものの、挫折しそうになったのを、救ってくれました✨　本当に助かりました！ありがとうございます☺️👍

udemyで他の方のも学習しましたが、山浦さんのがとても分かりやすい。これが無料で学べるとか「神」です。自分はお金出せるんで有料でも良いけど、エンジニア分母を増やすために無料コンテンツが増えると良いなと思います。 これからも頑張って頂けたらと思っています。

長い説明を一生懸命してくださっているのが とても伝わります。 入門講座と明記されていたので拝見しようと思いましたが 例えば 「今回はadd()っていう関数を使ってそれを呼び出すようにします」と言われても add()って何? となる私のようなレベルには 分からないことだらけでした。 でもこういう活動をしてくださる方がいることに とても感謝しています。 分からないことだらけですが、 ググったりしながら やっていきたいと思います。

見ながらではありますが、初心者の私でも完成させることができました！ 本当にうれしいです🎵 ありがとうございました！

初めてRU-vidの実践で最後まで学習することができました。途中で分からなくなり放棄することが多くありましたが、このような動画を作成していただいて本当に助かります。

Udemyでhtml,css,JavaScript の基本事項を一通り学んでからこの動画を観ました。これまで文法的に学んだ知識が、実際に活きる知識として整理できてとても良かったです！語学で例えると、基本的な文法と単語、熟語を身につけた後に、ある程度の長文を初めて自分で書きたいときに学ぶ動画として位置付けられますね。作成ありがとうございました😊最後が難しかったので、また勉強を進めてから改めて見直すようにします。

width: ウィッズ、height: ハイト

19:34~30:34 ここは重要だと思うので何度も見返して理解したいと思います。

すごく分かりやすいです。ありがとうございます！やっぱりエンジニア無理かなと思っている人にも希望が与えられる動画ですね。

一冊の本に相当する内容だと思います。 とても参考になりました。 ありがとうございます。

初見の際に、それなんだ？？？？ってところが常識のように流れていくので途中で断念してしまいました🥲でもJavaScriptの基礎本読んだ上でまたこちらの動画に挑んだ際に、わかる！！！となった時は感動してしまい！！求めてたことができる動画だったので！モチベアップしました！！！

ずっとjavascriptの初級者向けのサイトを漁っていたのですが、どれも文法事項しか載っておらず、どんな時にそれを使うかわからなかったのですが、 この動画は、その悩みを解消してくれるものでした。 とてもわかりやすかったです！ありがとうございました！！

ずっと山浦さんの手を目で追ってたら視力が上がりました！ありがとうございます！

Javaによるサーバ系を携わっていた文系出身の外国人PGですが、今月からアサインした案件でJavaScriptの知識も必要になり独学で進めているうちにこの動画をみていただきました。結論として言わせますととても分かりやすかったです。 これからも宜しくお願いいたします。

この方すごいよなー。udemyでもこの方の講座受講した。gitのやつだけど。 わかりやすくて助かった。

文法だけ習ってもいつ使えばいいか分からない！本当にその通りだと思います..

素晴らしくわかりやすかったです。heightの発音は「ハイト」ですね。

仕事でjsをコピペして使う（自分では書けない）程度の初心者ですが、丁度いい分かりやすさでした！ありがとうございます！ 何回か繰り返し見て勉強します！

VSコードをダウンロードから丁寧に説明してる割にラップ変換の所がササッと進んでて、？？？でしたけど、調べて何とか出来ました。大変ありがたい動作ですが、小学生に教えるくらいの説明じゃないと私には厳しいです。

I don't understand any Japanese but I understand what you are doing, really thank you for this video 👍

神どうがマジでわかりやすい感謝

空いた時間にちょこちょこ勉強させてもらっています。本当にわかりやすいです！とても勉強になっています！

簡単な機能のプログラムですが、いくつか躓くところがありましたが、なんとか、完成することができました。今度は何度か動画を見直して理解を深めていきたいと思います。ありがとうございます。

まじの初心者にはわかりにくすぎる笑 唐突に色んな新ワードをどんどん入力して進めてくるから頭追いつかん笑笑

このわかりやすさで無料って… 助かりました！！

It was very easy to understand. Thank you very much. Keep on going.

VBAを大学生の時習ったのですが、今とあるソフトのスクリプトにJava Scriptが使われてるらしくプログラミングしっかり勉強したいと思っていたのでありがたいです。

清人さんが一番わかりやすい！！ Apex（salesforce）も説明してほしい…

丁寧で分かりやすくて最高の動画でした！！ありがとうございます！！

なんのためにメッソッドや構文が必要なのかがわかるので理解しやすかったです！

めちゃめちゃわかりやすい！！！ しばらくJS触ってなかったので、これ見て自分で一回作るだけでかなり感覚が戻る気がします！！ また何かJavaScript系の動画、是非お願いします！！！

documentがブラウザのapiだったとは！色々とスッキリしました！痒いところに手が届きました！

趣味としてプログラミングをはじめてみたく、何からしたらよいか分からぬまま本講座に辿り着き、勉強させていただきました。ありがとうございます。本来受講料をお支払いしなければいけないレベルのクオリティで、感謝致します。 通勤時に動画を見て、「？？？」に溢れながら家に帰って画面を静止させて、API(?)の役割を別途調べながらコードを自分でも打ってみて、なんとか一通りの挙動の流れと理屈は理解できたかな…？と感じます。(なんで「.」をつけるだけでそんなに便利なことができてしまうのだ？！どれだけ種類があるんだ？！というのが毎日の感想でした。。。) 言われれば「なるほど」となるのですが、これを自分で考えて組んでいくのはド初心者には絶望的に感じますね(笑) ただ、「何がしたいのか」からの逆算で必要な動作を定義づけていく思考方法は非常に参考になったので、まずは当分 見様見真似で慣れていきたいと思います。 なんにせよ、楽しかったです。ありがとうございました！

とてもわかりやすく解説していただき、理解が進みました。確かにTODOリストには多くの基本的要素が詰まっていますね。

とてもわかりやすくて勉強になりました。 動画をあげていただいてありがとうございます！

ドットインストールで学習中の初心者ですが、自分が既に得ている知識とこの動画を照らし合わせて見るとスムーズに理解出来て楽しいです。 何度も見に来ると思います。素晴らしい動画をありがとうございます。

きよとさん！非常にわかりやすくプログラミングが楽しくなってきました！UdemyのAWSインフラも分かりやすかったです！明日から独学エンジニアもスタートします！

触ったことない人にはお勧めできない動画なのはわかったｗ

素晴らしすぎます。

ごきげんょう、お疲れ様です。 参考お勉強になりお勉強させて頂き 楽しく拝聴させて頂きました。

バックメインですが、フロントも最近触る機会が多いので、見させてもらいます。

3時間くらいかかったけどなんとかできたぁぁあ！！！！ありがとうございました😭

とても参考になりました! 駆け出しで、まだまだ理解できないところが多かったですが頑張ります。 丁寧にご説明いただきありがとうございます。

今、勉強してるのでありがたいです。

解説からの実践での講義でいつもわかりやすく見させていただいてます。 用語なども丁寧に解説がありとても見やすいです。 その中で1:07:45のこれぞ見本！とばかりの二度見にツボってしまいその部分をリピートしてしまいました！ 1時間越えの動画もストレスなく見させていただいてます！

素晴らしい講義でした！

ある程度独学でJavascriptをやったタイミングで見ました。色々もんやりしてたことが、こういうことだったのか(DocumentはブラウザAPIとか特に)の連続で感動しました！😂予備知識ゼロでは確かに難しいかもしれませんが、今の自分には最高の動画でもっとJavascriptを勉強したくなりました☺️まとめるの超大変な動画だったと思います。ありがとうございました🙇‍♂️

本当に分かりやすい！ありがとうございます！

終盤にかけてだんだん訳が分からなくなったけど、とりあえずできました笑

ベストプラクティスな動画です😀

めっちゃ共感です、私は169.8くらいです

めちゃくちゃわかりやすいです。

細かい点ですみません。高さ height の発音はヘイトではなく【háit】ですよね。ヘイトだとhate憎むを思い浮かべてしまいます・・・。

感謝あるのみ、本当に有難う御座います〜

わかりやすいです！ありがとうございます^^

わかりやすいです😭

この内容で全く分からないという方はそもそもこれの前にプ○ゲートやドット○ンストールでプログラムとは何ぞやの基礎中の基礎を初めに勉強した方がいいと思います！。(コードの書き方や書き方のルール、そもそもの基本的な文法などの部分)基礎とは言っても全くの無知からではさすがに難しいと思います。 動画でアプリやツールができるまでの一連の流れを把握することが出来ました！動画の中でもあった通り入門は基礎の文法ばっかりで、じゃあこれがどのようになってプログラムとして組まれるのかというところが未知だったので無料でこの内容は本当に大変ありがたいです。1回目は内容のままとりあえず完成させて2回目はコードの意味も調べつつ改めて実践しようと思います。

まだ冒頭のタクスバラシまでしか見てないけど、めっちゃわかりやすい！ お馬鹿な私でも理解できるかもと期待値アップ！

ブラウザはJSを実行するエンジンを持っている 実行するとHTMLの要素を変える bodyタグの中にscriptタグを書くこと。 HTMLを表示させてからJSの処理させる。 小さく作ってまず動かす。 documentはブラウザのデータをプログラムが扱えやすいように提供してくれてるもの inputタグを取得して、valueを取得する letは再代入できる constは定数 （varは古い） 特定のイベントが起きたら、JSを実行する JSでliタグを作成させる 入力された値を取得 デザインを当てる ulタグ

すごい！　よく理解してらっしゃる。

プログラミング屋さんは heightをヘイトっていうのか。 ハイトの方がいいと思うけどな。

きよとさん、heightは「ハイト」ですよー

山浦さん いいコンテンツありがとうございます。 動画では全然エラーが発生しないでサクサク進んでますが自分でやると中々エラーが解決できずに苦労しました。(^-^; 本当はダブルクリックで再編集とかできるようにしたいのですがまだ初学者なので難しいです(^-^; 最終的には「"text-decoration-line-through"」の記述ミスで挫折しようになりましたがサンプルコードと 自分のコーディングをコンペアツールで比較しながら解決しました。 単純にサンプルコピペでは動きけどなんの経験にもならないと思うので(^-^;（体験にはなるかも） 今後ともよろしくお願いします。 分野的に視聴者が増えにくい動画ですが今後とも期待しております。 Progateやるよりもこちらの方が数倍いいですね。 Jsしっかり覚えてTODOの追加行の再編集を行いたいと思います。(^^)/

heightはハイトです！

最初にどの言語から学ぼうかなと思い、学校ではC言語をやっていましたが、アプリ開発をしてみたいのでJSでいこうと思い、この動画に出会いました。 プログラミングを勉強して初めて(規模は小さいとは思いますが)開発？を経験しました。いざアプリが完成するとなんだか「おおっ！」って気持ちになります笑 ただ、超初心者の向けの動画だと思うのですが、それでも難しい言葉や、なぜこの書き方をするのかを理解できなかった点がいくつもあったので、ここは学習を通して徐々にマスターしていこうと思います。

プログラミングの理屈を学びたい人は「全員」必見です。 私もこの動画を10回以上見直してようやく少し理解ができるようになりました、本当にありがとうございました。 【質問】 動画(1:12:12)では配列 todo を先に作成し、その後に todos.push() の引数としてtodoを渡していますが、githubではtodos.pushで直接プロパティを追加しています。 作用としては同じに見えるのですが、何か理由(コードの短縮、トレンド、可読性の向上、管理のしやすさ等)があるのでしょうか？ お時間があるときで結構なので教えていただけると幸いです。

11分台のとこでいきなり自分の環境で再現できなくて「マジかよはえーよ😭」と焦ったけど どうもブラウザに入れてるDeepLの拡張機能が邪魔になるらしく、一旦オフにしたら再現できた。 良かった〜いきなり躓かないで。

今月からJavascriptを学び出しました。見ながら（止めながら・繰り返しながら）一緒にVScodeに打ち込みました。途中で動かない？？？。保存し忘れていました。(笑)　動作するように打ち込み完了できました。関連性やしくみを説明されているので、少し判るようようになった気がします。これから理解不足を解消するため、似たものを作ってみようと思います。

山浦さんのJavascript講座は他にもありますか？

jsの基礎知識持ってる人が、この動画を見ながら答え合わせ+理解をスムーズにできる動画です。 配列とか、関数とか、条件式とか、 本当の初心者は、基礎知識身に付けてから見てください。楽しめると思います

thisってそういうことか！ よくわかった気がする

Progateで言われるがままJSの入力を無心でやってたので、実際どう使われるかがわかって『あ！ここProgateでやったとこだ！こういう場面で使えるのか！』ってなりました笑

説明の時にも少し日本語使ってほしいです。 超初心者向けなのにベストプラクティスとか新しい事の話してるのかなって話が入ってきにくいです。 ただホントに参考になりました。ありがとうございます！

ありがたい講座なのですが、本当に初心者なのでフロントエンドエンジニアやバックエンドなど、の用語の説明も欲しかったなと思いました。逐一調べるのは少し大変でした。

めちゃわかりやすかったです！！ 何となく使っていた機能について深掘りしていただけて、理解が深まりました。この積み重ねで応用力がつくのだな、と思いました！ UdemyではJavaScriptコースを出さないのですか？

超入門なのにemmetとかその他にも専門用語を使うので初学者には難しいと思う。

Thank you. Learning Japanese and JavaScript at the same time Lol

const height != “ヘイト” ; height =“ハイト”;

説明が順序よく分かりやすかったです。この次におすすめのJavascriptで作るおすすめの物はありますでしょうか？

まずform idとは？input typeとは？ id？placefolder？？？みたいに基礎が分かっていないのでここら辺に関してはProgateとかで学ぶといった方が良いですかね、、？

勉強になりました！ ありがとうございます^_^

初心者向けのフレームワーク教えてください。

Height＝ハイト　ですね。 Documentがjsの機能じゃないのは知らなかった！

大変ありがたいです。一つ質問なのですが、input.value = "　";　　の部分は、let todoText = input.value;で変数宣言したので　todoText =””；じゃだめなんですか？やってみたけど、文字が残ってしましました。

UdemyのJavascript講座、期待しています！