JavaScriptの非同期処理をしっかり理解する 〜async/await/Promise〜 - Qiita
JavaScript での非同期処理について、身近な例や具体例を交えながら詳細に解説しています。 最後には練習問題も用意しています！ 頑張って書いているので、良いと思ったらコメント・いいね・ストック・共有などしてもらえると嬉しいです！！ 非同期処理とは 非同期処理とは、プログラムの処理が順番に実行されず、ある処理を実行している間に他の処理を並行して実行することができる仕組みです。非同期処理では、あるタスクが完了するのを待たずに次のタスクが実行されるため、効率的に複数の処理を進めることが可能です。 （by ChatGPT） 非同期処理とは、「同期処理」の対義語で、同期処理は「プログラムの処理が順番に実行され、ある処理が終わるまで次の処理を待つ仕組み」です。 非同期処理の最大のメリットは、 「時間のかかる処理を行っている間に別の処理を行うことができる」 ことです！ 身近な例では、部下への仕事の
TSKaigi 2025 での発表資料です - スピーカーノート リポジトリ…
実践: await using でリソース開放
実践 いつ使うんだこれと思ってたら使う日が来たシリーズ。 今回、Deno で使ったんですが、 Node.js やブラウザでも Polyfill を入れれば動きます。 try finally で puppeteer を終了したい Deno で puppeteer を扱うために、こういうコードを書いてました。 // original import puppeteer from "npm:puppeteer@23.6.1"; import chromeFinder from "npm:chrome-finder@1.0.7"; let browser: puppeteer.Browser | null = null; try { browser = await puppeteer.launch({ headless: false, executablePath: chromeFinder(),
「君だけのオリジナル async / await を作ろう」スピーカーノート & 補足 - Object.create(null)
TSKaigi 2025 での登壇「君だけのオリジナル async / await を作ろう」のスピーカーノートと補足です. (TSKaigi 2025 自体の感想や面白かった発表の話なんかはまた別途書きます.) スピーカーノート & 補足 参考文献 スピーカーノート & 補足 「君だけのオリジナル async / await を作ろう」というタイトルで発表します. susisu ですよろしくおねがいします. 今日, 特に最後の方は多少抽象度が高い話題を扱うので, もしかしたらちょっと難しい話になってしまうかもなんですが, 最終的に私が一番伝えたいのは「TypeScript 面白い」ということなので, 気楽に聞いていただけたら幸いです. 改めましてこんにちは susisu です. 株式会社はてなというところでエンジニアをしています. 趣味は TypeScript の限界を攻めることで, 例
はじめに forEachでawaitを使おうとしたら、エラーになり、どうやったらループでawaitを使えるか調べたので、簡単に記載します。 await とは？ awaitは非同期処理が終わるまで処理を止めておいてくれる便利なもの jsはawaitやpromiseを使わないと、処理が終わる前に他の処理を実行してしまうので、直列に処理を実行したいときなどは利用すると良い // 非同期関数 async function asyncTask(name) { console.log(`Task ${name} started.`); await new Promise(resolve => setTimeout(resolve, 2000)); // 2秒間スリープ console.log(`Task ${name} completed.`); } // メイン処理 async function m
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
経験上、「async/awaitはthenより簡潔」程度の理由でasync/awaitの利用が強制されているリポジトリに遭遇することが少なくないです。 自分は思考停止でasync/awaitを優先利用する風潮にはネガティブで、その理由をいくつか挙げたいと思います。 Promiseの理解を妨げる async/awaitは、非同期処理の理解をすっ飛ばして実装できてしまいます。 そのため、特に初学者においてasync/awaitの簡単さがある種の逃げ道として使われ続けるようなケースでは、Promiseへの慣れや理解を妨げる可能性があります。 クイズ 例えば以下の実装に対し、fetchData実行直後に「console.log('取得を開始しました')」という出力も追加してみてください。
Minister says black box found at crash site as families await answers
Investigators have been at the site where Air India Flight AI171 crashed yesterday moments after take-off in the west Indian city of Ahmedabad. All but one of the 242 people on the London-bound flight died when it crashed into a residential area, with a local senior health official telling the BBC today at least eight people in the area it came down in were also killed. The only survivor, British
驚いたかもしれません。この3つのコードの出力結果は、すべて同じ 「1, 2, 3」です。 （全問正解できた方、素晴らしいです。） しかし、「なぜnew Promiseの中の処理が先に実行されるのか？」、あるいは「awaitの有無で何が違うのか？」といった点に、少し戸惑いはありませんでしたか？ このような直感的ではない挙動こそ、 JavaScriptの非同期処理の「クセ」 とも言える部分です。 この記事では、あなたが今まで何気なく使っていた非同期処理について、その仕組みから深く理解することを目指します。 まずはその第一歩として、「非同期」という言葉そのものの意味から確認していきましょう。 そもそも非同期（asynchronous）とは まずは言葉の定義から見ていきましょう。IT用語辞典 e-Wordsでは、以下のように説明されています。 複数の主体がタイミングを合わせずに通信や処理を行う方式
イントロダクション 非同期処理は、タスクの完了を待つことなく多くのタスクをプログラム上で実行することができる強力なツールです。例えば、Webサーバーのリクエスト処理やファイルの読み書きなど、I/Oバウンドタスクの効率的な処理に非常に有用です。 この記事では、Rust公式のAsynchronous Programming in Rustの第1章と第2章を参考にし、並行プログラミングモデルや非同期処理の実装例、非同期ランタイムの内部構造までまとめました。 並行プログラミングモデルの比較 並行プログラミングにはさまざまなモデルがあり、それぞれに特有の利点と欠点があります。Asynchronous Programming in Rust 第1章の内容に基づき、OSスレッド、イベント駆動、コルーチン、アクターモデルの各モデルについて例を交えながら説明します。 OSスレッド OSスレッドは、オペレーテ
Python behind the scenes #12: how async/await works in Python
Mark functions as async. Call them with await. All of a sudden, your program becomes asynchronous – it can do useful things while it waits for other things, such as I/O operations, to complete. Code written in the async/await style looks like regular synchronous code but works very differently. To understand how it works, one should be familiar with many non-trivial concepts including concurrency,
用語 概念を理解するために、非同期処理で何が起きているかを把握します。 イベントループ：タスクをスケジュールする タスク：コルーチンを実行し、実行結果などを管理する コルーチン：実行や一時停止ができる処理 私たちはやりたいことをコルーチンで書いてタスクにしてイベントループに入れるだけで、イベントループがうまいこと処理してくれる、というイメージです。 ここでいううまいこととは、CPUを使わないのに何秒もかかるタスクがあるときに、代わりに別のタスクにCPUを使わせる、といった具合です。 これらのことをするために、Pythonの標準ライブラリであるasyncioを使用します。 コルーチンを作成する（async） コルーチンを作成するのは簡単で、defの前にasyncをつけるとコルーチン関数ができます。 # 通常の関数(同期関数) def main(): print('hello world')
Cleaner JavaScript promises with safe-awaitPublished on 22 May 2024Nested try/catch blocks are a common pattern in JavaScript when working with promises. However, they often lead to hard-to-read and maintain code. To better understand the problem, let's look at an example where we have a series of promises, each relying on the result of the previous one (or if you just want to skip to the solution
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
君だけのオリジナル async / await を作ろう / TSKaigi 2025
forEachでawaitを使おうとしたら怒られた - Qiita
Python の async/await を徹底解説！コルーチンの仕組み - Qiita
思考停止でasync/awaitを使うのはやめよう - Qiita
【JavaScript】このasync/awaitの実行順、自信を持って説明できますか？ - Qiita
非同期処理の裏側を覗き見 ~Rustのasync/awaitの場合~
Pythonのasync/awaitを理解したい【asyncio】
Cleaner JavaScript promises with safe-await