> ## Documentation Index
> Fetch the complete documentation index at: https://auth0.generaltranslation.app/llms.txt
> Use this file to discover all available pages before exploring further.

# シングルページWebアプリケーションを登録する

> Auth0 Dashboardを使ってシングルページWebアプリケーション（SPA）を登録する方法を説明します。

Auth0をシングルページＷｅｂアプリと統合するには、まず、<Tooltip data-tooltip-id="react-containers-DefinitionTooltip-0" href="/docs/ja-JP/ja-jp/glossary?term=auth0-dashboard" tip="Auth0 Dashboard: サービスを構成するためのAuth0の主製品。" cta="用語集の表示">Auth0 Dashboard</Tooltip>を使ってアプリをAuth0に登録する必要があります。

1. [［Dashboard］>［Applications（アプリケーション）］>［Applications（アプリケーション）］](https://manage.auth0.com/#/applications)に移動して、 **［Create Application（アプリケーションの作成）］** をクリックします。
2. アプリケーションにわかりやすい名前を付け、**シングルページWebアプリケーション** を選び、**［Create（作成）］** をクリックします。

   新しいアプリケーションが作成されたら、**［Application Settings（アプリケーション設定）］** に移動し、以下のタブが表示されます。

   <table class="table">
     <thead>
       <tr>
         <th><strong>設定タブ</strong></th>
         <th><strong>説明</strong></th>
       </tr>
     </thead>

     <tbody>
       <tr>
         <td><strong>Quick Start（クイックスタート）</strong></td>
         <td>該当するアプリケーションタイプ用のドキュメントがすべて表示されます。</td>
       </tr>

       <tr>
         <td><strong>Settings（設定）</strong></td>
         <td>アプリケーションに使用できる設定がすべて表示されます。デフォルトで、ほとんどの設定があらかじめ作成されています。詳細については、「<a href="/docs/ja-JP/ja-jp/get-started/dashboard/application-settings">アプリケーションの設定</a>」をお読みください。</td>
       </tr>

       <tr>
         <td><strong>Credentials（資格情報）</strong></td>
         <td>アプリケーションの認証方法と構成済みの資格情報を表示します。詳細については、「<a href="/docs/ja-JP/ja-jp/secure/application-credentials">アプリケーションの資格情報</a>」をお読みください。</td>
       </tr>

       <tr>
         <td><strong>Add-ons（アドオン）</strong></td>
         <td>アプリケーションに関連付けられたプラグインを有効化することができます。これらはSAMLまたはWS-Fed Webアプリで、Auth0がアクセストークンを生成します。詳細については、「<a href="/docs/ja-JP/ja-jp/authenticate/protocols/saml/saml-sso-integrations/enable-saml2-web-app-addon">SAML2 Webアプリアドオンを有効にする</a>」と「<a href="/docs/ja-JP/ja-jp/protocols/configure-ws-fed-applications">WS-Fedアプリケーションを構成する</a>」をお読みください。</td>
       </tr>

       <tr>
         <td><strong>Connections（接続）</strong></td>
         <td>アプリケーションに接続を有効化することができます。接続はユーザーのソースで、有効化して複数のアプリケーション間で共有できます。詳細については、「<a href="/docs/ja-JP/ja-jp/connections">接続</a>」をお読みください。</td>
       </tr>

       <tr>
         <td><strong>Organizations</strong></td>
         <td>ユーザーが所属する組織に対してユーザーを認証できるようにします。詳細については、「<a href="/docs/ja-JP/ja-jp/organizations">Organization</a>」をお読みください。</td>
       </tr>
     </tbody>
   </table>

   詳細については、「[アプリケーションの設定](/docs/ja-JP/ja-jp/get-started/applications/application-settings)」をお読みください。

<div id="next-steps">
  ## 次の手順
</div>

アプリケーションを登録して構成したら、通常は次のような手順が必要になります：

* 接続を構成し、アプリケーションに対して有効化する。
* Auth0に登録したアプリケーションを使用するように、アプリのコードを変更する。当社の[「Auth0クイックスタート」](/docs/ja-JP/ja-jp/quickstarts)を参照してください。詳しい手順と各種テクノロジー用のサンプルをご紹介しています。また、ログインとログアウトの実装、ユーザーセッションの処理、ユーザープロファイル情報の取得・表示などの方法も説明しています。
* [Auth0 API](/docs/ja-JP/ja-jp/api)を使用する。

  * [認証API](/docs/ja-JP/ja-jp/api/authentication)によって、すべての主要なID関連機能（ログイン、ログアウト、ユーザープロファイルの取得など）が処理されます。ほとんどのユーザーは、クイックスタート、[Auth0.js ライブラリー](/docs/ja-JP/ja-jp/libraries/auth0js)、または[Lockウィジェット](/docs/ja-JP/ja-jp/libraries/lock)を通じてこのAPIを使用します。ただし、認証UIをすべて手動でビルドする場合は、このAPIと直接やり取りする必要があります。
  * [Management API](/docs/ja-JP/ja-jp/api/management/v2)を使用すると、Auth0 Dashboardからもアクセスできるさまざまなタスク（ユーザーの作成、アプリケーションの付与タイプの設定など）を自動化できます。

<div id="learn-more">
  ## もっと詳しく
</div>

* [［Application Settings（アプリケーションの設定）］](/docs/ja-JP/ja-jp/get-started/applications/application-settings)
* [Cookieを使用してシングルページアプリを認証する](/docs/ja-JP/ja-jp/manage-users/cookies/spa-authenticate-with-cookies)
* [シングルページアプリケーションのManagement APIアクセストークンを取得する](/docs/ja-JP/ja-jp/secure/tokens/access-tokens/management-api-access-tokens/get-management-api-tokens-for-single-page-applications)