--- 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>