🚀 Promise.all で非同期処理を並行実行しよう！

JavaScriptでは、APIの呼び出しや外部サービスとの通信など「非同期処理」を扱う場面がよくあります。

たとえば、「A社のAPIに通知を送り」「B社にメールを送る」といった2つの処理をするとき、それぞれを順番に実行していると時間がかかることがあります。

そこで便利なのが Promise.all です。

🐢 よくあるコード（順番に実行）

まずは非同期処理を順番に実行している例です。

// A社に通知を送る
await notifyServiceA("メッセージA");

// B社にメールを送る
const result = await sendEmail({
  to: "example@example.com",
  subject: "こんにちは",
  body: "本文です",
});

このコードは、A社への通知が完了してからB社へのメール送信が始まるので、時間がかかります。

⚡ Promise.all を使って並行処理

Promise.all を使えば、2つの処理を同時に実行できます。

try {
  const [notifyResult, emailResult] = await Promise.all([
    notifyServiceA("メッセージA"),
    sendEmail({ to: "...", subject: "...", body: "..." }),
  ]);
} catch (error) {
  console.error("どちらかの処理でエラーが発生しました", error);
}

✍️ まとめ

🧪 どんなときに使う？

• Slack通知とメール送信

• データベース保存と外部APIへの連携

• 複数のファイルアップロード

など、「複数の独立した処理」があるときに Promise.all は非常に役立ちます。

🚀 ちょっとの工夫でアプリが速くなる！

Promise.all を使えば、あなたのアプリの待ち時間を短縮し、ユーザー体験を向上させることができます。ぜひ活用してみてください！

🔗 参考リンク・公式ドキュメント

◾ JavaScript公式（MDN）

• Promise.all() - MDN Web Docs
  　👉 Promise.all の基本的な使い方や、返される Promise の挙動について詳しく解説されています。例も豊富で非常にわかりやすいです。

◾ JavaScript Info（初心者～中級者向け）

• Promise.all - JavaScript.info
  　👉 実際のユースケースや注意点、失敗時の動作などが丁寧に説明されています。