非同期 JavaScript

このモジュールでは非同期 JavaScript に触れ、なぜそれが重要なのか、そして、潜在的なブロッキング処理(例えばサーバーからリソースを取得する)に効果的に対処するためにどうやって使うのかを見ていきます。

フロントエンドウェブ開発者を目指す方へ

目標に向かって頑張るために必要な情報をまとめたコースをご用意しました。

始めましょう

前提条件

非同期 JavaScript はとても高度なトピックなので、事前に JavaScript の第一歩JavaScript の構成要素のモジュールに取り組んでおくことをおすすめします。

メモ: ファイルを作成する手段のないコンピューター・タブレット・その他の端末をお使いの場合、(ほとんどの)コード例は JSBinGlitch などのオンラインエディターでも試すことができます。

ガイド

非同期 JavaScript 入門

この記事では同期プログラミングと非同期プログラミングとは何か、なぜ頻繁に非同期のテクニックを使う必要があるのか、歴史的に非同期関数は JavaScript でどのように実装されてきたのか、そしてその問題点が何だったのかを見ていきます。

プロミスの使い方

ここではプロミスを紹介し、プロミスベースの API の使い方をお見せします。asyncawait キーワードの紹介もここで行います。

プロミスベースの API の実装

この記事では独自のプロミスベースの API を実装する方法を概説します。

ワーカー入門

ワーカーを使用すると、特定のタスクを別のスレッドで実行し、メインコードの応答性を維持することができます。この記事では、長時間実行される同期的な関数をワーカーを使用して書き直します。

学習の評価

アニメーションを順番に再生する

この評価ではプロミスを使用して一連のアニメーションを特定の順序で再生してください。

関連情報