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

> Universal Login でパスワードレス認証を実装する方法について説明します。

# Universal Login でのパスワードレス認証

[Universal Login](/ja/docs/authenticate/login/auth0-universal-login) は、Auth0 による login flow の実装です。ユーザーが本人確認を行う必要があるたびに、アプリケーションは <Tooltip tip="Universal Login: アプリケーションは、ユーザーの本人確認のために、Auth0 の認可サーバーでホストされている Universal Login にリダイレクトされます。" cta="用語集を表示" href="/ja/docs/glossary?term=Universal+Login">Universal Login</Tooltip> にリダイレクトされ、Auth0 がユーザーの本人確認に必要な処理を行います。これは、<Tooltip tip="Passwordless: 第 1 認証要素としてパスワードに依存しない認証形式です。" cta="用語集を表示" href="/ja/docs/glossary?term=Passwordless">パスワードレス</Tooltip>認証を実装するための推奨される方法です。

Universal Login でパスワードレス認証を実装するには、ログインページの HTML をカスタマイズする必要があります。

1. [Dashboard > ブランディング > Universal Login](https://manage.auth0.com/#/login_settings) に移動し、**Advanced Options** をクリックします。

2. **Login** タブをクリックし、**Customize Login Page** トグルを有効にします。

<Frame>
  <img src="https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5iwLcz2O100hLuxlKN4rSs/e4f35f8c44516b98b3584d56bcaac12d/manage.auth0.com_dashboard_us_pavo_login_page__2_.png?fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=ec66a0e02086c462b35c08fbddde8f6d" alt="カスタムログイン" width="2388" height="3460" data-path="docs/images/cdy7uua7fh8z/5iwLcz2O100hLuxlKN4rSs/e4f35f8c44516b98b3584d56bcaac12d/manage.auth0.com_dashboard_us_pavo_login_page__2_.png" />
</Frame>

3. Default Template のドロップダウンメニューから、**Custom Login Form** テンプレートを選択します。HTML テンプレートが、CSS と Auth0.js SDK を使用するコードに更新されます。

4. HTML と CSS を使用して、要件に合わせてテンプレートをカスタマイズし、**Save Changes** をクリックします。**Custom Login Form** テンプレートで Auth0.js SDK を使用する方法の詳細については、[Auth0.js SDK](/ja/docs/libraries/auth0js) を参照してください。

5. **Preview** タブを選択して変更内容を確認します。ログインページをプレビューする対象のアプリケーションが正しいことを確認してください。

アプリケーションに Universal Login を統合する方法については、[Quickstarts](/ja/docs/quickstarts) を参照してください。すべてのアプリケーションタイプと一般的なプラットフォーム向けの完全な例を確認できます。

<div id="learn-more">
  ## 詳細はこちら
</div>

* [Auth0 Universal Login](/ja/docs/authenticate/login/auth0-universal-login)
* [カスタマイズ](/ja/docs/customize)