IT用語: async/awaitとは｜非同期処理をわかりやすく書く構文
Promiseベースの非同期処理をまるで同期処理のように書けるasync/awaitの仕組みとエラーハンドリングを解説。
async/awaitとは
async/await は、JavaScriptやTypeScriptで非同期処理（APIリクエスト・ファイル読み込み等）を、まるで同期処理のように読みやすく書くための構文です。Promiseをベースとしており、コールバック地獄を解消するために導入されました。
基本的な書き方
async function fetchUser(id) {
const response = await fetch(`/api/users/${id}`);
const user = await response.json();
return user;
}async を関数に付けると、その関数は必ずPromiseを返します。await はPromiseが解決されるまで処理を一時停止し、結果を変数に受け取ります。
エラーハンドリング
非同期処理の失敗は try...catch で捕捉します。await 式が失敗（Promiseがrejectされた）場合に catch ブロックが実行されます。JSONフォーマッターでも同様のパターンで JSON.parse のエラーを捕捉しています。
try {
const data = await fetchUser(1);
} catch (error) {
console.error('取得失敗:', error.message);
}
関連する用語 (プログラミング)
全33件を見るWeb Components
ブラウザネイティブの技術でカプセル化された再利用可能なUIコンポーネントを作成する仕様。Custom Elements・Shadow DOM・HTML Templatesの3つの技術で構成され、フレームワーク非依存で動作する。
モノレポ（Monorepo）
複数のプロジェクトやパッケージを1つのGitリポジトリで管理する手法。コードの共有・一貫したCI/CD・依存関係の統一が容易になる。Turborepo・Nx・Yarnワークスペースで実装される。
Jest（ジェスト）
MetaがReact向けに開発したJavaScript/TypeScriptのテストフレームワーク。ゼロ設定で動作・スナップショットテスト・モック機能を標準搭載し、フロントエンドテストのデファクトスタンダード。
SPA（シングルページアプリケーション）
ページ遷移時にブラウザをリロードせず、JavaScriptで動的にコンテンツを更新するWebアプリのアーキテクチャ。React・Vue・Angularで実装されることが多い。
JAMstack
JavaScript・APIs・Markupの頭文字をとったWebアーキテクチャ。ビルド時に静的HTMLを生成し、動的機能はAPIで補完することで高速・安全・スケーラブルなWebサイトを実現する。
IT用語: ソフトウェアテストの種類｜単体・結合・E2Eテストの違い
ユニットテスト・結合テスト・E2Eテストの役割とテストピラミッドの考え方を解説。