【JavaScript超入門】クラスとインスタンスを世界一わかりやすく解説!

Поделиться
HTML-код
  • Опубликовано: 9 фев 2025

Комментарии • 109

  • @webit7652
    @webit7652  2 года назад

    ↓こちらもよければチェックしてみてください〜
    👩‍💻ゼミ形式で学ぶプログラミング研修「SiiD」
    ruclips.net/video/WYU2Git8dRg/видео.html
    👨‍💻エンジニアによるキャリア相談「EEE転職」
    ruclips.net/video/MNTzNFGgmYI/видео.html

  • @yy-sm6ey
    @yy-sm6ey Год назад +1

    この例えは天才すぎるわかりやすい

  • @m.n.1330
    @m.n.1330 4 года назад +8

    人生に疲れていた者です。
    回答と素晴らしい動画ありがとうございました。

    • @webit7652
      @webit7652  4 года назад +1

      あざます!人生に癒しを!

  • @ねこ-w9g
    @ねこ-w9g 6 месяцев назад

    どう調べてもイメージつきづらかったのに、くっそわかりやすかったです

  • @ぐちまる-x3u
    @ぐちまる-x3u 4 года назад +7

    ちょうどHello unkoしてたところでした!
    助かります!🙇‍♂️

  • @MAKI_FrontEndEngineer
    @MAKI_FrontEndEngineer 5 месяцев назад

    な〜んとなくクラスがわかりました。理解を深めるためにまた見返します!

  • @passarea868
    @passarea868 3 года назад +4

    もともと知見はあったのですが、オブジェクトとインスタンスの概念説明とても分かりやすかったです。
    特にITネイティブ世代に対しては、車や人に例えられるよりも身近なサービスに例えられるほうがわかりやすいと思うのでとても良いと思いました。

  • @ninemode_mode7095
    @ninemode_mode7095 4 года назад +3

    動画は短いのに普通の作例とクラスを利用した作例までが具体的かつ楽しく理解できるようになっていて感動しました!大変でしょうが今後もがんばってください!

    • @webit7652
      @webit7652  4 года назад +1

      おお、よかったです!!

  • @あとん-f3x
    @あとん-f3x 4 года назад +1

    ちょうどインスタンスがよく分からなくて、今日ググってたところです!!!
    セイトさんのチャンネルは前から登録していて、ちょっと見てみたらさっきアップされてたみたいで驚きました!
    セイトさんのおかげで理解できました。
    ありがとうございます!!!

    • @webit7652
      @webit7652  4 года назад

      なんとタイムリーなw
      よかったです!

  • @KentaroxKondo
    @KentaroxKondo 3 года назад +1

    定期的にこの動画観に来ています!
    勉強するにつれて、スムーズにこの動画の意味が理解できるようになり、とても楽しめています!
    こういう実践的な解説動画をたくさん撮っていただけるととっってもうれしいです😂

  • @鈴木海渡-f6n
    @鈴木海渡-f6n 2 года назад

    今まで見たどんな動画よりもわかりやすい!
    お下品な所もありますが大変参考になりました。🤯
    学習で躓いたら他動画も拝見させていただきます。

    • @webit7652
      @webit7652  2 года назад

      あざます!下品路線でがんばります

  • @阿南慎哉
    @阿南慎哉 3 года назад

    JavaScriptのクラスとかインスタンスがようやく分かった気がします。
    ありがとうございました。

  • @marukintv7987
    @marukintv7987 4 года назад

    一番最初のところ、オレがいつも見てるまかないチャンネルのような雰囲気がとても好きです

    • @webit7652
      @webit7652  4 года назад +2

      あざます!ゆるい雰囲気でご提供しています😃

  • @yuppi.6633
    @yuppi.6633 Год назад

    面白いし分かりやすくて最高です!!
    勉強に使います!

  • @kakkoiinippon
    @kakkoiinippon Год назад

    🇯🇵🇯🇵🇯🇵丁寧な講義ありがとうございます

  • @nail6952
    @nail6952 4 года назад

    丁度クラスとインスタンスについて勉強していたので助かりました!今後も勉強させて頂きます。

    • @webit7652
      @webit7652  4 года назад

      いいタイミングでしたねw
      よかったです!

  • @pnaka0p0
    @pnaka0p0 2 года назад

    えぐいぐらいわかりやすかったです。
    ありがとうございます!!

  • @tarowtaro
    @tarowtaro 4 года назад +7

    whileで++抜けてたらフリーズするの聞いたことあったんですけど怖くてできなかったので、実際に見れてよかったです(笑)

  • @佐々木小太郎-v2t
    @佐々木小太郎-v2t 4 года назад +1

    大変勉強になりました。これまでのJavaScript講座何回も受講してきて、今回は頭に入りやすかったです。いつか何か役に立てるモノを作れるようになりたいです。これからも楽しみにしております!

    • @webit7652
      @webit7652  4 года назад

      良かったです!また次回ぜひ!

  • @とうもん-s3d
    @とうもん-s3d 4 года назад +1

    せっちゃんカッコいい〜✨
    いつも楽しみながら勉強させて頂いております!

    • @webit7652
      @webit7652  4 года назад

      カッキーン!
      あざますww

  • @masakabuto
    @masakabuto 4 года назад

    これで3本連続課題達成です。
    クラスとインスタンスをこれでマスター!とまではいきませんが、ここまでできたのは、生まれて初めてです。
    次が待ち遠しいです。

    • @webit7652
      @webit7652  4 года назад

      おお、すばらしいですね!!
      そんなにやってくれる人がいるの嬉しです😇
      次回もお待ちください!

  • @森野弘規
    @森野弘規 4 года назад

    動画ありがとうございます。
    なんとか追いつけました〜〜

    • @webit7652
      @webit7652  4 года назад

      あざます!今後もシリーズ出していきます!

  • @秋月春花-s3x
    @秋月春花-s3x 4 года назад +1

    Q&Aの内容と、HELLO!UNKOで頭がいっぱいで、その後の口座が頭に入ってきませんでしたwwwww

  • @nas.75
    @nas.75 4 года назад +6

    わかりやすい動画をありがとうございます!19分05秒のconsoleを見たときにgetElementsByTagName("a")がエラーで取得できないのですが自分だけでしょうか…

    • @webit7652
      @webit7652  4 года назад +1

      ども!
      詰まったら僕のGitHubのコードコピペしたり比較したりしてみてください!

  • @isme1307
    @isme1307 4 года назад +1

    クイズゲームの動画2万回ぐらい見て、やっとwhile文とか使えるようになりました。
    この動画で作業している内容は理解できましたが、クラスのメリットがいまいち理解できませんでした。
    コード書きながら繰り返し見てみます。

    • @webit7652
      @webit7652  4 года назад

      てことはあの動画再生してくれたのほぼIs meさんてことになっちゃうww

  • @renyuji
    @renyuji 3 года назад

    ご教示ありがとうございました。
    クラス化までのソースの状態で実行すると2つ目のアコーディオンは開けませんでした。原因が分からずに進めたら途中でやはり1行削除されていた行が判明したのでもし同様の方がいらっしゃればクラス化を進めるとわかると思います。
    動画は25:40付近がクラス化する前のロジックです。
    ※セイトさんの動画は若干unkoとくそして寝ろとかの件が無ければ女性の視聴者が増える気がする。(お節介ですみません)

    • @webit7652
      @webit7652  2 года назад +1

      > ※セイトさんの動画は若干unkoとくそして寝ろとかの件が無ければ女性の視聴者が増える気がする。(お節介ですみません)
      いやまじで...反省してます(´・ω・`)w

  • @猫猫-v7v
    @猫猫-v7v 4 года назад +1

    大変分かりやすいです。たくさんの方の動画を拝見しましたが、セイトさんの動画の分かりやすさは頭一つ抜きん出ていていると思っています。もし宜しければ、入門ではなく入門から中級者に向けての動画を今後作成して頂けると嬉しいです。次の動画も楽しみにしています。

    • @webit7652
      @webit7652  4 года назад

      あざます!今後もうpしていきますゆえ!

  • @tmt3917
    @tmt3917 3 года назад

    お忙しい中、つかぬ事をお伺い致します。
    初心者です。
    凄くわかりやすく、参考になります。
    〈br〉〈br〉〈br〉
    で改行して真似しないようにとありましたが、
    どういった形の改行がベストなのでしょうか?

  • @ivykuwashima4395
    @ivykuwashima4395 3 года назад +1

    オープニングwww
    パソコンにぶつかってるとこ最高

  • @なか-k5p
    @なか-k5p 3 года назад +1

    16:00
    ここから大事。

  • @dori_yodare
    @dori_yodare 4 года назад +4

    Pythonのディープラーニング待ってます!

    • @webit7652
      @webit7652  4 года назад +1

      今週から編集始めました!もうちょいです!!

    • @があああ-e1t
      @があああ-e1t 4 года назад

      まじか、pythonやるならチャンネル登録するわ。したわ。

  • @ffss480
    @ffss480 2 года назад

    プログラム未経験の女で全く畑違いの仕事から
    制作会社入りjs勉強してたけどその時はわけわからなかった笑
    この動画は分かりやすいし
    この人みたいに面白いエンジニアもいるんだなって(良い意味で)

    • @webit7652
      @webit7652  2 года назад

      あざます!僕みたいな奴もいます!w

  • @masuraoman
    @masuraoman 4 года назад +2

    間違ってたらすいませんが、これってクラス化しなくても、クラス化した部分を関数化して、関数を利用すれば事足りるかな、と思ったのですが間違っていますか?

    • @webit7652
      @webit7652  4 года назад +2

      いいと思いますよ!
      ただこれはクラスとインスタンスを勉強する趣旨の動画なので、登場させないと本末転倒に😅

    • @masuraoman
      @masuraoman 4 года назад

      @@webit7652 ありがとうございます!
      認識間違ってないことがわかったので良かったです!!

  • @いんちきべんちゅら
    @いんちきべんちゅら 4 года назад

    初心者です。あの、dummyAccordionということで追加したやつの Q1. Q2. Q3. の出力結果に下線が入るのはなぜでしょうか?  動画内でも下線が入っているようです。

  • @たななやや-h5x
    @たななやや-h5x 2 года назад

    25分あたりの内容で、変数$targetに入れているのが、e.currentTargatになっているのですが、なぜe.targetではないのでしょうか?
    また、e.currentTargetとe.targetの違いについて教えてもらえると助かります

  • @カイ-z2b
    @カイ-z2b 4 года назад

    web系企業の大学生向けのインターンに行く上で勉強すべき事、知っておくべき事などがあれば教えていただきたいです!

    • @webit7652
      @webit7652  4 года назад

      とりあえずコード書こう!なんか作ろう!

  • @user-mk9mt7qm3w
    @user-mk9mt7qm3w 4 года назад +6

    中学生です、小学生の頃からプログラムに興味を持ってて今年からJavaScriptから始めたんですがもう少しで高校受験があります。学歴優先した方がいいですか?

    • @webit7652
      @webit7652  4 года назад +3

      受験は今しかない!勉強しましょう!
      高校受かったらいくらでもコード書ける!w

  • @Asd-oq6iw
    @Asd-oq6iw 4 года назад

    質問です。
    例えばサイトで算数の問題集を作り計算をプログラムする場合などはJavaScriptを使うべきでしょうか、それともJavaなどのバックエンドを使うべきなのかイマイチ分かりません。というかJavaの勉強をしておりますがどこでこの言語を使っているのか、具体的な実装例が調べてもよく分かりません。
    1億回この動画見ますんで教えてください汗

    • @webit7652
      @webit7652  4 года назад +1

      一億回ww
      バックエンド系の言語な気がしまする!

  • @matsutakuaki
    @matsutakuaki Год назад

    これって処理全体を関数にするのと何が違うんですか?

    • @webit7652
      @webit7652  Год назад

      関数よりも拡張性が高い、って感じでしょうか☺️
      小さいプログラムなら関数、それなり以上の機能ならクラスにした方が◎

  • @ちとせあめ-g5p
    @ちとせあめ-g5p 4 года назад

    セイト先生の動画とてもわかりやすくて、いつも見ています!
    私がプログラミング学習で参考にしているものをネットに公開する記事で書きたいのですが、おすすめとして動画を紹介させてもらうことは可能ですか?その場合はリンクを貼らせてもらうことは可能ですか?無理は言いません!笑

    • @ちとせあめ-g5p
      @ちとせあめ-g5p 4 года назад

      独学なので、ネットの情報やら動画やらいろんな方ものを見漁っていますが、一番わかりやすいので何度もここに戻ってきては再生して勉強しています。私と同じような境遇の方に向けた記事なので、おすすめしたいと思いました!

    • @webit7652
      @webit7652  4 года назад

      なんと!ぜひぜひ、遠慮なく勝手にやっちゃってくださいw
      ありがとうございます!

  • @tadashifujinaga
    @tadashifujinaga 2 года назад

    すげー

  • @syunya27212
    @syunya27212 3 года назад

    僕もwhileはインクリメント書き忘れるんでなるべくfor使うようにしてますw

    • @webit7652
      @webit7652  3 года назад

      確かにその方がいいかもです😂

  • @まるちゃん寝る
    @まるちゃん寝る 3 года назад +1

    27:45

  • @user-cr2kl7di4m
    @user-cr2kl7di4m Год назад

    もうなんのこっちゃわからんかった

  • @tyammm7291
    @tyammm7291 3 года назад

    フリーズする前に教えて欲しかった...動画的には面白いかもしれないけど、VSCのGo Liveでやってたのでパソコンのファンがシューシュー...😇

    • @webit7652
      @webit7652  3 года назад

      も、申し訳ないっす…!😭

  • @fearless-112
    @fearless-112 4 года назад +7

    中田さんの物真似おもろい。

  • @1show11
    @1show11 4 года назад

    今回の動画も大変参考になりました。
    クソして寝ます。

    • @webit7652
      @webit7652  4 года назад

      おやすみなさい!w

  • @僕を忘れた頃に君を忘れられない
    @僕を忘れた頃に君を忘れられない 10 месяцев назад

    13:33

  • @エウロパの海
    @エウロパの海 4 года назад

    すいません、分からないことがあります。
    タブの初期表示にあるような
    init( ){
    $image[0].style.display = 'block'; }
    みたいな関数は、クラスで定義する場合はどのように配置すればいいのでしょうか?
    インスタンスのオブジェクトで定義して、それをコンストラクタに表示させる? とかですか。

    • @webit7652
      @webit7652  4 года назад

      ほぼそのまんまコンストラクタに入れて良いような気がしますね〜
      こうかなたぶんきっと
      class Foo {
      constructor() {
      this.getElementsByTagName('img')[0].style.display = 'block';
      }
      ...
      }

    • @エウロパの海
      @エウロパの海 4 года назад +1

      @@webit7652
      ご返答ありがとうございますm(__)m
      別の動画でアップされていたタブUIを、クラスに置き換えてみようと試しておりました。
      まだ旨くいっていないんですが、周辺の知見を深めつつ、今回のクラスをいずれ実装できるように頑張ります!
      俺まじめか……😓

  • @夢中ゴルフ
    @夢中ゴルフ 3 года назад

    unko好きですよね?

    • @webit7652
      @webit7652  3 года назад

      嫌いじゃないです😇

  • @iristtttk
    @iristtttk Год назад +2

    分かりやすくていいのですが、不適切な発言を入れるのはやめたほうがいいと思います。
    人によって不愉快になるかと。

  • @ひび割れガタポン
    @ひび割れガタポン 3 года назад +1

    基礎ができてないのかな
    途中から全然わからん

  • @kou-u2o
    @kou-u2o 2 года назад

    cssでよくね?
    before
    afterでええやん…

  • @suuri_toukeigaku_channel
    @suuri_toukeigaku_channel 4 года назад

    うんこ好きだなw

    • @webit7652
      @webit7652  4 года назад

      不覚にもうんこ好きなやつになってしまいました…

  • @mosu1945
    @mosu1945 4 года назад +1

    Q1.人生に疲れたんですが、どうしたらいいですか?
    .
    .
    .
    .
    .
    .
    .
    .
    A1.クソして寝ろ
    こういうの好きです😂

  • @Oni-Tenzikunezumi
    @Oni-Tenzikunezumi 4 года назад

    ちょっとまかないチャレンジさんみたい(笑)

  • @一吾イチゴ
    @一吾イチゴ 3 года назад

    Q1 A1の意味がわからない

  • @おーばーなお
    @おーばーなお 3 года назад

    中田さんの奴ですよね笑笑

    • @webit7652
      @webit7652  3 года назад

      インスパイアされましたw

  • @モコモコ-y2y
    @モコモコ-y2y 4 года назад

    よかった~~~( ̄▽ ̄;)
    このままだと
    変数「セイト先生」に
    う〇〇が代入されてしまうとこでした(笑)
    分かりやすく書くと
    セイト先生=う〇〇
    ってイメージが(笑)

  • @オムニバスくん
    @オムニバスくん 4 года назад

    愛してるぜ!

  • @オムニバスくん
    @オムニバスくん 4 года назад

    うんこ、愛してます。
    しかし、要所要所で全体のコードを見せてもらうともっと良いと思いました。
    私はそれを求めています。

    • @webit7652
      @webit7652  4 года назад

      あざます!
      たしかに!次回取り入れてみます><

  • @189アンピュテート
    @189アンピュテート 3 года назад

    しょっぱなどこぞの大学の真似してんなww