VS code使って半年以上学習してますが、色の区別の意味など理解していなかったので目から鱗です！DVツールの今回のような使い方なども含めてしまぶーさんの解説はしっかり足元から固めていくので非常に有益です。Progateやドットインストールの並行学習者向けですね。ちなみに、DVツール（コンソール）の出し方（⌘ + IもしくはJなど）解説あればさらにGoodでした。笑
Google Chrome自体がJavaScriptインタープリタ（としての豊富な機能を備えている）であり、デベロッパーツールメニューのコンソール画面でコマンドを入力すると答えを返して来ると理解したので、早速、a=1リターン（またはa=1;リターン） b=2リターン（同） a+bと入力してみたら3と表示されました。この講座を見なかったら、ここまでたどり着くのに3か月、いや半年かかったかも知れません。
これでJavaScriptのオブジェクトはマスターできたかな？
着実にフロントエンドエンジニアになるためのスキルが身についていってるはず！😊
次のプログラミング講座は変数・定数・名前空間の話を考えていて、その次にAJAX（非同期通信）を用いたUI構築を考えています！
しまぶーのIT大学 使っているエディタはVS codeですか？
@@Takashi_was_taken そうです！
ajaxきた！！これは楽しみ！！
document.querycelecter()で別の方が出してる講座でみたのですがgetElementById使うのは古いみたいなこと言ってたのですが使い分けをするような形になるのでしょうか？
それともこれの方が可読性が高いというような理由でしょうか？
質問ばかりですみませんがご教授下さい！
復習のために見させていただいています。
しれっとimportやexportを使っていましたが、
同じようにしてもエラーが出て動いてくれません。
何か理由があるのでしょうか？
module 覚えたいので教えて欲しいです。
お願いします。
10:15 の動画と違う挙動で、躓いたメモ。
js呼び出し用.html 等を使用する場合、通常のChromeでは、js の import はCORSエラーで実行できなかった。
（ハッキング防止のために個人のフォルダへアクセスを禁止というエラー）。
ローカルサーバーを立てるか、通常利用時と分けるために、Chrome自体のショートカットを作成し、
リンク先（T）～chrome.exe" --allow-file-access-from-files とすることで、セキュリティーを下げ一時的に解除が可能。
更に、js呼び出し用.html 等で使用する場合の type="module"を宣言しないと、使用できないようだ。
まだ3分半しか見てないけど、これは神動画
めちゃくちゃわかりやすいすぎて愛してます。
それでは聞いてください。
KinKi Kidsで『愛されるより愛したい』
@@shimabu_it このコメントはすべってますが分かりやすくて最高です。愛してます。
@@菓子太郎-k3l これは低評価😠
今まで考えたことなく、勝手に使っているプロパティやメソッドを解説していて、ありがたいです。
独学でWebの勉強を最近始めて、買い切りの講座などでJSを勉強して見たもののよく分からず躓いていたところでしまぶーさんに辿り着きました。
これまで勉強に使っていたツールではいきなり構文から始まっていたりしてよく理解できていなかったところがスッキリ解決しました。
感動のあまりついコメントをしたくなるわかりやすさでした！続きも視聴させて頂きます！！
あなたのアイコンを見て、とても見覚えがあるのですが、村上さんでしょうか？
泣けるレベルで分かりやすいです😭
私はJS初心者ですが、本やネットで学んでいてもオブジェクトやメソッドについては理解できないままでいたのですが、
こちらの動画はすごくわかりやすくて、やっと理解できるようになりました。
ありがとうございます！
人が普段日常で目にするのはあくまでプログラムの処理結果だけなので、
その裏側をそっくりそのまま台本を読むように説明されても理解出来る訳がない！ネットにはそういった素人の教え方をする人で溢れている！
けど、この動画はその裏側のプログラム構造を人が日常でよく触れるモノを例に解説してるので、驚く程わかりやすい
ありがとうございます、アイラブユー
感動しました！！！JSの勉強法について悩んでいたので、まずは概念理解を深めます！
今ドットインストールとProgateでJavaScriptを学習中です。この動画でオブジェクトやメソッドなどの概念が理解できるようになりました。ありがとうございます！
いつもありがとうございます。基礎からのJSという内容の動画を見ながら、本を読みながらやっていましたが、一体自分が何をやっているのかがわかりませんでした。JSの＃１から試聴し続け＃４で初めて何をしているのかがわかりました。これこそが基礎中の基礎だと実感しました。俯瞰してみることで次に行うことがわかるのだと感じました。これなら続けられると思います。ありがとうございます。
私は独学で勉強を続けてきたのですが、すごく知りたっかったことを解説していただけて感謝しています♪
うぉー学びになったようで良かったですー！！私も嬉しいです😆
@@shimabu_it お蔭さまで少しレベルアップしました!
これからも頑張ってください♪
今学生でプログラミングを学習中ですがよく分からず困っていたのでこの動画を視聴しました。
第一回から見てますが、そもそもJavascriotとは何かというところから説明してくださって理解が早くなりました！
オブジェクトやその書き方もストンと腑に落ちました☺️
今までRUclipsのコメント機能使ったことなかったのですが、感動したので初めてコメントしてみました✨
動画制作たくさん時間がかかって大変だったかと思います…。
分かりやすい動画を作ってくださって本当にありがとうございます🙇♀️
これからもたくさんのこと吸収させていただきます！✨
Javascript を独学で勉強している者です！
理解につまずいて辞めそうになっていたところ、検索しまくってこの動画に出会えてとても良かったです！
お陰様で独学で続けられそうです。
これからもJavascript の講座待っています！
オブジェクト、プロパティ、メソッドがやっと理解できました😭
オンラインで勉強していても、わけがわかりませんでした😭
08:27 importの意味がやっと分かった。ありがとうございます。
講座１〜３を理解すると今まで不明な点がびっくりするくらいスムーズに理解できました。
嬉しいです。ありがとうございます。
めちゃくちゃわかりやすくて勉強になります！
凄いですね、前回習ったオブジェクトなどの勉強活かせて、なおかつWindow＝ブラウザの話まで繋がっている、素人の私でも少しずつですが頭に入ってきます。
ありがとうございます。
やば、なにこれ最強のプログラミング学習動画やん！！
2倍速でも理解できるくらい、めっちゃわかりやすい解説！！
2倍速再生で動画を見るのは私もよくやります🤣
嬉しい評価をありがとうございます！(^O^)
気がつけば登録者数が1万1千人以上✨
でも、それも納得できる
有益な動画の数々！
これからもがんばってください！！
銀の盾もそう遠くない筈です！
応援し続けます！
そうなんです！ようやく1万人を超えました！
私もたくさんの人に見てもらえて嬉しい限りです😭
今後も学びになる動画をたくさん出していきます！
銀の盾は...だいぶ遠いですがのんびり目指します！笑
windowのとこの解説すげ〜わかり易かったです！
よかった～！大事な概念なのでマスターしてくださいね！
@@shimabu_it はい！ありがとうございます！
ただ淡々と話してるんじゃなくて、聞き手が理解しやすいように寄り添って話して頂いてる感がいつもより伝わってきて個人的に今までの動画で一番すっと入ってきました。次の動画も期待して待ってます。
これは相当分かりやすい。すごい。
jsの文法学んでもいまいちピンとこない人は沢山いると思いますが、この講座を見ればそれが解決しますね！
自分も3.4の口座でもやもやがスッキリしました！
VS code使って半年以上学習してますが、色の区別の意味など理解していなかったので目から鱗です！DVツールの今回のような使い方なども含めてしまぶーさんの解説はしっかり足元から固めていくので非常に有益です。Progateやドットインストールの並行学習者向けですね。ちなみに、DVツール（コンソール）の出し方（⌘ + IもしくはJなど）解説あればさらにGoodでした。笑
凄い 目から鱗でした。
VScodeの自動補完、使い方がわかりました。ありがとうございます。
これからもプログラミングのわかりやすい動画期待しています・
JavaScript始める前に見てますが凄くわかりやすいです
最高です！具体的で分かり易い！他の講座で悶々としてわからなかったことがこのビデオで一発でわかりました。
毎回分かりやすい動画ありがとうございます😊次回も楽しみにしてますね✨
なんかすごい！軽く聞き流してるだけでもしっかり入ってきます。
まわりくどい説明とかないし、要点がしっかりして時間もちょうどいい感じです。
登録数が急増してるのがわかるわ。
非常にわかりやすいです！
この動画が日々の勉強のモチベーションに繋がっております。
これからも楽しみにしております！！！
そこまで言っていただけるとは・・・少し遅れてますが、続きも作っているのでお待ちを・・・！！
嬉しいコメントありがとうございます！
わかりやすすぎます！
初心者で実装を繰り返し行うことも大切ですが、前提知識を知った上で行えばもっと理解が深まりますね！
現在、プロゲートでJSを学習していますが、なんかもう知識がぐちゃぐちゃになりましたが、この動画を見てすっきりと理解できるようになりました。
ありがとうございます。これからもすばらしい動画を楽しみにしています。
ps：HTML, CSS等でもお世話になりました。
こんなにわかりやすい動画に出会えて感動しました！
某プログラミングスクールで挫折しました。オブジェクト、プロパティ、メソッドが全く理解できませんでしたがこの短時間の動画で理解できてプログラミング楽しく思えるようになりました。これから先の変数なども楽しみに動画みます！！ありがとうございました！！！
とても分かりやすい解説、ありがとうございます。これから継続して動画見たいので、よろしくお願い致します♪
ありがとうございますー！
もちろんこれからも動画投稿し続けますよ😊✨
フロントエンドを目指しており、今JSを勉強しています。
めちゃくちゃ分かりやすい動画でこれからも勉強させてもらいます。
数回先にはAJAXの動画も上がるとのことで楽しみにしたいます！
嬉しいコメントありがとうございます！一緒にスキルアップしていきましょう！😊
ちょっと講座のアップが遅くなってしまっていますが、もう少しでアップできるかと思うのでもうしばらくお待ちください🙇♂️
すごく勉強になります。ありがとうございます🙇♂️
最近#1〜動画を見始めました。
とてもわかりやすいです。
まじでわかりやすいです。オブジェクトのとこで躓いていたのでホント助かります…勉強もっと頑張りたいって思いました！
イケメン！分かりやすい！！！
いつも非常に楽しみにしてます！
今回もとても分かりやすく学べました。オブジェクトについてかなり理解を深めることができた気がします。
実際に自分でもコードを書くことができたので、今まで以上に分かりやすかったです。
どんどんJavaScriptが好きになってます！
今後のAJAX（非同期通信）等も本当に楽しみにしてます☺
5回は繰り返し見直しました。少しずつ点が線に繋がってきました💦
覚えが良い方ではないんですが、それでも楽しいです！
動画全部見てます！React編お待ちしてます！
本当に早くやりたいですね！
急ぎでJavaScriptを終わらせねば・・・
もう少しお待ちくださいませ😭
めちゃ分かりやすいです・・・
凄い勉強になった！ わかりやすい
objectの構造がよくわかりました。すっきり！
スッキリしていただけたようで何よりですー！！😊
わかりやすい！
なんてわかりやすい動画😣✨✨
感動しました！！！！
ありがとうございます！
素晴らしい動画ですね！😁✨
vs codeの良さを引き出して
かつ
JavaScriptのオブジェクト、配列、メソッド
の説明をする。
これらを実況しながらできるしまぶーさんすんごいですね🤙✨✨
めっちゃ、楽しいな、いい時代に生まれた。
ものすごくためになる動画ありがとうございます！
初めてオブジェクトとかコードの並びがなんとなくでもわかるようになりましたw
次回も楽しみにしています！
なかなか物覚えが悪いところがあり、もし当たり障りがなければしまぶーさんが独学でためになった書籍等ありましたらまた教えていただけたらいいかなぁと思います
実はプログラミング学びたてのときは書籍は1冊も使っていないのです...😅
ドットインストールで基礎だけ学んで後は自分でサービスを作る中で覚えていきました。特定のオススメがあるわけではありませんが、なるべく新しめの本が良いかと思います。動きの早い業界なので5年前の本とかは使い物にならないことが多いと思われます。
分かりやすいです。ありがとうございました。
お疲れ様でした！先ほど、JavaScriptシリーズの♯1から最後の♯4まで一気に見終わりました！
内容がわかりやすくて、説明もとても詳しかったです。
ありがとうございます。
また、今度はXMLについて教えていただけましょうか？
楽しみにしています！
Google Chrome自体がJavaScriptインタープリタ（としての豊富な機能を備えている）であり、デベロッパーツールメニューのコンソール画面でコマンドを入力すると答えを返して来ると理解したので、早速、a=1リターン（またはa=1;リターン） b=2リターン（同） a+bと入力してみたら3と表示されました。この講座を見なかったら、ここまでたどり着くのに3か月、いや半年かかったかも知れません。
19:27 window.location.reload(); をやってみましたが、エラーが返ってくるように思います。仕様の変更などがあったということでしょうか？
いつも拝見してます。めちゃくちゃわかりやすいです！
すいません、よろしければvscodeに書いてる時に流れてる1:00から11:00流れてるbgmの曲名を知りたいです。
16:43のwindowを二つ同時に消すやり方教えてほしいです！
ちなみにOSはwindowsです。
これが無料。。。
有益すぎる！！！
しまぶーさん
次早くーーーーーーーwww
いつも参考にさせてもらってます！！！
やっと先ほど5回目を撮り終えました・・・あとは編集・・・！
編集終えたらすぐ出すのでお待ちを！！
プログラミング講座はなかなか時間がかかりますが、途中で辞めることはしないので、そこだけ安心してください！なるべくスピードアップもがんばります！！
17:00〜のconsole.log(123)のセミコロンは省略ができるから記載がないってことでしょうか？？？
感謝します！
VScodeを使ってて補完機能の意味とかもわからずやっていたので、これを見てすごく理解度が増したような気がする！！気がするだけ笑
【JSサンプル】
let youtuber = {
list: {
business: {
youtuber: [
{ name: "しまぶー", age: 20, teachProgramming() {} },
{ name: "あっちゃん", age: 37, teachHistory() {} }
],
teach() {}
},
entertainment: {
youtuber: [{ name: "ヒカキン"}, { name: "はじめしゃちょー"}],
makeSmile() {}
}
},
plan() {},
uploadVideo() {}
};
これは面白い 19:15
ありがとうございます。感謝しています。🌟🌈🌟🌈🌟🌈
分かりやすい動画をありがとうございます。17:00ごろのchromeのコンソールで実践されている場面でconsole.log()を実行された時、ログが表示されたあとundefinedが表示されていますがあれは何なのでしょうか？教えていただけると幸いです。
今回の動画は正直感動したなあ
まだ実際にはJS触ってないのですが
これは標準がブラウザ？APIみたいなものなのですね！
DOMにアクセスすることでスクレイピングなどもできるようになっているのかな？
Progateと並行して動画を視聴していますが、分かりやすくて頭の中がすごく整理されます！！
すごくためになりすごくわかりやすいです。vue.js個人的に勉強してるのでvue.jsやってほしいです！
ありがとうございます。
私は特にReactに詳しいのでReactから扱う予定です。
ただVueも仕事で触った経験があるのでその後にやるかもしれません。
特にVueは3.0が正式リリース間近なので、そのときとかですね👍
@@shimabu_it ありがとうございます🙇♀️♂
@@shimabu_it ありがとうございます☺️
初心者です。Visualstadiocodeのインストールの仕方を教えてください
分かりやすい動画ありがとうございます！！
プログラミングを勉強中のため、基本的な質問になりますが、ChromのdevtoolでJavascript
を実行した場面がありましたが、devtoolを表示するところから教えていただきたいです。
コードを写して実行したいです。
F12キー
内容の半ばくらいから出てくるJSを試す画面（Consoleタブ）ってどうやって出せますか？
環境はWindowsで、VScodeは日本語化しています。
おそらくChrome DevToolsのことですね。
Chromeを開いてF12などで開いてConsoleタブに移動することが使えますよ！
詳しくは下記動画で解説していますので、ぜひどうぞ😊
ruclips.net/video/awRkFcv51r4/видео.html
@@shimabu_it ありがとうございます。表示できました！！
素晴らしい動画ありがとうございます。
1分40~50秒くらいでエディターhover時にmethodやプロパティが表示されるものはvscodeの何の拡張機能なのでしょうか?
はじめまして。最近プログラミングにチャレンジを始めました。
VScodeおすすめの初期設定教えてください！動画内の19行目のドット入力したところのlistなどが表示されません。
1番初めの学習時に知りたかった。
概念ってだいじやな。
14:19 嘘だろゲットエレメントビルドじゃなかったのか......
だからID指定でしか取れなかったのか.....
firefoxはコマンド表示されたけど、chromはコマンド表示されないな・・・
windows.screenまではどちらも出るけれど
◎第4回JavaScript
フロントエンジニアになるためにいつもしまぶーさんの動画で学ばせて頂いています😄4月から社会人3年目になりますが、IT業界に興味を持ち転職を考えているところです。1年間必死に勉強すればヤフー等の大企業にも転職可能でしょう？
自分次第とは存じますが、しまぶーさんの意見も参考にさせて頂きたいです。
ありがとうございます！😊
結論から言うと間違いなく可能です。中途未経験から独学で勉強しまくってヤフーに入った方も知っています。もちろん、めちゃくちゃ勉強する必要はあります。私も1年間弱で1000時間は勉強しています（人によってはもっと必要かもしれませんし、もっと少ないかもしれません）。1日3時間勉強しても月100時間弱なので、1000時間は社会人だと割とハードなのが分かっていただけるかと思います。
ただし、目指されるのであればめちゃくちゃ応援します。講座でもなるべく学びになることを発信しますし、質問にもお答えします。ぜひご検討ください！👍
@@shimabu_it
お返事頂き、ありがとうございます😄
確かに、社会人で1000時間はハードですね。ただ、勉強は楽しいですし、やりたいことはやらないと気が済まないタイプなので、必死に勉強していきたいと思います！
今後もしまぶーさんの動画参考にさせて頂きます！RUclips頑張ってください。陰ながら応援させて頂きます^ ^
ATOMよりVisualStudioCodeを使うメリットってなんかありますか？
スニペットが上手く動作しないんですよね～
神すぎる・・・
オブジェクト・プロパティ・メソッドについては前回の動画で理解出来ました。
前にコメントでオススメして頂いたVScodeを使って今回のcode編を試してみようと思ったのですが、自分のだけ文字に色が無いのは何故なんでしょうか。
色々調べて設定とかも見ましたが初心者過ぎて分かりません、お教え下さい(>人
このプログラミングをする黒の画面はどこで開けるんですか
Node.jsやってほしいです！
Node.jsもやりたいですねー
少なくともフロントエンドがそれなりに落ち着く段階までは難しいですが・・・😭
リクエストありがとうございます！
いつも分かりやすい解説ありがとうございます！
この講座はReactまで触れる予定でしょうか？
Reactまでやりますよ！
TypeScriptもやります！👍
しまぶーのIT大学 楽しみです。ありがとうございます！Reactはbabelとかwebpackとか、周辺の環境準備が凄く難しくて躓いてしまったので、この辺りも解説していただけると非常に助かります。
ありがとう
スペルとか覚えるためにTeraPadっていうメモ帳もどきみたいなの使ってるんですけど
これってやめたほうがいいですか？
しまぶーさんの動画とドットインストールを併用して勉強してるのですが、どちらを先にやるのがおすすめですか？？
返事が遅れてしまいました、既に始められていますかね。正直私の動画はまだ数が出揃っていないので、全部やったとしても完璧ではありません。なのでドットインストールをメインにして、私の動画は補講的な感じで扱うのが良いかと思います。なるべく楽しくなるように作っているつもりなので、息抜きに使っていただくのもGoodです。
ただ正直なところ、勉強方法に関しては正直人によって向き不向きがあるので、１番良いのははご自身で見つけ出すことかと思います！😊
現在高校生です．
大手のマークアップエンジニアを目指しています．
基本的なhtml.css.js.nodejs.はかけます．
進路は専門学校の予定です．今はphp，ワードプレスの勉強中です．
専門学校卒からyahooやサイバーエージェントのエンジニアを目指すのはどのくらい難しいでしょうか？
「難しさはこのぐらいです」という感じで明確には表現できないですが･･･ヤフーには専門学校卒で新卒入社の人もいるので不可能ではありません。また中途入社を含めるともっと大量にいるかと思うので、可能性としては十分にあります。ただし全体を見た場合に、大卒の人が多いのは間違いないので少数ではあるかと思います。
とにかくプログラミングスキルを伸ばせば十分に可能です。ちなみに挙げられているスキルだとWordPressはアプリ開発系では不要なので、JavaScript（含Node.js）、PHPを深めるほうが良い気はします。
@@shimabu_it 返信ありがとうございます！これからも応援してます！
アクセスして取り出すというのはなぜされているのですか？
あと、動画外にはなりますが、returnや呼び出すという概念がよく分からないので動画にしていただきたいです。
必ずそれも動画にします！！
絶対にあと数回講座をつくったらわかるようになるかと思います！😁
また動画をお待ちください！
いやぁいいな！！！！！
そのChrome内で書けるのどうやってやるんだろう！？
atomというツールを用いてjsファイルを書いているのですが、doと打った後にdocumentと表示(自動補完)されないのですが、これは機能的な問題なのでしょうか？
Atoｍは正直使用していないので分からないです・・・😭 正直、フロントエンドだとVS Codeが圧倒的なので可能であればそちらに乗り換えることをオススメします！！
@@shimabu_it しまぶーさんの動画道理にVS Codeを試しに入れて使ってみたのですが，圧倒的に使いやすかったです笑
これからはこちらを使っていこうと思います！
それはそうと、いつも初心者にもわかりやすい動画作り本当にお疲れ様です！
自分は最近プログラミングを始めたばかりで、しまぶーさんの動画を見て毎回勉強にさせていただいています。めちゃくちゃ応援してるので頑張ってください！
jbuilderについてどこかで触れてくださっていたと思いますがどうしても見つけられなくて。
どの動画かおわかりでしょうか？
おっと・・・JBuilderに関しては一切触れていませんよー！
他のRUclipsrとごっちゃになってるかもですね😅
@@shimabu_it
申し訳ございませんでした！！
@@ilikebeautifulthings7540 全然問題ないですよ✌
過去の動画も見ましたが、まだすぐにメソッド・オブジェクト・プロパティの区別がつきません。ぱっとわかる方法ってありますか？
パッとわかる・・・というのはどういう意味か分かっていないのですが、コードを見たときということですかね🤔
メソッドだと () がついているかどうかで分かりますが、オブジェクトかプロパティかはコードの流れを見ないと分かりませんね。ただ基本的にはVS Codeが補完で教えてくれますし、logを使って調べることもできます。
また基本的にはすべてを覚える必要はありませんし、すべてを覚えることは不可能です。私だって覚えているのは1割ぐらいかと思います。大事なのは使いたいとき・出てきたときに自分でググって探し当てることです。エンジニアに１番必要なのはググり力です。暗記はやめて、都度検索することこそが最も伸びるので、そちらに移行することをオススメします！👍
私はプロゲイトの方でもJSの学習を進めているのですが、しまぶーさんのそれとは大きく異なっているなと感じています。どういった理解を両者にしておいたら良いのでしょうか？
どう異なってるかわからないからわからないでしょう
今のトレンドは、サーバー、フロントサイド両方JSがトレンドなのですか？
フロントエンドはJS一択ですがサーバー側は割と選択肢はありますね・Nodeの需要が高まっているのは間違いないですが、トレンドとしてはGo言語な気もします（統計データを見たわけではなく肌感です）。日本における仕事の需要でいうと依然PHPとRubyが強いですが...。
しまぶーさんの動画を見て初めてプログラミングを勉強している者です。前回の後半から今回の動画がイマイチ理解できないのですが、プログラミング不向きなのでしょうか。。。