【今スグ分かる】マルチ・ページ・アプリケーションとは？ SPAとの違いを分かりやすく解説
2025.7.2
2026.4.2
この記事は約2分で読めます
ウェブアプリの仕組みの歴史はMPAから始まりました。
WordPressも採用するこの仕組みとSPAの違いを知ることで、モダンなフロントエンド開発への理解が深まります。
筆者：三好アキ（専門用語なしでプログラミング）
▶︎ 三好アキの著書一覧はこちら
MPA：知っている人が少ない言葉
「MPA」とは「マルチ・ページ・アプリケーション」の略語です。
しかし、この言葉を聞いたことのある人は少ないと思います。
その一方で、「SPA（シングル・ページ・アプリケーション）」なら、一度はどこかで耳にしたことがあるでしょう。
この2つにはどのような違いがあるのでしょうか。
▶︎▶︎ https://monotein.com/present-for-readers
WordPressもMPAを使っている
ウェブアプリケーション・テクノロジーの発展の歴史では、まず最初に「マルチ・ページ・アプリケーション」が登場しました。
そして次に「シングル・ページ・アプリケーション」です。
| 登場時期 | |
|---|---|
| MPA（マルチ・ページ・アプリケーション） | SPA以前（2000年ごろ） |
| SPA（シングル・ページ・アプリケーション） | 2010年ごろ |
MPAの代表例はWordPressです。
ではMPAとSPAの違いは、どこにあるのでしょうか。
大きな違いを一つ挙げると、それはサーバーからクライアント（ブラウザ）に送られる「モノ」です。
MPAでは、ページ移動時にサーバーにリクエストを行い、HTMLとJavaScriptを受け取って表示する仕組みになっています。
WordPressが今でも広く使われているように、MPAは現役の仕組みです。
しかしMPAには、ページ表示に時間がかかるという問題があります。
ページが移動するたびに毎回サーバーとのやりとりが発生するからです。
この部分を改善したものが、次の記事で紹介するSPAになります ▼
✤ 筆者 ✤
三好アキ（専門用語なしでプログラミング）
「専門用語なし」のメソッドで1,200人以上のビギナーをフロントエンド開発入門に成功させる。翔泳社『動かして学ぶ！Next.js/React開発入門』（韓国でも出版）など著書25冊以上。Amazonベストセラー1位複数回獲得。
React、Next.js、TypeScriptなどの最新情報や初心者向けコンテンツを、無料メルマガ配信中。メールアドレスだけで登録可 ▶︎ 無料メルマガ登録