非同期処理とは何か?【超入門編/JavaScript/プログラミング】

Поділитися
Вставка
  • Опубліковано 21 лип 2024
  • 今日は非同期処理超入門ということで、書き方や構文ではなくて、
    ➡非同期処理とはそもそも何か?
    ➡なぜ非同期処理をする必要があるのか?
    という観点で話をしたいと思います。
    JavaScriptでフロントエンドプログラミングをするには非同期処理は必須なので、是非マスターしたいですね!!
    ▼目次▼
    0:00 イントロダクション
    1:00 コンピュータの計算時間
    5:20 コンピュータの計算時間を人間の時間にたとえると…?
    7:35 息子と母親の非同期処理
    10:50 非同期処理の難しさ
    13:42 非同期処理とイベントループ
    14:26 非同期処理とコールバック関数
    15:20 Promiseとasync/await
    16:12 まとめ
    ----Web万屋エンジニアチャンネル-----
    Webサーバーサイド
    ⇒Webフロントエンド
    ⇒Androidアプリ開発
    ⇒AI開発
    ⇒CloudArchitect
    など様々な業務経験がある万屋エンジニアのおさないが運営するチャンネルです。
    Webエンジニア関する様々なことを発信していきます。
    Web万屋エンジニアのTwitterアカウント
    / yorozuyaosanai
  • Наука та технологія

КОМЕНТАРІ • 69

  • @artealtro7473
    @artealtro7473 3 місяці тому +1

    わからなかったコールバック関数ついてたすかります。プログラムに興味が湧いてきました。速度、内容、画像よく考えて制作されています。陳腐化しない素晴らしい教育サイトです。心より感謝です。

  • @colortash7259
    @colortash7259 3 роки тому +16

    書き方よりこういう概念的な部分でつまずいたり、なんとなく進める初心者多いので本当にありがたい。もっと登録者増えていいやろ

    • @programming-academy
      @programming-academy  3 роки тому +1

      なぜか伸びない、でおなじみの私のチャンネルでございます😊

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

    家族の例が、どんな動画よりも分かりやすかったです

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

    めっちゃ理解できました!次の動画も期待しています!

  • @shintaroo7
    @shintaroo7 2 роки тому +1

    プログラミングの話を実生活に例えて話すのって、簡単そうで実は難しい。お見事です。面白いし、役に立つ話でした。

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

    物凄く分かりやすいです!

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

    dartを勉強する上で、非同期処理を学べてよかったです。わかりやすく説明してくれてありがとうございます!!

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

    「コンピューターにやらせたいことが見えてくると」ってすごい良い言葉
    この一文は何をするために書いてるのかを意識すると成長も早いですよね

    • @programming-academy
      @programming-academy  3 роки тому

      progateとかやりながらでもいいので、コンピュータサイエンスの基礎の基礎みたいな項目は学んだ方がいいですね😄

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

    とても分かりやすかったです!
    最初にこういった概念部分の動画を見ておくと、その後の理解がスムーズに進みそうです。

  • @sakusaku721
    @sakusaku721 2 роки тому +2

    わかりやすかったです!理解しやすいように構成されてて感心するレベルでした。視聴者が離脱しないように工夫していたのもめちゃくちゃよかった!

  • @KM-sl9qw
    @KM-sl9qw 3 роки тому +1

    こんな分かりやすいプロの例え話はじめて。

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

    ほんといつもわかりやすい!!
    ありがとうございます😭

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

    めちゃくちゃわかりやすいです!ありがとうございます。

  • @user-ro2hs3ut9q
    @user-ro2hs3ut9q 4 роки тому +5

    まさにタイムリーなテーマでした。ありがとうございます!!

    • @programming-academy
      @programming-academy  4 роки тому

      このタイミングであなたに動画が届いた、そんな奇跡に感謝㊗️

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

    さすがです。わかりやすっ

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

    とっつきにくい部分をユニークでわかりやすく説明していただきありがとうございます。

    • @programming-academy
      @programming-academy  4 роки тому

      ありがとうございます😄
      お役に立てて何よりです😄

  • @user-kj5no4jj2l
    @user-kj5no4jj2l 3 роки тому +2

    例え話がめちゃくちゃわかりやすかったです!引き続き次の動画も見ます!

  • @hi-po4tj
    @hi-po4tj 4 роки тому +2

    本当にわかりやすいです!モヤッとしていたことがすっきり理解できました🙇‍♀️

    • @programming-academy
      @programming-academy  4 роки тому +1

      そ、そんなにですかね😊
      照れちゃいますね😊

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

    いろんな記事をめぐりましたが、この動画が一番わかりやすいです。ありがとうございました!

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

    例えわかりやすかったです!

  • @artealtro7473
    @artealtro7473 3 місяці тому

    スケール感、有難うございます。

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

    プログラミングの勉強始めたばかりの文系主婦です。
    まさに概念・言葉でつまづくことが多く悩んでいた時に、こちらの動画に出会いました!
    全てがめちゃくちゃわかりやすかったです!感謝です⭐️

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

    分かり易い  話しですね

  • @TI-ff7pw
    @TI-ff7pw 4 роки тому +3

    とっっってもわかりやすいです!構文の方も激しく希望します!!!

    • @programming-academy
      @programming-academy  4 роки тому

      よかった!!!わかりやすいと言ってもらえて非常に嬉しいです!!
      近い内に必ず出します!楽しみにしててください!!😉

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

    16:00付近のコールバック関数の話がわかりやすかったです。しびれました。
    一歩理解に近づきました。

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

    他のチャンネルが書き方ばかりの動画の中で、まず全体像を抽象的につかみたい時めちゃくちゃこのような動画助かります。とても期待してます!!説明も分かりやすいです。

    • @programming-academy
      @programming-academy  4 роки тому +1

      ありがとうございます🙌
      まずはザックリ概要把握したいときに私のチャンネルを使ってください😆

  • @user-hh8xs6el1j
    @user-hh8xs6el1j 9 місяців тому

    ありがてえ
    ありがとうございます!

  • @toshi5613
    @toshi5613 4 роки тому +8

    例え話が的確で分かりやすいです。

    • @programming-academy
      @programming-academy  4 роки тому +4

      IT用語絶対日常生活に例えるマン名乗っていいですか!?😆

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

      あとは、図表を使って視覚的に効果が上がる方法を試してみてはどうでしょうか。

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

    秒で例える必要あるかな...と思って聞いてたら、
    本当にスケール感が理解しやすい!そして聞き入っちゃうトーク!
    分かりやすくて楽しいです!

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

    例え話も面白くめちゃくちゃわかりやすかったです!
    是非ハンズオン形式での構文説明動画観てみたいです!

    • @programming-academy
      @programming-academy  4 роки тому

      必ずやります!!
      ただ、他の企画との兼ね合いもございますので、しばしお待ちを🙇
      他の企画の動画も是非楽しんでいただければと思います🙇

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

    すごく、面白く非同期処理学べました。ほんと、構文の動画みたいです!

    • @programming-academy
      @programming-academy  4 роки тому +1

      コールバック関数の解説は作ってみたのでぜひ観てください😆
      Promiseとかもそのうちやります😆
      ua-cam.com/video/HhoUmOEAqTI/v-deo.html

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

    コールバック関数やpromise, async/awaitは本質的には同じことを書いている。
    なるほどです。

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

    コールバック関数とは『〇〇が終わったら、✗✗をやっといて。』【✗✗】の部分がコールバック関数。時間がかかる処理の後でやっておくタスク。の説明がわかりやすかったです。

    • @programming-academy
      @programming-academy  3 роки тому +1

      現実世界のアナロジーが理解を助けてくれるので身近なものを普段からよく観察しておくと良いですね😄

  • @user-py3do5zs8t
    @user-py3do5zs8t 4 роки тому +9

    【めちゃくちゃ希望】ぜひ構文もみたいです!!!!!

    • @programming-academy
      @programming-academy  4 роки тому +1

      やりましょう!しばらくお待ちを!準備します!💪

  • @kh-on8xv
    @kh-on8xv 3 роки тому

    プログラミングの学習を進めて、なにか詰まると「おさないせんせーーーTT」と泣きながら、おさないさんのチャンネルの中から対象動画を漁る。そんな日々を過ごしています。

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

    面白い話し  良いよ

  • @Beta-yd7vq
    @Beta-yd7vq 2 роки тому

    大学の先生の説明より分かりやすい。素晴らしい!って感動して二周目に突入したところで、「この服すげえデザインだな」ってなった笑笑

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

    非同期処理を簡単に言うと
    プログラムで洗濯してからご飯を作るプログラムを作りました、ですが処理が順番に行われるからもっと早くしたいって時に非同期処理が使われます。
    プログラムで"洗濯しながらご飯を作る"
    これが非同期処理です。

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

      自分久々に非同期処理に触れたので間違ってる可能性があります()

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

    今日はJSか。Ajaxとかすごい技術なんだなーってのはわかるんだけど、いざ何かやってみようと思っても頭がフリーズしてしまう。
    Pretender、3回見ちゃった(笑)

    • @programming-academy
      @programming-academy  4 роки тому +2

      わからないことって何回もチャレンジしてるとふとわかる瞬間が来ますよね😄
      その手助けになるように頑張ります!
      恥ずかしい!笑

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

    ちょっとJSに希望を見ました!もうちょっと諦めずにやってみます。
    (ドリームキャッチャーのお召し物...何か意味があるのだろうかと気になりました笑)

    • @programming-academy
      @programming-academy  3 роки тому

      がんばってください😄
      JS関連の動画、少しずつ増やしていこうと思ってます😄
      ドリームキャッチャーに意味は特にないんですが、形とか素材が気に入って買いました😚

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

    グリーンバックそのまま使ってる人初めて見ました

  • @1969tact
    @1969tact Рік тому

    「お風呂掃除が終わったら、スポンジ洗って、洗剤と一緒に棚にしまっておいて」「ゴミ捨てして来たら、ポリバケツに新しい袋被せて、いつもの場所に置いておいて」の”●●したら、~しておいて”の、~以降に続く部分のこと?

  • @okojo_MK
    @okojo_MK 7 місяців тому

    茶番好きwww

  • @user-mo2ek7el5z
    @user-mo2ek7el5z Рік тому

    歯がきれいですね

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

    ゴミ箱にダンクシュート!!!!!!!!

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

    服が露伴っぽい。

    • @programming-academy
      @programming-academy  4 роки тому +5

      このおさないが最も好きな事のひとつは、プログラミングが難しいと思ってるやつにわかりやすく教えることだ、、、

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

    顔がちょっと無り