【基礎から学ぶ JavaScript 入門 #1】フロントエンド開発でJavaScriptが必要な理由を解説！【ヤフー出身エンジニアが教える初心者向けプログラミング講座】

[@shimabu_it]

JavaScript講座の第1回目です。 コメントもお待ちしています😊 疑問や質問もお答えします！

[@harukisoma8873]

JavaScriptだけでなくjQueryも学ぶべきですか?

[@apz5400]

I’m here for JavaScript 👍

[@KO-kz7bg]

3年前の動画ですが今視聴しても問題ないでしょうか？数年前に研修でちょっとだけjs触った程度なんですが復習の教材として視聴させていただこうと思っています

[@qwic8826]

元パッケージ開発者です。木から入らずに森から入るという姿勢、いいですね。私も過去の体験から「なぜそれが必要なのか？」ということを最初にしっかり腹落ちさせることが何よりも重要と思っており、すごく共感してしまいました。

[@高田祐太郎-g6s]

内容がわかりやすい、説明が聞きやすい、字も絵も綺麗でわかりやすい。無料だなんて本当にありがとうございます。継続して拝見しますので、ぜひこれからもよろしくお願いします。

[@広治室伏になりたい]

今からJavaScriptを勉強しようと思っていたのでとても助かりました！

[@불뿜는고릴라]

私、韓国人です！ 韓国のJS動画は実習する動画しかないから正確的にJSが何だかは分かんなかったんですけどありがとうございます！ 外国人の立場から見るとめっちゃ早口ですけどゆっくり見ながら勉強します！字幕助かる！

[@mjtpjajtpja]

文系出身の方だからこそかもですが、ストーリー仕立てで、何も引っかかりがなく他の方より遥かに分かりやすいかったです！ふわふわとした概念で進んでいきそうでした！これを見て本当に良かったです！動画作成してくださり感謝です。😢🙇‍♂️✨✨

[@わわわ-b9o]

JavaScriptはWebサイトを作る上で基盤となる言語なので、重要性が高いですね。いつも有難うございます。

[@津久井均-d6b]

大変分かりやすい解説をいただきありがとうございます。 「概念から入る」考え方に大変共感致しました。

[@Beat-1725]

JavaScriptの勉強を "結局何に使うんだ？" とモヤモヤしながら行っていたので、とても参考になりました！

[@seahero1209]

社会人1年目でWeb系が何もわからない状態でいきなりnode.js,vue.jsを勉強しながら仕事してるので分かりやすくて助かっています。

[@shimabu_it]

いきなりnode.jsとvue.jsは難しいですよね・・・😅 少しでも助けになれるように今後も講座をドンドン出していきます！！

[@HI-hi9gf]

めちゃくちゃワクワクしました。次回も楽しみです

[@harukame2971]

HTML/CSS、jQueryを使用してWebサイトを作成していました。そこで満足していたのですが、JavaScriptを学ぶ重要性がとても分かりやすく理解できました。ありがとうございます！！モダンJavaScriptも歴史から入ることで理解が深まって、納得でき、学ぶことにワクワクできました。ありがとうございます！！

[@jyon77]

javascriptを使用することで、ユーザー側に快適なwebを提供できることが分かった。この動画を繰り返し見て仕組みや流れを覚えると理解度が増して次に活きると思う。

[@wi4835]

分かりやすいです！初心者でIT企業に就職して苦労していましたが、この動画見たら全体図が見えて今から頑張れると思いました！！ありがとうございます！

[@tokumeiryo]

木を見て森を見ずとしまぶーさんがおっしゃっていたように、まず全体像から話していただけると、いきなり構文から学ぶより大枠を知れるのでこの後の吸収率が変わるとも思います。 とても分かりやすかったです。 それにしても絵も板書もとてもまとまっていって字も上手くて最高です！！！

[@reidora]

初見でjs初心者の者です！ こうやってプログラムを技術だけ教えてくれるチャンネルなかなか無いので助かります。 ajaxの意味も分かるようになった気がする(小並感)

[@yukarim4303]

単純にCSSよりも高度なUIができるものだと勘違いしていました。わかりやすかったです。

[@dagwood009]

googleマップの話が面白かったです。 そういった話があると印象に残りやすく、学習の糧になりました。

[@shimabu_it]

おおー良かったです！ 例えってめちゃくちゃ大事ですよね、例え力をもっと鍛えたい！笑

[@maa5824]

仕事でJavaScriptの必要性を感じています。 初回視聴しましたが、とっても分かりやすかったです。😊

[@musent555]

ありがとうございます やっぱり難しいですが、ぽちぽちとキーボードを叩き続けて何とか進めます 教科書として、すっきりわかるJAVA入門第3版を使用しております。 これからも勝手ながら拝見させて頂きます よろしくお願い致します

[@勝訴モラトリアム]

みんなのために講座までやってくれるなんて聖人😋

[@shimabu_it]

👨‍🦳＜しっかり学ぶんじゃぞ！）

[@わわわ-b9o]

しまぶーのIT大学 めっちゃ良い人やんけ。腰が低く、更に面白いとか

[@MisatoHoshina]

今独学で学んでいますが、最初にこの動画を見ればよかったと後悔しています😂 本当に”木を見て森を見ず”の状態で挫折しかけていました。 ありがとうございます！

[@hiyuu121]

今JavaScriptを学習なのですがすごく仕組みが分かりやすいです...!! これから続けて見させてもらいます!!

[@田中武-x6e]

なんとなくHTMLに動きが付けれるという認識だったので、より理解が深まりました！ これで無料とは… 本当にありがとうございます😊

[@shimabu_it]

「HTMLに動きをつけるため」っていう認識が多すぎるので、そこは変えていきたいなーと思っています（もちろんそれもできるんですが）。Web制作とアプリ開発でJavaScriptの扱いが全然違うんですよね。詳しくは下記動画もご覧いただけると🙌 kzbin.info/www/bejne/m6LJkql7l9GJr5I 第2回もアップしていますので、ご視聴がまだでしたらぜひ！ kzbin.info/www/bejne/a4aTn3Sln7OEiZI

[@fotk.9413]

わかりやすく仕組みを教えていただきました。これから、頑張ります。Googleスプレッドシートでつくった業務システムを、メンテナンスや継承を考えて、Webアプリに仕立てていきたいです。

[@배추맘-n7d]

日本のIT業界に就職するために見てます！優しい講座ありがとうございます。

[@chokobi2071]

JavaScript勉強してて、ループとか条件分岐とかわるにはわかったけど、どう使えるんだこれ！？と疑問というか、不安に思っていたところでした。　この話聞いてJavaScriptのすごさにワクワクしました！！！

[@shimabu_it]

ループや条件分岐の構文だけ学んでも何ができるか分からなかったら意味が無いんですよね。講座を進めていく中で、自然と使いどころが分かるようになるかと思いますのでご期待を！😏

[@フライドチキン-y3o]

とても分かりやすいですし、絵が可愛らしい

[@shimabu_it]

ありがとうございます！ かわいい絵を書いて少しでもとっつきやすくなればいいなーと思っていましたが、思った以上に絵を褒められるので嬉しいです😙

[@nico-ov2yt]

ほ

[@nico-ov2yt]

@@shimabu_it op

[@増渕昂明]

未経験からフロントエンドエンジニア目指して学習を始めました。 未経験でも分かりやすい説明で助かります、ありがとうございます！

[@in9368]

現在JavaScriptを勉強しているのにもかかわらず、Webサイトの内側ではどういった動きをしているのかがわからなかったので、この動画を見つけてよかったです。

[@とんかつ-y7w]

Javascript勉強中でめっちゃわかりやすいです！！

[@shimabu_it]

ドンドン学びを深めて、JavaScriptを極めていきましょう！ 私も講座をドンドン出していきます！！

[@chocolatebuchus]

木を見て森を見ずってまさにそうで、自分もドットインストールでjsの基礎していましたがいつ使うのかが分からずのままでした。この動画でものすごく理解できました。有料級の動画をいつもありがとうございます！ これからも参考にさせて頂きます。

[@あやね-s4h]

話し方もイラストもわかりやすいです。これからも視聴していきます！

[@toshimasakun]

白板を使われて、すごくわかりやすい説明ありがとうございます！

[@xuchg7595]

丁寧で癒やしボイス。

[@つけ麺-m5p]

分かりやすかったワン！

[@やまです-l5k]

絵がうますぎてめちゃくちゃわかりやすい

[@nerohayaku]

木を見て森を見ずな勉強をしていたので『なぜ勉強するのか』が理解できたのでモチベ爆上がりしました！

[@たなちゃん健ちゃん]

IT'SCOOOL！！テクノロジーのなかでJavaScriptは革新をついた物凄く便利なアイテム何ですね。 教養動画大好きなんで応援しています。

[@shimabu_it]

ありがとうございますー！😊 JavaScriptは今のフロントエンドでは欠かせないものですね。 今後も学びの動画をたくさん出していきますよー👍

[@たなちゃん健ちゃん]

@@shimabu_it 楽しみにしてます。

[@gorilla5535]

JavaScriptを勉強中ですが、何のためになぜ必要なのか曖昧なままだったので今回の動画で理解する事ができました！ これを知った上で勉強した方が理解度が増す気がします👍

[@ルルーシュランペルージ-t3t]

こういう概念的な部分面接で全然上手く説明できなかったのですごくありがたいです。

[@shimabu_it]

面接で既に問われていたんですね。 次の面接時には困らないようになってることを願います！🙂

[@kei1076]

とてもわかりやすかったです。 わからなかったのは、 ・レンダリング ・DOM ・AJAX ・JSON です。 知ってて当たり前かもしれませんが😅素直に書いてみました〜

[@なおなお-l1h]

現在JavaScriptを勉強してるので、今後もよろしくです！

[@shimabu_it]

今後も継続的に動画を出していきます！ 分からないところが出てきたら聞いてくださいね👍

[@user-vn6py6ze2v]

Javascriptの基礎を学んでおり、勉強方法に詰まっていました。 木を見て森を見ず、という言葉がしっくりくる動画で、興味深かったです！ また、しまぶーさんのイラストで、グーのこぶし具合まで細かく描かれてあるあたりが丁寧さを表していてツボでした！！

[@土屋-y1u]

今月から大学生になるit業界に少し興味があるものです。初心者の僕でもすごく分かりやすかったです！このシリーズを全部見て独学でもjavaについて学びたいと思います！貴重なきっかけをありがとうございました！

[@ramunedayoooo]

Javascriptとjavaは違うのです…

[@土屋-y1u]

@@ramunedayoooo なんです…と…

[@kaaazu_nft]

Web3エンジニア目指して勉強中です。 Progateでコードの勉強をしていますが、そもそもJavaScripが必要な理由を知りませんでした。 このような視点から学習を始める大切さに気づかせて頂きました。

[@あやあん-n1w]

今日初めて拝見いたしました！ SEなのですが、今月から業務でJavaScriptが必要になるため、ご縁あり辿り着きました。 JavaScriptを何のために使うのか、森の部分から学べたところがすごくよかったです。 ただ、レンダリングがどういう意味か分からなかったので、その場でざっくり説明していただけると助かると思いました。 私の知識不足ではある面もあると思いますが、コメントさせていただきました。 2回目以降も拝見いたします。今後も楽しみにしています！

[@ユンぺい]

ちょうどJavaScriptの勉強がしたくてどこから勉強すればいいのか迷っていたため助かります。 説明もわかりやすく、概念から語ってくれたのでとてもわかりやすかったです。

[@shimabu_it]

そう言ってくださって嬉しいです😂 JavaScriptの講座も用意しているのでもし良かったらどうぞ！ 途中から難しくなっていきますが頑張りましょう！！✊ ただ私のだけだとまだ十分な量の講座とは言えないので、ドットインストールなりProgateなり書籍なり、別途メインとなる学習方法は見つけてくださいね！👍

[@tomohiro4351]

仕事でJavascriptを使い始めたので、こういう動画はかなりありがたいです！

[@ake3749]

分かりやすい情報ありがとうございます。 先に森を見るということに賛成です。 どの学習サイトでも木を見てばかりで、これは何のためにやってるのか完成版のサイトをまず見せてくれってよく思います。 今後、具体的な完成サイトの動きを見せてから、これを作るためにこのコードを学びますという構成にしてくれると嬉しです！

[@shimabu_it]

@iw ta 難しいですよねー常に新しい技術が出てくるので、パラダイムシフトが起こったら私も過去の動画に訂正を入れる必要があります・・・。なるべく細かくアップデートしていこうとは考えていますが😓

[@shimabu_it]

@ake37 こちらこそ、嬉しいコメント＆アドバイスをありがとうございます！全体感を把握せずに細かい部分を学習しても、ちゃんとした学びになりにくいですよね。 今後のJavaScript講座では動画の冒頭で完成形をお伝えしてから、内容に入っていく予定です。後は講座全体としてもなるべく全体感を見失わないように伝えようとは思っていますが、もし見失ったら教えてくださいね。軌道修正します！😊

[@dmcreatorjapan]

最近VueとかReactとかやってる時知らない JSのメソッドが出てくると毎回検索しないといけないから 今になって改めて素のJSの重要性がわかってきた。

[@shimabu_it]

ES2015以降の構文ですね。 独特な記法が多いので、そちらは一挙紹介する動画は作ろうと思っています。 もうちょっとお待ちをー！！😊

[@黒執事-e5h]

すごくわかりやすかったです！ 字も綺麗で見やすい

[@aronbass4]

今まで見た動画の中で説明が分かりやすいと思いました！ ちょうどJSを勉強し始めたところなので動画楽しみにしてます！

[@shimabu_it]

良かったです。昨日から第3回の動画を撮影していますが、伝えるのが難しすぎて四苦八苦しています（笑）今後も分かりやすい説明を心がけます💪

[@ナリちゃんねる-j6m]

しまぶーさんイケメンなので勉強の気分がのらなくても見に来たくなってしまいます！！！✨ いつも有難うございます！

[@keita5518]

再度復習しに来ました。しまぶーさんの動画は「なぜ？」がわかるので大変助かっています。 書籍で説明がなく「？？」と疑問に思う点を解説いただいているようで理解が深まります。

[@12sp38]

わかりやすくて絵がカワイイです。 本を買って勉強していますが、JSがどんどん進化していて自分がコーダーをしていた頃より ハードルが上がっています。とても頭に入りやすいのでありがたいです。

[@shimabu_it]

嬉しいですー！想像以上に絵を褒められて照れます😄 JavaScriptは常に進化が早いですね・・・追うのが大変ですがなるべく最新の情報も動画で伝えていければと思っています！

[@かんたろう-y3m]

マクロな部分、とてもわかりやすかったです！ 次の動画も楽しみにしています！！

[@shimabu_it]

はい、もう少しマクロな部分を解説して、その後ミクロな部分に入っていきます。全体像を理解していきましょう！😌👍

[@take6083]

とてもイメージしやすい解説でした！ JavaScriptに興味があるので今後も勉強させていただきます😄

[@shimabu_it]

JavaScriptは将来性無限大ですよー！！ 私は１番オススメしています😊 今後、色んな使い方を紹介していきますね🔥

[@rikito0525]

フリーランスのフロントエンジニアですが、復習という意味も込めてすごく勉強になりました。

[@oishiiii]

新卒でJavaScript使うことになったので有難いです！

[@drmr456]

分かりやすくて嬉しいです😊

[@shimabu_it]

良かったーーー ちょっと概念的なところが中心だったので不安でした。 伝わったようで本当にホッとします 😌

[@山尾弘大]

とてもわかりやすいです。 自分自身、webの仕組みについてはまだまだ理解できていない点が多いので助かります。 これからも、動画楽しみにしています。

[@爆ちゃんねる]

ホワイトボードでの説明が非常に判り易く、絵も上手でした😊

[@yutaakimitsu]

ありがとうございます。私はブラジル人です。

[@letsgoboys9676]

まじでありがとうございます！ ちょうど勉強していたので復習になるし、まじで分かりやすい！

[@shimabu_it]

良かったです！これからも大事な概念や内容が出てくるので、そちらも一緒に学習していきましょう！！✍️

[@kowich6789]

すごい分かりやすくて、犬が可愛いです。勉強になります。お忙しい中、これからもよろしくお願いします。

[@shimabu_it]

猫は・・・猫はどうなんですか！😾😾

[@kowich6789]

@@shimabu_it 無論、イラストは可愛いデザインです。✌️

[@kuukanzapho]

フロントエンド勉強しようと思ってたのでちゃんと仕組みから理解できてよかったです！JSやってみます！

[@kaiy2114]

プログラミングの講座ではさらっとしか触れないそもそもの基礎部分を詳しく解説していただけるので、初学者の僕からしたらとても助かります🙇‍♂️

[@モンスリー-v9b]

イラストが頭の中に残って理解し易かったです！

[@夜桜朧-l4s]

JavaScript概論ですね！ Progateで木を先に勉強していたのですが、この動画で森を眺めることができて良かったです。 ホワイトボードの説明もキレイでした……！ 再生リストでこのあとの動画も勉強させて頂きます！

[@田中康裕-i6v]

毎回わかりやすい解説で、とても参考にさせていただいております。 今後も素晴らしい内容を楽しみにしております☺️

[@shimabu_it]

ありがとうございますー！ JavaScriptだんだん難しくなっていきますが、ぜひついてきてくださいね！✌

[@桂川星]

JavaScriptを今学んでるんですけど、何でこんなにウエーブサイトで使われているのか、背景などなど知れてわかりやすいです。

[@こーやんゲームチャンネル]

分かりやすい説明有難うございます！

[@shimabu_it]

これからも丁寧な説明を心がけます😉

[@liliantatsumy4784]

動画ありがとうございます！ ブラジルでIT関連のお仕事をしています！ 結構前からjavascript等いろいろと見てきましたがなかなか全体的な理解と繋がりが出来ていない状態でした。 でも動画をみてすごい分かりやすく、やっと見てきたものが理解出来ました。 これからも見ます☺️ ありがとうございました😊

[@shimabu_it]

海外から見てます報告は今まで何度かありましたがブラジルが１番遠いです！(^O^)笑 JavaScriptはただアニメーションをつけるのに使う、みたいな説明もたくさんありますが、実はそっちの方が用途としては少ないんですよね。動画の意図していた学びが伝わったようで私も嬉しいです😊

[@saints7189]

動きが画面に出てきてすごいですよね

[@sahi5720]

用語やイメージの丁寧な説明で概念を掴みやすかったです！！ ありがとうございました！ 今後について以下についてもご説明動画あれば嬉しいです！ ・eslint ・webpack/babel ・react 期待してます！

[@shimabu_it]

コメントありがとうございます！そう言っていただけて嬉しいです！ それらも全部解説していく予定です。特にWebpack, Babel周りは概念理解が難しいので、より丁寧で分かりやすい説明を心がけます！😊

[@isabian5224]

分かりやすいです♪

[@MHGYOTOKU]

とてもわかりやすかったです！ 動画配信ありがとうございます！！

[@qa7549]

今日からJavascriptやってみます！

[@shimabu_it]

JavaScript 1日目いいですねー！ バンバン学んでいきましょう！😎✨

[@切り抜きチャンネル-f2r]

いつも本当、勉強になります！！！！ 独学していて、モチベーション維持が難しいのでしまぶーさんの動画見て頑張ります！！！

[@shimabu_it]

次に出す動画はモチベーションに関する動画です！ プログラミング学習にはマインドも大事なので、きっと役に立つはずです。 明日か明後日、楽しみにしていてくださいね☺️

[@はなちゃん-w9w]

分かりやすい説明ありがとうございます！

[@shimabu_it]

嬉しいコメントありがとうございます！ もし難しいところとかあれば、遠慮なく質問してくださいね😊

[@まろさん-f9q]

とても分かりやすかったです。 今後を期待してます。

[@secondliar556]

初心者向けで分かりやすいね！

[@亀田三郎]

わかりやすいです。丁寧。絵が上手。

[@gorogoronya-f9n]

すごい！痒いところに手が届きすぎてる！！ progateで文法やクラス、メソッドを学んだだけの自分にはとてもためになりました！

[@noahr.1611]

やっとjava scriptの意味がわかりました。またしまぶーさんの動画見て勉強再開したいと思います！

[@TyomoChannel]

ニッコニコの犬すき

[@ディーちゃんロハンくん]

オープニングが始まるだけでワクワクします！！

[@eu-qf9hm]

勉強になるし楽しい動画です！！

[@NY-li6jp]

Udemyだったら全然買うレベルでわかりやすいです。ありがとうございます

[@shimabu_it]

ありがとうございます！Udemyは出す予定ないですねー！ たくさんの人に見てもらえるほうが好きなので今後もKZbinでやります！👍

[@人面アライグマ]

いつも分かりやすい説明ありがとうございます😊✨参考になります‼️

[@shimabu_it]

こちらこそありがとうございます！ もっと分かりやすく説明できるよう私もレベルアップします👆👆👆

[@遠藤正人-i6q]

初めて観たけど解りやすくてかなり良かったです。 ありがとうございました✨

[@shimabu_it]

そう言っていただけて嬉しいです。これからドンドン難しくなるんですが、分かりやすく丁寧な解説を心がけます。分からないところが出てきたら質問してくださいね😊

[@aoshun7289]

なんとなくで勉強していたjsをここまでわかりやすく教えてくれるとホントに助かります！ チャンネル登録、いいねさていただきました。 これからも有意義な発信、よろしくお願いします🤲

[@gasaspacetv6067]

わかりやすかったです。これからJavaScriptの勉強を頑張ります。

[@T_yu6129]

むちゃくちゃわかりやすい… チャンネル登録しました！

[@sayang_CCA60]

凄い！初学者にとっては、とても分かりやすい！ありがとう！

[@totemonemui_]

内容ももちろんですが、絵心も素晴らしい

[@taka1562]

とても丁寧な動画ありがとうございます！ Progateで勉強しているぐらいですが、専門用語が難しいですね😅 一度じゃ理解できなかったので、何度も見て理解を深めていきます！

[@shimabu_it]

ありがとうございます！ 専門用語は最初はとっつきにくいですよね。私もなるべく解説していきたいですが、ポロッと知ってる前提で使っちゃうことがあるので気をつけます😓笑

[@yuheinara7983]

JavaScriptがずっと苦手だったのですが、とても分かりやすかったです！ 次回が実際にコードを書きながらなのでとても楽しみです！ 個人的に欲を言えば、JavaScriptのフレームワークの詳しい解説もあったら嬉しいです。

[@shimabu_it]

既にアップしちゃってますが第2回までは概念系の動画です！第3回で実際にコードを書きますよ！✍️ もちろんReact, Vueなどのフレームワークについても講座を作ります！そこに行くまでに色々と基礎的な講座を作っていく必要はあるのですが、必ずやるのでお楽しみに！😊

[@UbuntuMenu]

結構わかりやすいです！

[@shimabu_it]

「結構」から「めっちゃ」に変わるように頑張ります！！🤣笑