blob: 5606ba8dc0ead91861a32782d8eeeb9dc0e3fbd2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
---
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>
|
