アニメーションで理解するイベントループ(Event Loop)

Ғылым және технология

今回は、フロントエンドでよく聞くJavaScriptの「イベントループ(Event Loop)」についてanimationで分かりやすく解説します。
00:00 イベントループとは
00:23 非同期処理の復習
01:10 イベントループとは
01:37 ブラウザ環境
05:00 イベントループの挙動
▼「100秒で理解する非同期処理」
• 100秒で理解するJavaScriptの非同期処理
▼X(Twitter)
/ _akimuu_
▼Zenn
zenn.dev/ak
▼お借りしたもの
・VOICEVOX:ずんだもん
・立ち絵:坂本アヒル 様
・アイコン:Flaticon
 ・www.flaticon.com/free-icons/js
 ・www.flaticon.com/free-icons/loop
 ・www.flaticon.com/free-icons/t...
 ・www.flaticon.com/free-icons/p...
 ・www.flaticon.com/free-icons/w...
 ・www.flaticon.com/free-icons/d...
 ・www.flaticon.com/free-icons/c...
#ずんだもん #プログラミング #javascript #animation #programming

Пікірлер: 5

  • @kenpu1943
    @kenpu19432 ай бұрын

    コールスタックが空になるタイミングで実行されてたんだ、、 Webアプリの仕事から離れちゃってるから、100秒シリーズで細かい学習&復習できるの本当にありがたい めちゃわかりやすいので、 もうちょっと複雑なコードでイベントループの挙動見てみたい

  • @T_yu6129
    @T_yu612925 күн бұрын

    むちゃくちゃ分かりやすい… 100秒ずんだもん…あなたは神か…🙏

  • @oc9304
    @oc93042 күн бұрын

    Web APIって「ブラウザが提供する機能」って説明と「webアプリ間でデータのやり取りをするもの」って説明の2つがあるけどこれって別物ですか...?

  • @100-tech-ch

    @100-tech-ch

    2 күн бұрын

    そのどちらもがWeb APIです。 Web APIは大きく2つの分類があり、「ブラウザAPI」と「サードパーティーAPI」です。前者は「ブラウザが提供する機能」、後者は「webアプリ間でデータのやり取りをするもの」と考えていただいて大丈夫です。 詳細はこちらを読んでみてください: developer.mozilla.org/ja/docs/Learn/JavaScript/Client-side_web_APIs/Introduction

  • @oc9304

    @oc9304

    Күн бұрын

    @@100-tech-ch 助かります、情報元までありがとうございます🙇‍♂

Келесі