【JavaScript入門 #4】オブジェクトを実際にコードで書いてみよう【ヤフー出身エンジニアの初心者向けプログラミング講座】

Поділитися
Вставка
  • Опубліковано 21 лип 2024
  • 前回の動画はこちら→ • 【JavaScript入門 #3】オブジェク...
    📙 もくじ
    0:00 オブジェクトの宣言方法について
    1:04 プロパティとメソッドの色で判別する方法
    2:10 UA-camrオブジェクトの中身を解説
    3:49 プロパティやメソッドへのアクセス方法
    6:47 補完時に出てくるテキスト(abc)について
    7:48 補完の恩恵① typo防止
    8:27 補完の恩恵② 定義元を見なくても中身を知れる
    10:09 Chrome DevToolsのConsoleタブでオブジェクトを扱う
    12:06 Window, Documentオブジェクトをホワイトボードで解説
    14:41 Window, Documentのメソッド・プロパティをエディタ上で参照
    16:58 Windowオブジェクトをブラウザで試してみる
    17:48 Documentオブジェクトをブラウザで試してみる
    19:03 Windowを制御するプロパティやメソッドを呼び出す
    20:05 まとめ
    🚀 今日のひとこと
    今回は前回の発展的内容になっています。
    実際にJavaScriptオブジェクトのコードを書きます。
    またWindow、Documentオブジェクトの
    プロパティ・メソッドにも触れています。
    フロントエンドエンジニアを目指す方や
    初心者・駆け出しエンジニアにオススメの入門講座になっております。
    🔥基礎から学ぶ JavaScript 入門
    【第1回】フロントエンド開発でJavaScriptが必要な理由を解説
    • 【基礎から学ぶ JavaScript 入門 ...
    【第2回】Twitterを例にJavaScriptがどんな働きをするのか理解しよう
    • 【基礎から学ぶ JavaScript 入門 ...
    【第3回】オブジェクト・プロパティ・メソッドについて理解しよう
    • 【JavaScript入門 #3】オブジェク...
    【第4回】オブジェクトを実際にコードで書いてみよう
    • 【JavaScript入門 #4】オブジェク...
    【第5回】変数を理解しよう!var, let, constの使い分け!
    • 【JavaScript入門 #5】変数を理解...
    【第6回】初心者がつまづきがちな「関数」を分かりやすく解説
    • 【JavaScript入門 #6】初心者がつ...
    👨‍💻 自己紹介
    ヤフー株式会社でプログラマーとして働いていました!
    現在は起業家として新規サービスを開発中です!
    下記に興味がある方はチャンネル登録をおねがいします!
    ・IT業界、Web系、プログラミング講座
    ・リモートワーク、在宅勤務、副業
    ・スタートアップ、ベンチャー、経営者、社長
    🌏 SNS
    Twitter: / shimabu_it
    Instagram: / shimabu_it
    🏷️ タグ
    #JavaScript #JavaScript入門 #JavaScript講座
  • Навчання та стиль

КОМЕНТАРІ • 184

  • @tontyan
    @tontyan 4 роки тому +5

    これは相当分かりやすい。すごい。

  • @shimabu_it
    @shimabu_it  4 роки тому +53

    これでJavaScriptのオブジェクトはマスターできたかな?
    着実にフロントエンドエンジニアになるためのスキルが身についていってるはず!😊
    次のプログラミング講座は変数・定数・名前空間の話を考えていて、その次にAJAX(非同期通信)を用いたUI構築を考えています!

    • @Takashi_was_taken
      @Takashi_was_taken 4 роки тому +2

      しまぶーのIT大学 使っているエディタはVS codeですか?

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      @@Takashi_was_taken そうです!

    • @samrai352
      @samrai352 4 роки тому +1

      ajaxきた!!これは楽しみ!!

    • @user-xd5dv8ck2d
      @user-xd5dv8ck2d 4 роки тому +3

      document.querycelecter()で別の方が出してる講座でみたのですがgetElementById使うのは古いみたいなこと言ってたのですが使い分けをするような形になるのでしょうか?
      それともこれの方が可読性が高いというような理由でしょうか?
      質問ばかりですみませんがご教授下さい!

    • @user-sz4wc8eq9y
      @user-sz4wc8eq9y 4 роки тому +1

      復習のために見させていただいています。
      しれっとimportやexportを使っていましたが、
      同じようにしてもエラーが出て動いてくれません。
      何か理由があるのでしょうか?
      module 覚えたいので教えて欲しいです。
      お願いします。

  • @user-zr5ow6gn9l
    @user-zr5ow6gn9l 4 роки тому +3

    毎回分かりやすい動画ありがとうございます😊次回も楽しみにしてますね✨

  • @kojiota8817
    @kojiota8817 4 роки тому +6

    感動しました!!!JSの勉強法について悩んでいたので、まずは概念理解を深めます!

  • @deppo0220
    @deppo0220 3 роки тому

    最高です!具体的で分かり易い!他の講座で悶々としてわからなかったことがこのビデオで一発でわかりました。

  • @yuheinara7983
    @yuheinara7983 4 роки тому

    いつも非常に楽しみにしてます!
    今回もとても分かりやすく学べました。オブジェクトについてかなり理解を深めることができた気がします。
    実際に自分でもコードを書くことができたので、今まで以上に分かりやすかったです。
    どんどんJavaScriptが好きになってます!
    今後のAJAX(非同期通信)等も本当に楽しみにしてます☺

  • @in9368
    @in9368 4 роки тому +1

    わかりやすすぎます!
    初心者で実装を繰り返し行うことも大切ですが、前提知識を知った上で行えばもっと理解が深まりますね!

  • @keita5518
    @keita5518 3 роки тому

    講座1〜3を理解すると今まで不明な点がびっくりするくらいスムーズに理解できました。
    嬉しいです。ありがとうございます。

  • @user-ty4ht5nd9o
    @user-ty4ht5nd9o 4 роки тому

    まじでわかりやすいです。オブジェクトのとこで躓いていたのでホント助かります…勉強もっと頑張りたいって思いました!

  • @user-qs6nq6kk1w
    @user-qs6nq6kk1w 4 роки тому

    凄い勉強になった! わかりやすい

  • @user-bf3gn9sc9m
    @user-bf3gn9sc9m 3 роки тому

    なんてわかりやすい動画😣✨✨
    感動しました!!!!
    ありがとうございます!

  • @user-oy3cs2nc5x
    @user-oy3cs2nc5x 3 роки тому

    こんなにわかりやすい動画に出会えて感動しました!

  • @user-mn6gl8pt3n
    @user-mn6gl8pt3n 4 роки тому

    なんかすごい!軽く聞き流してるだけでもしっかり入ってきます。
    まわりくどい説明とかないし、要点がしっかりして時間もちょうどいい感じです。
    登録数が急増してるのがわかるわ。

  • @maru1784
    @maru1784 3 роки тому

    JavaScript始める前に見てますが凄くわかりやすいです

  • @toshiaki8101
    @toshiaki8101 3 роки тому +1

    めちゃくちゃわかりやすくて勉強になります!

  • @tototanaka184
    @tototanaka184 3 роки тому +1

    すごく勉強になります。ありがとうございます🙇‍♂️

  • @nguyenlehoangphuc6929
    @nguyenlehoangphuc6929 3 роки тому

    今まで考えたことなく、勝手に使っているプロパティやメソッドを解説していて、ありがたいです。

  • @user-se2nf9gd8x
    @user-se2nf9gd8x 4 роки тому +1

    とても分かりやすい解説、ありがとうございます。これから継続して動画見たいので、よろしくお願い致します♪

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      ありがとうございますー!
      もちろんこれからも動画投稿し続けますよ😊✨

  • @user-bk7cs3pu6x
    @user-bk7cs3pu6x 4 роки тому +1

    凄いですね、前回習ったオブジェクトなどの勉強活かせて、なおかつWindow=ブラウザの話まで繋がっている、素人の私でも少しずつですが頭に入ってきます。
    ありがとうございます。

  • @user-ek2kj5ud9z
    @user-ek2kj5ud9z 4 роки тому +1

    VScodeの自動補完、使い方がわかりました。ありがとうございます。
    これからもプログラミングのわかりやすい動画期待しています・

  • @user-wx3ir3vr8f
    @user-wx3ir3vr8f 4 роки тому +1

    非常にわかりやすいです!
    この動画が日々の勉強のモチベーションに繋がっております。
    これからも楽しみにしております!!!

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      そこまで言っていただけるとは・・・少し遅れてますが、続きも作っているのでお待ちを・・・!!

    • @shimabu_it
      @shimabu_it  4 роки тому +1

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

  • @kai20082009
    @kai20082009 4 роки тому

    私はJS初心者ですが、本やネットで学んでいてもオブジェクトやメソッドについては理解できないままでいたのですが、
    こちらの動画はすごくわかりやすくて、やっと理解できるようになりました。
    ありがとうございます!

  • @user-cq6sd9bz6r
    @user-cq6sd9bz6r 3 роки тому

    めちゃめちゃわかりやすいです👌
    本当にありがとうございます!!

  • @m.i9531
    @m.i9531 4 роки тому

    Javascript を独学で勉強している者です!
    理解につまずいて辞めそうになっていたところ、検索しまくってこの動画に出会えてとても良かったです!
    お陰様で独学で続けられそうです。
    これからもJavascript の講座待っています!

  • @perfect9272
    @perfect9272 3 роки тому +1

    めちゃくちゃ分かりやすいです!!

  • @721hibiki
    @721hibiki 4 роки тому

    最近#1〜動画を見始めました。
    とてもわかりやすいです。

  • @traveling_masa1586
    @traveling_masa1586 4 роки тому

    今ドットインストールとProgateでJavaScriptを学習中です。この動画でオブジェクトやメソッドなどの概念が理解できるようになりました。ありがとうございます!

  • @akira_papa_IT
    @akira_papa_IT 4 роки тому

    素晴らしい動画ですね!😁✨
    vs codeの良さを引き出して
    かつ
    JavaScriptのオブジェクト、配列、メソッド
    の説明をする。
    これらを実況しながらできるしまぶーさんすんごいですね🤙✨✨

  • @user-lk6mp7og7t
    @user-lk6mp7og7t 4 роки тому

    めっちゃ、楽しいな、いい時代に生まれた。

  • @user-qg3kq4ey4t
    @user-qg3kq4ey4t 4 роки тому +3

    windowのとこの解説すげ〜わかり易かったです!

    • @shimabu_it
      @shimabu_it  4 роки тому

      よかった~!大事な概念なのでマスターしてくださいね!

    • @user-qg3kq4ey4t
      @user-qg3kq4ey4t 4 роки тому +1

      @@shimabu_it はい!ありがとうございます!
      ただ淡々と話してるんじゃなくて、聞き手が理解しやすいように寄り添って話して頂いてる感がいつもより伝わってきて個人的に今までの動画で一番すっと入ってきました。次の動画も期待して待ってます。

  • @chuckyyy7459
    @chuckyyy7459 4 роки тому +1

    VS code使って半年以上学習してますが、色の区別の意味など理解していなかったので目から鱗です!DVツールの今回のような使い方なども含めてしまぶーさんの解説はしっかり足元から固めていくので非常に有益です。Progateやドットインストールの並行学習者向けですね。ちなみに、DVツール(コンソール)の出し方(⌘ + IもしくはJなど)解説あればさらにGoodでした。笑

  • @user-mm4we4pt2b
    @user-mm4we4pt2b 4 роки тому

    5回は繰り返し見直しました。少しずつ点が線に繋がってきました💦
    覚えが良い方ではないんですが、それでも楽しいです!

  • @user-eo5qr2bj8l
    @user-eo5qr2bj8l 4 роки тому +3

    わかりやすい!

  • @kodai1022
    @kodai1022 3 роки тому +1

    めちゃ分かりやすいです・・・

  • @bea8795
    @bea8795 4 роки тому +1

    ものすごくためになる動画ありがとうございます!
    初めてオブジェクトとかコードの並びがなんとなくでもわかるようになりましたw
    次回も楽しみにしています!
    なかなか物覚えが悪いところがあり、もし当たり障りがなければしまぶーさんが独学でためになった書籍等ありましたらまた教えていただけたらいいかなぁと思います

    • @shimabu_it
      @shimabu_it  4 роки тому +3

      実はプログラミング学びたてのときは書籍は1冊も使っていないのです...😅
      ドットインストールで基礎だけ学んで後は自分でサービスを作る中で覚えていきました。特定のオススメがあるわけではありませんが、なるべく新しめの本が良いかと思います。動きの早い業界なので5年前の本とかは使い物にならないことが多いと思われます。

  • @tokumeiryo
    @tokumeiryo 3 роки тому +2

    イケメン!分かりやすい!!!

  • @ww-zo2yl
    @ww-zo2yl 3 роки тому

    分かりやすいです。ありがとうございました。

  • @haohaohao0
    @haohaohao0 Рік тому +1

    泣けるレベルで分かりやすいです😭

  • @user-lp2lu4em5v
    @user-lp2lu4em5v 4 роки тому +23

    めちゃくちゃわかりやすいすぎて愛してます。

    • @shimabu_it
      @shimabu_it  4 роки тому +21

      それでは聞いてください。
      KinKi Kidsで『愛されるより愛したい』

    • @user-bl6ov1tt6u
      @user-bl6ov1tt6u 4 роки тому +3

      @@shimabu_it このコメントはすべってますが分かりやすくて最高です。愛してます。

    • @shimabu_it
      @shimabu_it  4 роки тому +4

      @@user-bl6ov1tt6u これは低評価😠

  • @user-fm3qr3mq9j
    @user-fm3qr3mq9j 2 роки тому +1

    独学でWebの勉強を最近始めて、買い切りの講座などでJSを勉強して見たもののよく分からず躓いていたところでしまぶーさんに辿り着きました。
    これまで勉強に使っていたツールではいきなり構文から始まっていたりしてよく理解できていなかったところがスッキリ解決しました。
    感動のあまりついコメントをしたくなるわかりやすさでした!続きも視聴させて頂きます!!

  • @billie69channel
    @billie69channel 4 роки тому +1

    私は独学で勉強を続けてきたのですが、すごく知りたっかったことを解説していただけて感謝しています♪

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      うぉー学びになったようで良かったですー!!私も嬉しいです😆

    • @billie69channel
      @billie69channel 4 роки тому +1

      @@shimabu_it お蔭さまで少しレベルアップしました!
      これからも頑張ってください♪

  • @tomoyanishida7169
    @tomoyanishida7169 4 роки тому +2

    動画全部見てます!React編お待ちしてます!

    • @shimabu_it
      @shimabu_it  4 роки тому +2

      本当に早くやりたいですね!
      急ぎでJavaScriptを終わらせねば・・・
      もう少しお待ちくださいませ😭

  • @user-rw5hk5bi8f
    @user-rw5hk5bi8f 4 роки тому

    今学生でプログラミングを学習中ですがよく分からず困っていたのでこの動画を視聴しました。
    第一回から見てますが、そもそもJavascriotとは何かというところから説明してくださって理解が早くなりました!
    オブジェクトやその書き方もストンと腑に落ちました☺️
    今までUA-camのコメント機能使ったことなかったのですが、感動したので初めてコメントしてみました✨
    動画制作たくさん時間がかかって大変だったかと思います…。
    分かりやすい動画を作ってくださって本当にありがとうございます🙇‍♀️
    これからもたくさんのこと吸収させていただきます!✨

  • @user-ik5qp9oy2x
    @user-ik5qp9oy2x 3 роки тому +1

    まだ3分半しか見てないけど、これは神動画

  • @supereiji
    @supereiji 3 роки тому

    現在、プロゲートでJSを学習していますが、なんかもう知識がぐちゃぐちゃになりましたが、この動画を見てすっきりと理解できるようになりました。
    ありがとうございます。これからもすばらしい動画を楽しみにしています。
    ps:HTML, CSS等でもお世話になりました。

  • @keetsuu3278
    @keetsuu3278 4 роки тому +1

    フロントエンドを目指しており、今JSを勉強しています。
    めちゃくちゃ分かりやすい動画でこれからも勉強させてもらいます。
    数回先にはAJAXの動画も上がるとのことで楽しみにしたいます!

    • @shimabu_it
      @shimabu_it  4 роки тому

      嬉しいコメントありがとうございます!一緒にスキルアップしていきましょう!😊
      ちょっと講座のアップが遅くなってしまっていますが、もう少しでアップできるかと思うのでもうしばらくお待ちください🙇‍♂️

  • @iimurakazuo
    @iimurakazuo 3 роки тому

    08:27 importの意味がやっと分かった。ありがとうございます。

  • @hodokuaja
    @hodokuaja 4 роки тому +1

    objectの構造がよくわかりました。すっきり!

    • @shimabu_it
      @shimabu_it  4 роки тому

      スッキリしていただけたようで何よりですー!!😊

  • @user-cw1cd8gj5p
    @user-cw1cd8gj5p Рік тому +1

    凄い 目から鱗でした。

  • @goneits1359
    @goneits1359 4 роки тому

    某プログラミングスクールで挫折しました。オブジェクト、プロパティ、メソッドが全く理解できませんでしたがこの短時間の動画で理解できてプログラミング楽しく思えるようになりました。これから先の変数なども楽しみに動画みます!!ありがとうございました!!!

  • @miagemia
    @miagemia 3 роки тому

    オブジェクト、プロパティ、メソッドがやっと理解できました😭
    オンラインで勉強していても、わけがわかりませんでした😭

  • @tavernitysonw
    @tavernitysonw 4 роки тому +10

    気がつけば登録者数が1万1千人以上✨
    でも、それも納得できる
    有益な動画の数々!
    これからもがんばってください!!
    銀の盾もそう遠くない筈です!
    応援し続けます!

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      そうなんです!ようやく1万人を超えました!
      私もたくさんの人に見てもらえて嬉しい限りです😭
      今後も学びになる動画をたくさん出していきます!
      銀の盾は...だいぶ遠いですがのんびり目指します!笑

  • @user-ij1pd9xc9p
    @user-ij1pd9xc9p 3 роки тому

    jsの文法学んでもいまいちピンとこない人は沢山いると思いますが、この講座を見ればそれが解決しますね!
    自分も3.4の口座でもやもやがスッキリしました!

  • @yasukoterao2779
    @yasukoterao2779 2 роки тому

    いつもありがとうございます。基礎からのJSという内容の動画を見ながら、本を読みながらやっていましたが、一体自分が何をやっているのかがわかりませんでした。JSの#1から試聴し続け#4で初めて何をしているのかがわかりました。これこそが基礎中の基礎だと実感しました。俯瞰してみることで次に行うことがわかるのだと感じました。これなら続けられると思います。ありがとうございます。

  • @redwhale6023
    @redwhale6023 4 роки тому +3

    お疲れ様でした!先ほど、JavaScriptシリーズの♯1から最後の♯4まで一気に見終わりました!
    内容がわかりやすくて、説明もとても詳しかったです。
    ありがとうございます。
    また、今度はXMLについて教えていただけましょうか?
    楽しみにしています!

  • @user-rx8iz4xf4n
    @user-rx8iz4xf4n 3 роки тому

    タブレット用のキーボードを入手したので、知識づけにこのチャンネルを選びました。大好きなインターネットやアプリがどのようなもので動いているか動画みながら学んでいきます。
    ブラインドタッチの精度が上がってきたらプログラミングは学んでみたいと思ってます。
    仕事にするにはストレス無く入力装置をまず使いこなせないことには使い物にならないからなーと。。。
    仕事にしなくてもどんなものを日頃使っているかはやはり知っておきたいのです。。。

  • @user-vg1mb8yz7q
    @user-vg1mb8yz7q 4 роки тому

    人が普段日常で目にするのはあくまでプログラムの処理結果だけなので、
    その裏側をそっくりそのまま台本を読むように説明されても理解出来る訳がない!ネットにはそういった素人の教え方をする人で溢れている!
    けど、この動画はその裏側のプログラム構造を人が日常でよく触れるモノを例に解説してるので、驚く程わかりやすい
    ありがとうございます、アイラブユー

  • @keitaf1963
    @keitaf1963 4 роки тому +2

    やば、なにこれ最強のプログラミング学習動画やん!!
    2倍速でも理解できるくらい、めっちゃわかりやすい解説!!

    • @shimabu_it
      @shimabu_it  4 роки тому

      2倍速再生で動画を見るのは私もよくやります🤣
      嬉しい評価をありがとうございます!(^O^)

  • @user-bw5pd3nr2z
    @user-bw5pd3nr2z 4 роки тому

    VScodeを使ってて補完機能の意味とかもわからずやっていたので、これを見てすごく理解度が増したような気がする!!気がするだけ笑

  • @Sou_mamodan
    @Sou_mamodan Рік тому +1

    感謝します!

  • @SkullReaper1010
    @SkullReaper1010 4 роки тому +1

    今回の動画は正直感動したなあ
    まだ実際にはJS触ってないのですが
    これは標準がブラウザ?APIみたいなものなのですね!
    DOMにアクセスすることでスクレイピングなどもできるようになっているのかな?

  • @toshih5289
    @toshih5289 4 роки тому +1

    素晴らしい動画ありがとうございます。
    1分40~50秒くらいでエディターhover時にmethodやプロパティが表示されるものはvscodeの何の拡張機能なのでしょうか?

  • @cbk9316
    @cbk9316 4 роки тому

    分かりやすい動画をありがとうございます。17:00ごろのchromeのコンソールで実践されている場面でconsole.log()を実行された時、ログが表示されたあとundefinedが表示されていますがあれは何なのでしょうか?教えていただけると幸いです。

  • @user-sf3qe1il5d
    @user-sf3qe1il5d 4 роки тому +2

    これが無料。。。
    有益すぎる!!!
    しまぶーさん
    次早くーーーーーーーwww
    いつも参考にさせてもらってます!!!

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      やっと先ほど5回目を撮り終えました・・・あとは編集・・・!
      編集終えたらすぐ出すのでお待ちを!!
      プログラミング講座はなかなか時間がかかりますが、途中で辞めることはしないので、そこだけ安心してください!なるべくスピードアップもがんばります!!

  • @user-qv8pv8be4b
    @user-qv8pv8be4b 11 днів тому

    ありがとうございます。感謝しています。🌟🌈🌟🌈🌟🌈

  • @daiki715
    @daiki715 3 роки тому

    いつも拝見してます。めちゃくちゃわかりやすいです!
    すいません、よろしければvscodeに書いてる時に流れてる1:00から11:00流れてるbgmの曲名を知りたいです。

  • @halfx3609
    @halfx3609 4 роки тому

    神すぎる・・・

  • @adiean4556
    @adiean4556 4 роки тому +1

    いつも分かりやすい解説ありがとうございます!
    この講座はReactまで触れる予定でしょうか?

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      Reactまでやりますよ!
      TypeScriptもやります!👍

    • @adiean4556
      @adiean4556 4 роки тому

      しまぶーのIT大学 楽しみです。ありがとうございます!Reactはbabelとかwebpackとか、周辺の環境準備が凄く難しくて躓いてしまったので、この辺りも解説していただけると非常に助かります。

  • @user-bm8ip7fi6b
    @user-bm8ip7fi6b 2 роки тому

    分かりやすい動画ありがとうございます!!
    プログラミングを勉強中のため、基本的な質問になりますが、ChromのdevtoolでJavascript
    を実行した場面がありましたが、devtoolを表示するところから教えていただきたいです。
    コードを写して実行したいです。

  • @user-bk4ty4qj1f
    @user-bk4ty4qj1f 3 роки тому

    16:43のwindowを二つ同時に消すやり方教えてほしいです!
    ちなみにOSはwindowsです。

  • @user-dv6pg2zx9t
    @user-dv6pg2zx9t 4 роки тому

    はじめまして。最近プログラミングにチャレンジを始めました。
    VScodeおすすめの初期設定教えてください!動画内の19行目のドット入力したところのlistなどが表示されません。

  • @1230471
    @1230471 4 роки тому +1

    すごくためになりすごくわかりやすいです。vue.js個人的に勉強してるのでvue.jsやってほしいです!

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      ありがとうございます。
      私は特にReactに詳しいのでReactから扱う予定です。
      ただVueも仕事で触った経験があるのでその後にやるかもしれません。
      特にVueは3.0が正式リリース間近なので、そのときとかですね👍

    • @1230471
      @1230471 4 роки тому +1

      @@shimabu_it ありがとうございます🙇‍♀️‍♂

    • @1230471
      @1230471 4 роки тому +1

      @@shimabu_it ありがとうございます☺️

  • @Alchemist_of_the_Abyss
    @Alchemist_of_the_Abyss 4 місяці тому

    10:15 の動画と違う挙動で、躓いたメモ。
    js呼び出し用.html 等を使用する場合、通常のChromeでは、js の import はCORSエラーで実行できなかった。
    (ハッキング防止のために個人のフォルダへアクセスを禁止というエラー)。
    ローカルサーバーを立てるか、通常利用時と分けるために、Chrome自体のショートカットを作成し、
    リンク先(T)~chrome.exe" --allow-file-access-from-files とすることで、セキュリティーを下げ一時的に解除が可能。
    更に、js呼び出し用.html 等で使用する場合の type="module"を宣言しないと、使用できないようだ。

  • @test-user-1234
    @test-user-1234 3 роки тому

    17:00〜のconsole.log(123)のセミコロンは省略ができるから記載がないってことでしょうか???

  • @user-xx5uw3rk4t
    @user-xx5uw3rk4t 4 роки тому +1

    しまぶーさんの動画とドットインストールを併用して勉強してるのですが、どちらを先にやるのがおすすめですか??

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      返事が遅れてしまいました、既に始められていますかね。正直私の動画はまだ数が出揃っていないので、全部やったとしても完璧ではありません。なのでドットインストールをメインにして、私の動画は補講的な感じで扱うのが良いかと思います。なるべく楽しくなるように作っているつもりなので、息抜きに使っていただくのもGoodです。
      ただ正直なところ、勉強方法に関しては正直人によって向き不向きがあるので、1番良いのははご自身で見つけ出すことかと思います!😊

  • @krgkrauru6727
    @krgkrauru6727 4 роки тому

    1番初めの学習時に知りたかった。
    概念ってだいじやな。

  • @user-lq4wm9lv9q
    @user-lq4wm9lv9q 4 роки тому

    オブジェクト・プロパティ・メソッドについては前回の動画で理解出来ました。
    前にコメントでオススメして頂いたVScodeを使って今回のcode編を試してみようと思ったのですが、自分のだけ文字に色が無いのは何故なんでしょうか。
    色々調べて設定とかも見ましたが初心者過ぎて分かりません、お教え下さい(>人

  • @user-vi3cr2xq8u
    @user-vi3cr2xq8u 4 роки тому

    スペルとか覚えるためにTeraPadっていうメモ帳もどきみたいなの使ってるんですけど
    これってやめたほうがいいですか?

  • @ka-ml3ve
    @ka-ml3ve 4 роки тому +1

    フロントエンジニアになるためにいつもしまぶーさんの動画で学ばせて頂いています😄4月から社会人3年目になりますが、IT業界に興味を持ち転職を考えているところです。1年間必死に勉強すればヤフー等の大企業にも転職可能でしょう?
    自分次第とは存じますが、しまぶーさんの意見も参考にさせて頂きたいです。

    • @shimabu_it
      @shimabu_it  4 роки тому

      ありがとうございます!😊
      結論から言うと間違いなく可能です。中途未経験から独学で勉強しまくってヤフーに入った方も知っています。もちろん、めちゃくちゃ勉強する必要はあります。私も1年間弱で1000時間は勉強しています(人によってはもっと必要かもしれませんし、もっと少ないかもしれません)。1日3時間勉強しても月100時間弱なので、1000時間は社会人だと割とハードなのが分かっていただけるかと思います。
      ただし、目指されるのであればめちゃくちゃ応援します。講座でもなるべく学びになることを発信しますし、質問にもお答えします。ぜひご検討ください!👍

    • @ka-ml3ve
      @ka-ml3ve 4 роки тому

      @@shimabu_it
      お返事頂き、ありがとうございます😄
      確かに、社会人で1000時間はハードですね。ただ、勉強は楽しいですし、やりたいことはやらないと気が済まないタイプなので、必死に勉強していきたいと思います!
      今後もしまぶーさんの動画参考にさせて頂きます!UA-cam頑張ってください。陰ながら応援させて頂きます^ ^

  • @casettejp
    @casettejp 3 роки тому

    Google Chrome自体がJavaScriptインタープリタ(としての豊富な機能を備えている)であり、デベロッパーツールメニューのコンソール画面でコマンドを入力すると答えを返して来ると理解したので、早速、a=1リターン(またはa=1;リターン) b=2リターン(同) a+bと入力してみたら3と表示されました。この講座を見なかったら、ここまでたどり着くのに3か月、いや半年かかったかも知れません。

  • @osanshouo
    @osanshouo 10 місяців тому +1

    ありがとう

  • @user-ro6ee5om9g
    @user-ro6ee5om9g 4 роки тому

    Progateと並行して動画を視聴していますが、分かりやすくて頭の中がすごく整理されます!!

  • @zendaman999
    @zendaman999 4 роки тому

    ATOMよりVisualStudioCodeを使うメリットってなんかありますか?
    スニペットが上手く動作しないんですよね~

  • @user-cl6br1wo4u
    @user-cl6br1wo4u 11 місяців тому +1

    いやぁいいな!!!!!

  • @user-gp7fm8fl5b
    @user-gp7fm8fl5b 3 роки тому

    初心者です。Visualstadiocodeのインストールの仕方を教えてください

  • @KudasaiJP
    @KudasaiJP 4 роки тому +1

    Node.jsやってほしいです!

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      Node.jsもやりたいですねー
      少なくともフロントエンドがそれなりに落ち着く段階までは難しいですが・・・😭
      リクエストありがとうございます!

  • @2LDKnoTONO
    @2LDKnoTONO 4 роки тому

    しまぶーさんの動画を見て初めてプログラミングを勉強している者です。前回の後半から今回の動画がイマイチ理解できないのですが、プログラミング不向きなのでしょうか。。。

  • @DougaUploads
    @DougaUploads 4 роки тому

    firefoxはコマンド表示されたけど、chromはコマンド表示されないな・・・
    windows.screenまではどちらも出るけれど

  • @user-mm4we4pt2b
    @user-mm4we4pt2b 4 роки тому +2

    【JSサンプル】
    let youtuber = {
    list: {
    business: {
    youtuber: [
    { name: "しまぶー", age: 20, teachProgramming() {} },
    { name: "あっちゃん", age: 37, teachHistory() {} }
    ],
    teach() {}
    },
    entertainment: {
    youtuber: [{ name: "ヒカキン"}, { name: "はじめしゃちょー"}],
    makeSmile() {}
    }
    },
    plan() {},
    uploadVideo() {}
    };

  • @beterfe
    @beterfe Рік тому

    19:27 window.location.reload(); をやってみましたが、エラーが返ってくるように思います。仕様の変更などがあったということでしょうか?

  • @jjfamilybb
    @jjfamilybb 4 роки тому +2

    内容の半ばくらいから出てくるJSを試す画面(Consoleタブ)ってどうやって出せますか?
    環境はWindowsで、VScodeは日本語化しています。

    • @shimabu_it
      @shimabu_it  4 роки тому +2

      おそらくChrome DevToolsのことですね。
      Chromeを開いてF12などで開いてConsoleタブに移動することが使えますよ!
      詳しくは下記動画で解説していますので、ぜひどうぞ😊
      ua-cam.com/video/awRkFcv51r4/v-deo.html

    • @jjfamilybb
      @jjfamilybb 4 роки тому

      @@shimabu_it ありがとうございます。表示できました!!

  • @user-op5ju5bx5r
    @user-op5ju5bx5r 4 роки тому +1

    アクセスして取り出すというのはなぜされているのですか?
    あと、動画外にはなりますが、returnや呼び出すという概念がよく分からないので動画にしていただきたいです。

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      必ずそれも動画にします!!
      絶対にあと数回講座をつくったらわかるようになるかと思います!😁
      また動画をお待ちください!

  • @user-jb6zv8hn6k
    @user-jb6zv8hn6k 4 роки тому +1

    過去の動画も見ましたが、まだすぐにメソッド・オブジェクト・プロパティの区別がつきません。ぱっとわかる方法ってありますか?

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      パッとわかる・・・というのはどういう意味か分かっていないのですが、コードを見たときということですかね🤔
      メソッドだと () がついているかどうかで分かりますが、オブジェクトかプロパティかはコードの流れを見ないと分かりませんね。ただ基本的にはVS Codeが補完で教えてくれますし、logを使って調べることもできます。
      また基本的にはすべてを覚える必要はありませんし、すべてを覚えることは不可能です。私だって覚えているのは1割ぐらいかと思います。大事なのは使いたいとき・出てきたときに自分でググって探し当てることです。エンジニアに1番必要なのはググり力です。暗記はやめて、都度検索することこそが最も伸びるので、そちらに移行することをオススメします!👍

  • @yuto6455
    @yuto6455 4 роки тому +1

    現在高校生です.
    大手のマークアップエンジニアを目指しています.
    基本的なhtml.css.js.nodejs.はかけます.
    進路は専門学校の予定です.今はphp,ワードプレスの勉強中です.
    専門学校卒からyahooやサイバーエージェントのエンジニアを目指すのはどのくらい難しいでしょうか?

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      「難しさはこのぐらいです」という感じで明確には表現できないですが・・・ヤフーには専門学校卒で新卒入社の人もいるので不可能ではありません。また中途入社を含めるともっと大量にいるかと思うので、可能性としては十分にあります。ただし全体を見た場合に、大卒の人が多いのは間違いないので少数ではあるかと思います。
      とにかくプログラミングスキルを伸ばせば十分に可能です。ちなみに挙げられているスキルだとWordPressはアプリ開発系では不要なので、JavaScript(含Node.js)、PHPを深めるほうが良い気はします。

    • @yuto6455
      @yuto6455 4 роки тому

      @@shimabu_it 返信ありがとうございます!これからも応援してます!

  • @Tibitan365
    @Tibitan365 4 роки тому +1

    今のトレンドは、サーバー、フロントサイド両方JSがトレンドなのですか?

    • @shimabu_it
      @shimabu_it  4 роки тому

      フロントエンドはJS一択ですがサーバー側は割と選択肢はありますね・Nodeの需要が高まっているのは間違いないですが、トレンドとしてはGo言語な気もします(統計データを見たわけではなく肌感です)。日本における仕事の需要でいうと依然PHPとRubyが強いですが...。

  • @user-yu2us2yh7q
    @user-yu2us2yh7q 4 роки тому

    今就活を行なっていて文系からIT関係志望を決めてアプリ開発系に進みたいと思っています。就活を行うよりアプリ開発におけるプログラム力を鍛えた方が良いでしょーか?少し人生相談みたいになってすしまってすいません。

    • @freaknik4056
      @freaknik4056 4 роки тому +1

      全く同じです
      僕はそうしてます
      コロナ不況乗り越えましょ

    • @user-yu2us2yh7q
      @user-yu2us2yh7q 4 роки тому

      Freaknik 返信ありがとうございます!
      やっぱり、コロナの影響下でなにが正解か分からないので自身のスキルを伸ばした方が良いですね!

  • @user-sg6my5nj8w
    @user-sg6my5nj8w 4 роки тому

    私はプロゲイトの方でもJSの学習を進めているのですが、しまぶーさんのそれとは大きく異なっているなと感じています。どういった理解を両者にしておいたら良いのでしょうか?

    • @user-iejfiejif
      @user-iejfiejif 2 роки тому

      どう異なってるかわからないからわからないでしょう

  • @eeeg
    @eeeg 2 роки тому

    そのChrome内で書けるのどうやってやるんだろう!?

  • @user-uk9lm7ur8z
    @user-uk9lm7ur8z 4 роки тому +1

    atomというツールを用いてjsファイルを書いているのですが、doと打った後にdocumentと表示(自動補完)されないのですが、これは機能的な問題なのでしょうか?

    • @shimabu_it
      @shimabu_it  4 роки тому +1

      Atomは正直使用していないので分からないです・・・😭 正直、フロントエンドだとVS Codeが圧倒的なので可能であればそちらに乗り換えることをオススメします!!

    • @user-uk9lm7ur8z
      @user-uk9lm7ur8z 4 роки тому

      @@shimabu_it しまぶーさんの動画道理にVS Codeを試しに入れて使ってみたのですが,圧倒的に使いやすかったです笑
      これからはこちらを使っていこうと思います!
      それはそうと、いつも初心者にもわかりやすい動画作り本当にお疲れ様です!
      自分は最近プログラミングを始めたばかりで、しまぶーさんの動画を見て毎回勉強にさせていただいています。めちゃくちゃ応援してるので頑張ってください!

  • @ilikebeautifulthings7540
    @ilikebeautifulthings7540 4 роки тому +1

    jbuilderについてどこかで触れてくださっていたと思いますがどうしても見つけられなくて。
    どの動画かおわかりでしょうか?

    • @shimabu_it
      @shimabu_it  4 роки тому

      おっと・・・JBuilderに関しては一切触れていませんよー!
      他のUA-camrとごっちゃになってるかもですね😅

    • @ilikebeautifulthings7540
      @ilikebeautifulthings7540 4 роки тому +1

      @@shimabu_it
      申し訳ございませんでした!!

    • @shimabu_it
      @shimabu_it  4 роки тому

      @@ilikebeautifulthings7540 全然問題ないですよ✌