Skip to content

Docs 5335 acul japanese docs #488

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
BcnCarlos merged 17 commits into from
Jan 20, 2026
Merged

Docs 5335 acul japanese docs #488

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
6abe018
Update advanced-customizations.mdx
BcnCarlos Jan 19, 2026
6dce3c6
Update reference.mdx
BcnCarlos Jan 19, 2026
5a3a46b
Delete main/docs/ja-jp/customize/login-pages/advanced-customizations/…
BcnCarlos Jan 19, 2026
7d0599a
Delete main/docs/ja-jp/customize/login-pages/advanced-customizations/…
BcnCarlos Jan 19, 2026
18220e3
Delete main/docs/ja-jp/customize/login-pages/advanced-customizations/…
BcnCarlos Jan 19, 2026
dd0d7e7
Delete main/docs/ja-jp/customize/login-pages/advanced-customizations/…
BcnCarlos Jan 19, 2026
c9da6d1
Delete main/docs/ja-jp/customize/login-pages/advanced-customizations/…
BcnCarlos Jan 19, 2026
7cb6bc5
Create quickstart.mdx
BcnCarlos Jan 19, 2026
6794d38
Create acul-use-cases.mdx
BcnCarlos Jan 19, 2026
5933ce2
Update acul-use-cases.mdx
BcnCarlos Jan 19, 2026
e423515
Update acul-use-cases.mdx
BcnCarlos Jan 19, 2026
4d93b78
Create configure.mdx
BcnCarlos Jan 19, 2026
1c2c3b7
Create deployment-workflow.mdx
BcnCarlos Jan 19, 2026
e805576
Create development-workflow.mdx
BcnCarlos Jan 19, 2026
84374b7
Create create-theme-tailwind.mdx
BcnCarlos Jan 19, 2026
4ea7c2a
Create integrate-custom-component.mdx
BcnCarlos Jan 19, 2026
f399431
Update docs.json
BcnCarlos Jan 19, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 9 additions & 54 deletions main/docs.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6223,64 +6223,19 @@
"group": "ユニバーサルログインの高度なカスタマイズ",
"pages": [
"docs/ja-jp/customize/login-pages/advanced-customizations",
"docs/ja-jp/customize/login-pages/advanced-customizations/configure",
"docs/ja-jp/customize/login-pages/advanced-customizations/quickstart",
"docs/ja-jp/customize/login-pages/advanced-customizations/development-workflow",
"docs/ja-jp/customize/login-pages/advanced-customizations/deployment-workflow",
{
"group": "高度なカスタマイズの使用を開始する",
"pages": [
"docs/ja-jp/customize/login-pages/advanced-customizations/getting-started",
"docs/ja-jp/customize/login-pages/advanced-customizations/getting-started/configure-acul-screens",
"docs/ja-jp/customize/login-pages/advanced-customizations/getting-started/sdk-quickstart",
"docs/ja-jp/customize/login-pages/advanced-customizations/getting-started/deploy-and-host-advanced-customizations"
]
},
{
"group": "ユーザーフローを構築する",
"group": "ACUL Use Cases",
"pages": [
"docs/ja-jp/customize/login-pages/advanced-customizations/build-user-flows",
"docs/ja-jp/customize/login-pages/advanced-customizations/build-user-flows/signup-password",
"docs/ja-jp/customize/login-pages/advanced-customizations/build-user-flows/id-first-signup",
"docs/ja-jp/customize/login-pages/advanced-customizations/build-user-flows/login-password",
"docs/ja-jp/customize/login-pages/advanced-customizations/build-user-flows/id-first-login",
"docs/ja-jp/customize/login-pages/advanced-customizations/build-user-flows/sms-email-passwordless",
"docs/ja-jp/customize/login-pages/advanced-customizations/build-user-flows/add-a-captcha",
"docs/ja-jp/customize/login-pages/advanced-customizations/build-user-flows/add-custom-prompts-to-your-identifier-first-signup-screen"
"docs/ja-jp/customize/login-pages/advanced-customizations/acul-use-cases",
"docs/ja-jp/customize/login-pages/advanced-customizations/acul-use-cases/create-theme-tailwind",
"docs/ja-jp/customize/login-pages/advanced-customizations/acul-use-cases/integrate-custom-component"
]
},
{
"group": "高度なカスタマイズのJS SDKリファレンス",
"pages": [
"docs/ja-jp/customize/login-pages/advanced-customizations",
"docs/ja-jp/customize/login-pages/advanced-customizations/getting-started",
"docs/ja-jp/customize/login-pages/advanced-customizations/build-user-flows",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/accept-invitation",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/consent-screen-class",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/customized-consent-screen-class",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/device-code-activation",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/email-otp-challenge-screen-class",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/email-verification-result-screen-class",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/interstitial-captcha-screen-class",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/login-screen-classes",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/logout-screen-classes",
{
"group": "多要素認証画面クラス",
"pages": [
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/mfa",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/mfa/mfa-email",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/mfa/mfa-otp",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/mfa/mfa-phone",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/mfa/mfa-push",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/mfa/mfa-recovery-code",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/mfa/mfa-sms",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/mfa/mfa-voice",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/mfa/mfa-webauthn"
]
},
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/organization",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/redeem-ticket",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/reset-password-screen-classes",
"docs/ja-jp/customize/login-pages/advanced-customizations/reference/signup-screen-classes"
]
}
"docs/ja-jp/customize/login-pages/advanced-customizations/reference"
]
}
]
Expand Down
130 changes: 59 additions & 71 deletions main/docs/ja-jp/customize/login-pages/advanced-customizations.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,88 +3,76 @@ title: "ユニバーサルログインの高度なカスタマイズ"
'description': "Auth0が提供するユニバーサルログインの高度なカスタマイズの概要を説明します。"
---

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">

ユニバーサルログインの高度なカスタマイズは、現在早期アクセス版として提供されています。Auth0のリリースについては、「[製品のリリース段階](/docs/ja-jp/troubleshoot/product-lifecycle/product-release-stages)」を参照してください。

</Callout>

<Frame>![undefined](/docs/images/ja-jp/cdy7uua7fh8z/35zbmImQjfctBqPsS2zXzq/e4f7cc15d2c0cef41a5ddf0f5ad17073/ACUL_capabilities_sampler.png)</Frame>

**ユニバーサルログインの高度なカスタマイズ** （ACUL）はユニバーサルログインの早期アクセス機能です。クライアント側でレンダリングされるカスタムのユニバーサルログイン画面を構築し、ユニバーサルログインエクスペリエンスのあらゆる細部を制御できるようにします。組織に以下の機能性を役立てることができます。

* ピクセルまで細かく完璧なブランディングを制作：インターフェイスにブランドを形作る外観と操作性をデザインします。
* 1つの場所で複数のブランドと顧客に対応：アプリケーション、ユーザーと組織情報を活用して、マルチブランドの認証エクスペリエンスを提供します。
* 高度な分析とメトリクスを集約：A/Bテストと分析のプラットフォームを統合し、オンボーディングへの道に最適化と革新を実現します。
* 地域の要件に準拠：ローカライゼーション、プライバシーやアクセシビリティなど、地域に特定の要件に従います。
* 既存の技術投資を活用：アプリケーション、デザインシステム、CSSやJavaScriptフレームワークなどの強化に適用している既存の技術が活用できます。
* Auth0のセキュリティを用いたカスタム認証エクスペリエンスを構築：組織のイメージやユーザーエクスペリエンスに、パスキー、脅威インテリジェンス、セキュリティセンターなど、Auth0機能のセキュリティや拡張性を組み込みます。
* フロントエンド開発の努力と影響を調和：企業に特定の業務ニーズやユースケースに基づいて、ACULの適用を段階的な繰り返し、または選択して行うことができます。

ユニバーサルログインの高度なカスタマイズはAuth0のコア機能を基盤に構築されています。クライアントとサーバーのモデルを使用して、クライアント側のインターフェイスを完全に制御しながら、ユニバーサルログインのサーバー側でホストされた認証のセキュリティ、拡張性や柔軟性を活用することができます。ユニバーサルログインが提供する機能は、そのままユニバーサルログインの高度なカスタマイズで動作します。

ユニバーサルログインの高度なカスタマイズを使い始めるには、「[高度なカスタマイズの使用を開始する](/docs/ja-jp/customize/login-pages/advanced-customizations/getting-started)」をご覧ください。
**ユニバーサルログインの高度なカスタマイズ（ACUL）**は、[ユニバーサルログイン](/docs/ja-jp/authenticate/login/auth0-universal-login/universal-login-vs-classic-login/universal-experience#universal-login-experience)の機能を拡張し、複数のブランドや複雑なセキュリティ構成、多数の分析プラットフォームの統合を支援します。

## 早期アクセスでの対応
<video
autoPlay
muted
loop
playsInline
className="w-full aspect-video rounded-xl"
src="/docs/images/videos/ACUL.mp4"
></video>

早期アクセス期間中、ユニバーサルログインにデフォルトで含まれているすべての画面と機能について、Auth0はカスタムインターフェイスのリリースとサポートを提供します。
ACULを使用すると、お好みのフレームワークでコードを記述し、お使いの分析プラットフォームとA/Bテストのプラットフォームを統合し、ユーザーエクスペリエンスを定義できます。[ACUL SDK](/docs/ja-jp/customize/login-pages/advanced-customizations/reference)は、カスタムコードとユニバーサルログインをつなぐ役割を果たします。

早期アクセスは運用環境での使用に対応し、今後の早期アクセスリリースは破壊的な変更を含むことなく、対応している既存の画面や機能と後方互換性を保ちます。以下は現在対応している画面と機能のリストです。この情報は[Auth0の変更履歴](https://auth0.com/changelog)にも記載されています。
## 利点
* 1つのテナントで複数のブランドに対応できるよう、Auth0のユニバーサルログインの機能を拡張します。
* 認証ロジックを再構築することなく、[パスキー](/docs/ja-jp/authenticate/database-connections/passkeys)や[ボット検知](/docs/ja-jp/secure/attack-protection/bot-detection)、[MFA要素](/docs/ja-jp/secure/multi-factor-authentication)などのAuth0の機能を活用できます。
* 高度な分析とA/Bテストを統合して、ユーザージャーニーを最適化できます。
* ACUL SDKを使用して、独自の技術スタックで構築できます。以下のことが可能です。
* サードパーティのCSS、JS、コンポーネントライブラリの使用
* HeapやMixpanelなど、好みの分析プラットフォームの統合
* VueやReactなど、好みのフロントエンドフレームワークでの構築

## ユースケース
次の場合は、ユニバーサルログインの実装でACULの使用をおすすめします。
* 認証フローに特定のブランド標準を適用する必要がある場合。
* 複数ブランドのエクスペリエンスを提供する必要がある場合。
* UIレベルのA/Bテストまたは詳細な分析を提供する必要がある場合。
* Auth0が現在サポートしていない言語で、ローカライズされたユニバーサルログインを提供する必要がある場合。
* 認証フローに複雑なロジックやカスタムロジックを追加する必要がある場合。

詳しくは、「 [ACULのユースケース]」(/docs/ja-jp/customize/login-pages/advanced-customizations/acul-use-cases)をご覧ください。

<Accordion title="December 9, 2024 release">
## 仕組み
<img
className="block dark:hidden"
src="/docs/images/cdy7uua7fh8z/ACUL/Final-Light-ACUL.png"
alt="How it works ACUL"
/>

この早期アクセスには、構成API、開発ツール、基本的なSDK対応、第一要素画面のカスタムUIの構築と、Identifier First認証プロファイルの関連機能を中心に以下が含まれています。
<img
className="hidden dark:block"
src="/docs/images/cdy7uua7fh8z/ACUL/Final-Dark-ACUL.png"
alt="How it works ACUL"
/>

* 画面ごとにユニバーサルログインの高度なカスタマイズを構成するためのManagement APIエンドポイント
* Terraformプロバイダー、Deploy CLIとAuth0 CLIにおける新規Management APIエンドポイント対応
* インターフェイスの構築やサーバーとの対話を行うためのTypescript SDK
* ID Firstの第一要素画面でカスタムUIの構築に対応
**ビルド時間**は、カスタマイズされた認証画面をご自身の環境で構築したときに始まります。

+ 対応している認証方法
[ACUL SDK](/docs/ja-jp/customize/login-pages/advanced-customizations/reference)を使用してカスタムコードを提出し、ReactやAngularなど、お好みのフロントエンド技術スタックでプロンプトや画面を定義します。コミットをプッシュすると、CI/CDパイプラインがビルドプロセスを実行し、アプリケーションを静的なJavaScriptとCSSのアセットにコンパイルし、それらのアセットをプライベートクラウドストレージにアップロードします。このストレージは、独自のコンテンツ配信ネットワーク（CDN）として機能します。

- パスワード
- メールまたはSMS OTPを使ったパスワードレス
- パスキー
- エンタープライズ接続とソーシャル接続
+ クライアント側の対応機能
**実行時間**は、アプリケーションがエンドユーザーをAuth0のログインページにリダイレクトしたときに始まります。

- 柔軟な識別子
- ボット検知（CAPTCHA）
- ログインやサインアップ時の追加データ取得
+ 対応画面：
Auth0は、ACULを使用するように構成された認証画面を認識し、最小限のホストページを提供します。ユーザーのブラウザはこのページを読み込みますが、このページにはCDN上のアセットURLを指すHTMLタグが含まれています。ブラウザはJavaScriptとCSSをダウンロードし、SRIハッシュを使用して整合性を検証し、カスタムUIをレンダリングします。ここから、アプリケーションコードとACUL SDKがユーザーとの残りの対話を管理します。

- `login-id`
- `login-password`
- `signup-id`
- `signup-password`
- `login-passwordless-email-code`
- `login-passwordless-sms-otp`
- `passkey-enrollment`
- `passkey-enrollment-local`
- `email-identifier-challenge`
- `phone-identifier-challenge`
- `phone-identifier-enrollment`
- `interstitial-captcha`

</Accordion>



<Accordion title="2025年2月6日 ACUL Changelog">

このリリースはACULをデフォルトで有料プランのすべてのテナントに有効化し、以下を含むシングルステップのサインアップとログインのフロー、および基本的パスワードリセットフローにカスタムUIを構築できるようにします。

* `signup`
* `login`
* `reset-password`
* `reset-password-email`
* `reset-password-request`
* `reset-password-error`
* `reset-password-success`

また、これらの新しい画面に対応するために、[Javascript SDK](https://github.com/auth0/universal-login)とAuth0のCDTツールに対する更新も含まれています。

</Accordion>
## 必要なもの
ユニバーサルログインの高度なカスタマイズを開始するには、以下が必要です。

* [ユニバーサルログイン](/docs/ja-jp/authenticate/login/auth0-universal-login)と[カスタムドメイン](/docs/ja-jp/customize/custom-domains)が構成されたAuth0開発テナント。
<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
適切な環境タグを使用して、テスト用、開発用、本番用のテナントを作成することをおすすめします。
</Callout>
* Auth0の[ファーストパーティアプリケーション](/docs/ja-jp/get-started/auth0-overview/create-applications#create-applications)
* GitHubなどのCI/CDパイプラインがある、アセットをホストするためのCDN。


| 読む... | 詳細情報... |
| -------- | ------------------------------------- |
| [ACULの構成](/docs/ja-jp/customize/login-pages/advanced-customizations/configure) | Auth0テナントでACULを構成する方法。 |
| [ACULクイックスタート](/docs/ja-jp/customize/login-pages/advanced-customizations/quickstart) | ACULサンプルアプリケーションを開始する方法。 |
| [ACUL開発ワークフロー](/docs/ja-jp/customize/login-pages/advanced-customizations/development-workflow) | ACUL開発ワークフローについて。 |
| [ACULデプロイメントワークフロー](/docs/ja-jp/customize/login-pages/advanced-customizations/deployment-workflow) | ACULデプロイメントワークフローについて。 |
| [ACULユースケース](/docs/ja-jp/customize/login-pages/advanced-customizations/acul-use-cases) | ACULユースケースについて。 |
| [ACUL SDKとリソース](/docs/ja-jp/customize/login-pages/advanced-customizations/reference) | ACUL SDKと開発者向けリソースについて |
Loading