---
title: SPA (単一ページアプリケーション)
slug: Glossary/SPA
tags:
  - Glossary
  - SPA
  - single-page app
  - 単一ページアプリ
  - 用語集
translation_of: Glossary/SPA
---
<p>SPA (Single-page application) はウェブアプリの実装の一種で、単一のウェブ文書のみを読み込み、別な内容を表する際には {{domxref("XMLHttpRequest")}} や <a href="/ja/docs/Web/API/Fetch_API">Fetch</a> などの JavaScript API を通じて単一文書の本文の内容を更新するものです。</p>

<p>これにより、サーバーから新しいページ全体を読み込まずにユーザーにウェブサイトを使わせることができ、性能の向上やより動的な利用方法が得られるのと引き換えに、 SEO などで不利になったり、状態の保守、操作の改善、意味のある性能の監視のためにより労力が必要になったりします。</p>

<h2 id="Learn_more" name="Learn_more">関連項目</h2>

<h3 id="General_knowledge" name="General_knowledge">一般知識</h3>

<p>主要な SPA フレームワークには次のようなものがあります。</p>

<ul>
 <li><a href="https://reactjs.org/">React</a></li>
 <li><a href="http://angular.io/">Angular</a></li>
 <li><a href="https://vuejs.org/">Vue.JS</a></li>
</ul>

<section id="Quick_links">
<ol>
 <li>Wikipedia の記事
  <ol>
   <li>{{Interwiki("wikipedia", "シングルページアプリケーション")}}</li>
  </ol>
 </li>
 <li><a href="/ja/docs/Glossary">用語集</a>
  <ol>
   <li>{{Glossary("API")}}</li>
   <li>{{Glossary("AJAX")}}</li>
   <li>{{Glossary("JavaScript")}}</li>
  </ol>
 </li>
 <li><a href="/ja/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">クライアント側 JavaScript フレームワークの理解</a></li>
</ol>
</section>