【JavaScript超入門講座】わずか50分で知識ゼロから基礎をマスター！

👩‍💻セイトが運営するプログラミングスクール・研修事業「SiiD」
bug-fix.org/siid
👨‍💻セイトによるエンジニア専用・転職キャリア相談「EEE転職」
• 若手エンジニア皆さんの転職やキャリア相談にのります
✅LINEで配信・イベント情報・無料キャリア相談やってます
lin.ee/eR6BXOD
📙プログラミング入門書出版しました by 日経BP
amzn.asia/d/7Z3T5mH
◎お仕事のお問い合わせはこちらからお願いします
bug-fix.org
------------------------------------------------------------------
プログラミングを学習したい初心者さん、エンジニア転職を目指している方、Web制作したい方であればぜひ学習しておきたいのがJavaScriptです。
とくにフロントエンドエンジニアなら必須！バックエンドエンジニアでも確実に触れる機会はあるので最低限抑えておきましょう。
ここで学んだ知識を使って、実際にJSでクイズアプリを作る動画もあるので観てね！
------------------------------------------------------------------
【動画内のサンプルコード】
github.com/seito-developer/js...
【目次】
00:00 はじめに
02:03 Webアプリケーションとは？
05:25 最小限のHTML/CSSを用意する
17:48 JavaScript基礎文法7つ
17:58 1.変数
21:36 2.定数
25:37 3.配列
28:07 4.ループ文
32:58 5.if/else文
35:30 6.関数
40:50 7.オブジェクト(+ イベント)
51:30 さいごに
🔽Special Thanks
動画編集：@poppy0p0 さん
画像素材：いらすとや さん（www.irasutoya.com/）
#プログラミングスクール・転職キャリア相談・公式LINEやってます

[@webit7652]

↓こちらもよければチェックしてみてください〜 👩‍💻ゼミ形式で学ぶプログラミング研修「SiiD」 kzbin.info/www/bejne/jYq4Y3qfqZ2XiMk 👨‍💻エンジニアによるキャリア相談「EEE転職」 kzbin.info/www/bejne/g3-3q4F8fMygj6s

[@webit7652]

@Joshua Dante Thank you so much!

[@user-jd3jh3cb4l]

ほんとにこの話の流れ、動画の構成を見る・真似るだけでも就職成功できそうなほどお手本のような説明です…！ 最近就活始めようとしてる院生ですが、とてもお世話になっております。今後も視聴させていただきます。

[@webit7652]

ありがたいお褒めの言葉😂 またうpしていくので何卒！

[@user-id9vh8we7g]

とても分かり易かったです！ 今後もたくさん更新して欲しいです！！

[@webit7652]

ありがとうございます！うｐしていきますー！ 今もちょうどJavaScript講座の動画編集してますゆえ！

[@takayamayoshikazu2782]

セイト先生は実用性が高い講座をしてくれるので、とても助かります‼️ 超初心者の私でもやれる気がします

[@webit7652]

嬉しいコメントありがとうございます！ ぜひトライしてみてください :)

[@user-rs8ey1mu3f]

最高です！おかげで短時間で理解できました！ありがとうございました！

[@webit7652]

おお、役に立って何よりです！

[@sintttttt]

シンプルで要点がまとまっていたのと、実践のイメージがつきやすくめちゃめちゃわかりやすかったです！ 次回も楽しみにしています！！mm

[@webit7652]

嬉しいコメントありがとうございます！ またタメになる講座作れるようがんばりますー！

[@SR-tz9fs]

短時間でここまでわかるように教えてくれるのめちゃありがたい。しかも無料！！

[@webit7652]

いえい！

[@tomomi1696]

以前くじけてしまったjavascriptが、こんなに効率的にかつ実践的に理解できるなんて。 もっと早く見ておきたかった... 神チャンネルです！！

[@alzkaai]

それな

[@ft5492]

有料でも余裕で見る内容。本当に感謝です。

[@webit7652]

ありがたいコメント…😭 今後もうpしていきます！

[@hiroekabeya9414]

とても分かりやすかったです。 この1時間の動画でたくさんの発見がありました。 これからも楽しみにしています☺️

[@webit7652]

嬉しいコメントありがとうございます！！ また良い動画講座うｐできるようがんばります！

[@user-kj7ys9jl8o]

いろんな動画やサイトで学習してますが、関数の説明はこちらが一番わかりやすいです。初心者にわかりやすい説明で助かります。

[@webit7652]

嬉しいコメントありがとうございます！😭

[@user-ks9kx6jq3v]

感動の連続でした！ すごく勉強になります。 ありがとうございます！！！

[@webit7652]

ウレシスです！あざます！

[@ielove-recruit]

分かりづらいサイトも多い中、体系的に知識がまとめられていて非常に参考になります！

[@wn8291]

初めまして、最近プログラミング学習をはじめました！動画、とてもわかりやすい内容でした。ありがとうございます！次の動画も見ていきます！！

[@user-jg8ts9wx7n]

飽きそうなタイミングでサクッとギャグを入れてみてくれるので最後まで楽しく勉強することができました ありがとうございます！他の動画もチェックしてみます！

[@webit7652]

ありがとうございます！勉強がんばってください！ 僕もエンジニア芸人として頑張っていきます！

[@kaibasakamoto4835]

安定・安心のセイト先生の講義。初学者でも迷子にさせない教え方がとても気に入っています！ サイド学習では他の方の講義も色々と見ますが、メインの流れを理解したり、初っ端に学ぶとき、立ち返って学習する際には決まってセイト先生の動画です！

[@webit7652]

嬉しい言葉感謝です！

[@nm5615]

わかりやすくて感動しています。 ありがとうございます。

[@webit7652]

感動してくれてありがとうございますｗ 今後も更新していきますので何卒！

[@irukachan474]

テンポがちょうどいい！分かりやすかったです。ありがとうございます。

[@hikaruozaki763]

ちょうどWEBデザインの勉強を始めようとおもった時にこちらの動画にたどり着きました。 とても完結に重要な箇所に触れらていてとてもためになりました。 続きも是非見させていただきます。

[@webit7652]

ウレシスです！

[@omi-omi]

全体構成の説明があって分かりやすかったです

[@user-hn8gp2xz8i]

すごくわかりやすい！

[@mmyshi3297]

JSの入門動画で最もわかりやすいです！

[@webit7652]

最も...！ｗ ありがとうございます！😂

[@user-ws5gz2gx2w]

神動画。まじで。もっとこんなの作ってくれ

[@webit7652]

神認定あざます！😂 がんばる！！

[@kimika53]

基礎のきを教えてくれる素晴らしい動画です。感謝！！！！！🙏🙏🙏🙏🙏 どうしてこんなに簡単かつ重要なことはほかのところでみつからないと逆に不思議に思います。

[@webit7652]

ありがとうございます！！

[@user-uo2uo9us4z]

プログラミング苦手なんですけど、とても分かりやすかったです！感謝です！

[@webit7652]

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

[@ziroura]

8年前に見たかった素晴らしい動画☺️

[@user-sy6ne7ux4b]

わかりやすっ！ww引数の説明うまっ！

[@webit7652]

あざます！w

[@user-nh6nq2lo7b]

文字列の意味あいも教えてくれるのがほんとありがたい

[@webit7652]

意味がわかると理解もしやすいですよね！

[@user-jy8em1jd4s]

これからプログラミングやりたい人にこの動画を見て欲しい。 すごいわかりやすいです。ありがとうございます！

[@webit7652]

ありがとうございます！！

[@aaaw1105]

凄く真面目に「ふむふむ」と聞いてたらたまに小ボケ挟んでて面白かったです！ もちろん内容も良かったです笑

[@webit7652]

😂😂😂あざます！

[@sntreey2718]

わかりやすすぎる

[@webit7652]

あざます！！

[@user-he4si5fj1g]

Progateで一通りJSを学習してきましたがこの動画ではより具体的にどんなことができるのかや便利なツール、ショートカットなどを知ることができてもっとJSを活用してみたいと思いました！わかりやすい解説ありがとうございます！

[@webit7652]

あざます！！

[@sxnxwxxk]

すっごい分かりやすくて面白いです！ ありがとうございます

[@webit7652]

ありがとうございます！

[@user-kb5my8jq6b]

早足でしたが、とても参考になりました。 ありがとうございます。

[@onod127]

めっちゃわかりやすい説明でありました！

[@webit7652]

あざます！

[@jnkmym4818]

とてもわかりやすく面白かったです。有意義な動画でした。数多ある動画の中で、この講座で勉強出来たことは幸運でした。これからも、期待しています。😀

[@webit7652]

感謝です！

[@mm1612]

一番わかりやすいと言われている初心者向けの本をやるよりもわかりやすいです！！ 明日はクイズゲームやってみます！

[@tama-qu6bz]

仕事で急遽JavaScriptの知識が必要になったので、こちらの動画で勉強させていただきます。いつもわかりやすいお話ありがとうございます！

[@webit7652]

おお、参考になったなら幸いです！

[@user-zj5th9fq9q]

趣味でプログラミング始め、この動画とクイズ動画３回見て勉強させてもらいました。理解が進みました。これからも動画楽しみにしてます。とても面白い方ですね！！

[@webit7652]

あざます！！！

[@user-op4ny9xy3x]

めっちゃわかりやすかったです！ ありがとうございます！

[@webit7652]

あざます！

[@syakugan1211]

38:50　引数 非常に分かりやすかったです。

[@webit7652]

あざます！

[@user-ex9vt6oi5i]

この動画神です！！！！！！ 超役に立ちます！！！！！！ 即登録しました！！！！！！ 直感的にわかりました。 この人は神だ。

[@webit7652]

嬉しいコメントありがとうございます！神ｗそんなｗ 次回もがんばります！

[@user-ex9vt6oi5i]

セイト先生👍

[@user-qz6lj4qz6e]

4ヶ月かけて130時間html/css学んだ私にはとても有意義な1時間だった。 最初のhtmlとBootstrapのとこは、ある程度知ってたので復習で見れた。（多分この動画の説明レベルだと、本当の初心者はここで挫折する可能性高いと思います） 本題のjavascriptはめっちゃくちゃ分かりやすい！ unkoやイノキを使ったユーモアある説明はクスッと笑える！😃 JavaScript初学者には超有益動画だと思います。 ありがとうございました！

[@user-qb2fc5rl1h]

1 週間前からHTMLとCSSの基礎を学び、その後もう一度この動画みたらめちゃんこわかりやすかった！

[@user-yh5wm6ct9d]

最近プログラミングにどハマりしてるので参考になります！！

[@webit7652]

おお、なによりです！

[@masa-video]

大変わかりやすかったです！

[@user-pf9hn2vc4k]

今までもやもやしてたのがすっきりしました！他のも見ます☺️

[@webit7652]

あぞます！！

[@user-jf8ps6kr3e]

初心者でもわかりやすい！！！

[@ruoka503]

独学者です。めちゃわかりやすいです。Tiktokも面白いです！

[@webit7652]

TikTokも見つけてくれてありがとうございます！😂

[@user-tz6zv4zd8o]

function で宣言せずアロー関数をいきなり教えるところが実践的で最高！ チャンネル登録しました！

[@webit7652]

おお、そこですかw あざます！

[@user-tz6zv4zd8o]

@@webit7652 グラフの描画むずすぎてキレそうなので動画作成まってます！ alert('うんこ！');

[@user-ip4wh3fg4f]

5月からの新人研修に向けて勉強させていただきます！よろしくお願いします！

[@ayaka8703]

すごいわかりやすいー！！何で勉強しても関数でつまづいていたけど、初めてなるほど！と思いました。ありがとうございました！！！

[@webit7652]

あざます！！

[@bluffue5fp]

なんだろう、unkoで説明されると直感的にわかる… そしてスッキリする。

[@webit7652]

不思議な現象www

[@user-dr5ny3fx5k]

うんこ？

[@keikoforsub]

もらすなｗ

[@bluffue5fp]

@@user-dr5ny3fx5k　世界共通言語にしよう

[@machikotajima8455]

私も思いました うんこドリル効果ですね 子どもたちの教材に 『うんこ』をつけると記憶力がつくようなんです 私自身も初めて効果を実感しました！

[@mellowjean1360]

ほんとに分かりやすい。 全動画見ます！！

[@webit7652]

嬉しいコメントありがとうございます！！ぜひ！ｗ

[@yoshishi5958]

自分が今まで色々勉強してきて色々なハテナが生まれました。 ただ、この動画を見て、そのハテナを綺麗に回収することができました！ また、色々な動画を見てみたいです！ ありがとうございます！

[@webit7652]

おお、よかったです！ またボチボチ講座うｐしていきますので、よろしくですー！

[@user-ez9jn7yy5i]

初見でしたが、鳥貴族か！が面白かったので高評価しました笑 しかもめちゃめちゃ分かりやすかったです！！ 大変参考になりました！ ありがとうございます！

[@webit7652]

嬉しいコメントありがとうございます！ 鳥貴族がウケてくれたら僕の中では目的達成ですｗ

[@ykou]

勉強なりました！とても良い動画です

[@webit7652]

ウレシスです。ありがとうございます！

[@mm_dolphin]

C、Pythonを触ったことあって最近Web系に興味を持ち始めたところですが、めちゃくちゃわかりやすかったです！！

[@webit7652]

ウレシスです！！

[@rogw6043]

ちょうどループで混乱していたので助かりました！速攻でチャンネル登録しました！

[@webit7652]

あざます！

[@hideyukitakeyasu627]

わかりやすい！

[@webit7652]

あざます！

[@user-nd2jo2ln6u]

教え方がめちゃくちゃ上手い。笑いも誘いながら飽きさせないように工夫されてて凄いです！javascriptに対して凄く理解深まりました。もちろん登録させていただきました。

[@webit7652]

めちゃくちゃ嬉しいコメントありがとうございます！🥺

[@user-en4cm4gv8y]

とても参考になりました。ありがとうございました！

[@webit7652]

よかったです！！

[@user-rb3wi9ub5r]

めちゃくちゃわかりやすくて参考になりました！！ 時折入ってくるunkoとinokiがそれまでの学習で凝り固まった頭をいい感じにリセットしてくれて、理解を助けてくれました笑

[@administratorsoanengineeri8092]

同意見

[@yasuyasutomato]

最初に学習した頃に見たかった笑 テキトーな名前だからこそ分かりやすい

[@syuneru6596]

そう。真面目な変数名だとそれにすら意味があってそうしなくちゃいけないのかと思っちゃうからありがたい

[@theperperperper]

progateでjavascriptやってもっとスッキリ理解したいなーと思ったらこの動画にたどり着きました。めっちゃ分かりやすいし。ひろゆき氏も何かものを作りながら学ぶといいと言っていたので、こういうことかと納得。

[@webit7652]

あざます！よかったー！

[@user-gh1yj9le2w]

わかりやすいですね！！

[@user-gm2vx2mo8n]

とても分かりやすくて、スクールで躓いていた所が解消されました。 チャンネル登録しました👇

[@webit7652]

嬉しいコメントありがとうございます！ 今後も発信していくので、何卒！

[@MT-zk5gt]

初心者には圧倒されてついていけなかったですが、とても貴重な体験 させてもらいました😅ありがとうございます。🙇‍♂️

[@webit7652]

ありがとうございます！ 今後も初心者さん向け動画出しいきますので！！

[@user-gu3jl1fe7j]

これはわかりやすくておもしろい！

[@IndiaIntroductionChannel]

関数、引数の部分すごくわかりやすくて助かりました。また定期的に学習系の動画もアップしてもらえると嬉しいなぁ！

[@webit7652]

あざます！ただいま3本編集中です。長すぎて編集に時間かかってます😂

[@mizuhomizuta3193]

去年に何度くりかえしても理解できなかった関数がこの動画でだいぶ理解できた気がします。 トークもうまいのでスッと頭に入りやすい〜勉強させて頂きます！

[@webit7652]

何よりです！あざます！

[@patora33]

ちょうどjsを学習中で壁にぶち当たっていました。でもこの動画を見たらあれ？意外と分かってると実感しました。何か自分の中で複雑に考え過ぎていたようです。話すテンポも良く頭にスッと入って分かりやすいです！！

[@darthvader9507]

とても勉強になりました。 今後JavaScriotを学んでいきます。

[@webit7652]

よかったです！ぜひ！

[@user-et1ok8ub2p]

ふざけた例出してるのにそれが慣習だったりの割と重要なことに繋がってるの強い(強い)

[@svsavant5941]

超初心者ですが、めちゃくちゃ分かりやすい！！ チャンネル登録しました！ 次はクイズゲーム制作編見まーす！！

[@webit7652]

あざます！！うれしす！

[@nn2941]

めちゃめちゃわかりやすかったです！ これからセイト先生の動画で学ばせていただきます！ なぜかunko登場してから親近感が一気に湧きました。

[@webit7652]

あざます！unko!

[@user-iy5xu7gt8b]

後半のjavascriptの基礎を爆速でやっていくのが良かった！ 多分progateやるより数倍早い

[@mi-xv2hh]

schooの時もCSSの授業よかったです。今回もありがとうございます。

[@webit7652]

おお、そんな前から知って頂けているとは…！ありがとうございます！！

[@tess7808]

挫折しそうになっていたのに、はじめてﾌﾟﾛｸﾞﾗﾐﾝｸﾞを理解できた気がして、もうちょっと頑張ってみようかなと思い始めました。救われた気がしました。ありがとうございます。感謝です♪

[@webit7652]

嬉しい！よかったです！

[@ngochaninh549]

めっちゃわかりやすくて、参考になりました。 日本語もjsの知識もよく受けたのは嬉しいです。 ありがとうございました。

[@ym4167]

Bootstrap最強すぎやん笑今まで1から書いてたのが一瞬！！

[@masakabuto]

結構最高にわかる！！ ありがとうございます。 次も見ます。

[@webit7652]

よかったです！！また出します！

[@user-yy2vh6bv9w]

@@webit7652 ウンコかなって思っちゃうんだよな

[@kemo6607]

本を読むより断然こっちの方が頭に入りました；ありがとうございました。

[@webit7652]

感謝です！

[@towa9338]

JavaScript初学者です。 とても分かりやすかったです。

[@webit7652]

ありがとうございます！！

[@hiromba2404]

神動画すぎるから復習したかったんだけどyoutubeでjavascriptとかで検索するとしまぶーしか出てこなくて、javascript　うんこって検索かけたら1位にでてきたよ。

[@webit7652]

まさかの検索方法ですねｗ 神認定あざます！😂

[@mfs__mi22]

面白すぎるww一週間前にこの動画見た時はついていけなかったけど今ならわかる🥺

[@webit7652]

よかった！あざます！

[@user-iv8tn6km1c]

この動画は絶対に役に立つ。

[@tsukasa7812]

Progateやドットインストールで勉強している最中なんですが、 硬い言葉で分かりづらかったので この動画を見ているとスラスラ頭に入っていって飽きる暇もなく動画終わってました。ありがとうございます！

[@webit7652]

よかったです！ あざます！

[@KJ-wm2vt]

HTMLもCSSも飛ばして、javasprictから勉強しようと思ってこの動画を初めて見ましたがすごく勉強になりました。途中で拡張子がjsにならなかったり、コンソールがcorsブロックされたりしてましたが、ローカルサーバー使用したら解決しました。次はアプリ開発の動画を見てみます。こんな有益な動画を無料で上げていただきありがとうございました。

[@webit7652]

その辺説明足らずでしたね💦 にもかかわらず完走できてすごい！お疲れ様でした！

[@tech-quest]

とても分かりやすいです！！！✨ 動画を参考に実際に作成させていただきましたが、この内容を無料で公開してるのはすごいと思います、、。😅 変数名もユニークな感じで楽しかったです💩

[@webit7652]

ありがとうございます！！！💩

[@KentaroxKondo]

いろんな動画をみて挫けそうになっていましたが、とってもわかりやすくて希望が持てました！ 特に、初心者ながらに私が実行してみたいイベントの処理を実演してくださったところが参考になりました！ 「とりあえず丸暗記」が苦手なので、ひとつひとつ理由を解説していただけてとても嬉しいです！記憶に定着しそうです！

[@webit7652]

ありがとうございます！ぜひ続けてください！

[@KentaroxKondo]

@@webit7652 今後も動画を漁らせていただきますので、よろしくお願いいたします！！！m(_ _)m

[@kwonyongbum]

韓国から拝見してますよ。^^本当に役に立ちました。ありがとうございます。^^

[@webit7652]

なんと海外から…！！ご視聴ありがとうございます😇

[@Gg-ro8by]

わかりやすい。

[@user-cx7pf9kd2p]

真面目な講義から時折り出てくる「鳥貴族」、「unko」が好きです

[@webit7652]

ありがとうございます！ たまにふざけたくなっちゃう性分でして…

[@user-cx7pf9kd2p]

そのほうがキャラクターあるし、親近感湧きます！ 自分も同じ感じなので

[@webit7652]

@@user-cx7pf9kd2p よかったですｗｗｗ また隙あらばどこかで仕込みます！

[@user-ip2ey7mz3c]

大学の授業の100倍わかりやすかった❗️

[@webit7652]

あざます！！

[@Ms-ww6bd]

Javascriptの理解が深まりました。ありがとうございます。forEachの使い方を知りたいです。

[@momokajyu]

面白く説明してくれてめっちゃ分かりやすかったです！チャンネル登録しました☆

[@webit7652]

あざます！

[@nett6116]

21:26「unkoはHelloWorldした」

[@user-qs7ct5oy8d]

JavaScript勉強し始めたのでこの動画見たけど、面白くて苦手なループ文も理解出来た(気がする)

[@webit7652]

感謝！

[@user-xz1qr4gd3g]

ありがとうございました！

[@su-ie7rx]

シンプルにunko笑いました🤣 ちょうどJavaScript勉強中なので、助かりました！ ありがとうございます😭😭

[@webit7652]

ありがとうございます！unko！

[@opmasao933]

progateより理解できたわーーーありがとうございます

[@webit7652]

ウレシスです！