【初心者向け】同期処理と非同期処理とは？違いをわかりやすく解説！

「非同期処理で、画面の表示が速くなった！」
「この処理は同期的に実行されるから、完了を待つ必要がある」

プログラミング、特にJavaScriptやWeb開発を学んでいると、必ずと言っていいほど登場するのが**「同期処理」と「非同期処理」**という言葉です。

この2つの概念は、プログラムのパフォーマンスや、ユーザー体験（UX）を大きく左右する、非常に重要な考え方です。

しかし、その違いは初心者にとって、少しイメージしづらいかもしれません。

この記事では、IT知識ゼロの初心者の方でも、同期・非同期処理の本質がスッキリと理解できるように、わかりやすく解説していきます。

同期処理・非同期処理のすべては「一つの処理が終わるのを待つか、待たないか」

同期処理と非同期処理の根本的な違いは、たった一つです。

それは、**「時間のかかる一つの処理を呼び出したとき、その処理が終わるのを、その場でじっと待つか、待たないか」**という点に尽きます。

この違いを、大人気のラーメン屋さんに並ぶお客さんと、店員さんの働き方に例えて、見ていきましょう。

ここに、非常に真面目で、一つの仕事が終わるまで絶対に次の仕事に手を出さない、ベテラン店員さんが一人いるラーメン屋さんがあります。

**Aさん（お客さん）**が来店し、「醤油ラーメンを一杯！」と注文します。
店員さんは、Aさんの注文を受けたら、すぐに厨房に入り、麺を茹で始めます。
（ここが重要！） 店員さんは、麺が茹で上がり、ラーメンが完成するまで、厨房の前でじっと待ち続けます。 この間、レジは無人になり、次のお客さんであるBさんやCさんが「すみませーん！」と呼んでも、店員さんはAさんのラーメンが完成するまで、一切対応できません。
Aさんのラーメンが完成し、提供が終わって初めて、店員さんはレジに戻り、次のBさんの注文を取りに行きます。

これが**「同期（Synchronous）処理」**です。

プログラミングで言えば、「時間のかかる処理（例：サーバーからのデータ取得、ファイルの読み込み）」を呼び出したときに、その処理が完了して結果が返ってくるまで、プログラム全体が停止してしまう状態です。

次に、非常に要領が良く、待ち時間を無駄にしない、スーパー店員さんが一人いるラーメン屋さんを見てみましょう。

**Aさん（お客さん）**が来店し、「醤油ラーメンを一杯！」と注文します。
店員さんは、Aさんの注文を受けたら、すぐに厨房に注文票を渡し、「醤油ラーメン一丁！できたら教えて！」と伝えます。
（ここが重要！） 店員さんは、Aさんのラーメンが出来上がるのを待ちません。 すぐにレジに戻り、次のBさんの注文を取りに行きます。「塩ラーメンですね！厨房に伝えておきます！」
さらに、Cさんの注文も取ります。「味噌ラーメンですね！承知しました！」
店員さんがBさん、Cさんの注文をさばいている途中で、厨房から「お待たせしました！醤油ラーメン、上がりましたよ！」と声がかかります。
その声を聞いた店員さんは、そのタイミングでAさんの元へ、完成した醤油ラーメンを運びに行きます。

これが**「非同期（Asynchronous）処理」**です。

特徴
- 時間のかかる処理を呼び出しても、その完了を待たずに、すぐに次の処理に進む。
- 時間のかかる処理は、裏側で勝手に進められる。
- 処理が終わったら、**「終わりましたよ」という通知（コールバック）**が来て、その後の処理が実行される。

プログラミングで言えば、「時間のかかる処理」を呼び出した後も、プログラムは停止せず、他の処理をどんどん進めることができます。これにより、ユーザーを待たせることなく、快適な操作性を提供できるのです。

	同期処理	非同期処理
メリット	処理の順序が保証されるコードが直感的で、追いやすい	ユーザーを待たせない（UX向上）リソースを有効活用できる（パフォーマンス向上）
デメリット	重い処理で全体が停止する（ブロッキング）ユーザー体験が悪化しやすい	コードが複雑になりやすい処理の順序の制御が難しい

処理の順序が非常に重要な場合
- 銀行の振込処理：「①残高を確認する」→「②送金先の口座にお金を振り込む」→「③自分の口座から残高を引く」。この順序が崩れると、大変なことになります。このような一連の処理（トランザクション）は、同期的に実行される必要があります。
シンプルなスクリプト
- 書いた上から順番に実行されれば良い、単純なプログラム。

時間のかかるI/O（入出力）処理が伴う場合
- Web APIからのデータ取得：外部のサーバーからデータを取ってくるのには、数秒かかることもあります。この間、画面が固まってしまったら、ユーザーはアプリを閉じてしまうでしょう。
- ファイルの読み書き：大きなサイズのファイルを読み込む処理。
- タイマー処理：setTimeoutのように、「3秒後にこの処理を実行して」とお願いする場合。