> ## 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.
# カスタマイズ
> ログインページやドメイン名、ユーザーに送るメール、同意を求めるプロンプトをブランディング・カスタマイズ・ローカライズする方法をご紹介します。
export const AuthDocsPipeline = ({activeId}) => {
const [hoveredId, setHoveredId] = useState(null);
const VB_WIDTH = 1202;
const VB_HEIGHT = 424;
const AUTH_GROUP = new Set(['authenticate', 'provision-db', 'provision-social', 'add-login']);
const CUSTOM_GROUP = new Set(['customize', 'brand', 'actions', 'extensions']);
const STEPS = [{
id: 'get-started',
href: '/docs/get-started',
cx: 53.7447,
cy: 140.5572,
r: 52
}, {
id: 'authenticate',
href: '/docs/authenticate',
cx: 239.164,
cy: 140.5572,
r: 52
}, {
id: 'manage-users',
href: '/docs/manage-users',
cx: 515.135,
cy: 140.5572,
r: 52
}, {
id: 'customize',
href: '/docs/customize',
cx: 791.106,
cy: 140.5572,
r: 52
}, {
id: 'deploy',
href: '/docs/deploy-monitor',
cx: 1147.57,
cy: 140.5572,
r: 52
}, {
id: 'secure',
href: '/docs/secure',
cx: 974,
cy: 224,
r: 44
}, {
id: 'provision-db',
href: '/docs/authenticate#provision–database',
cx: 67,
cy: 410,
r: 42
}, {
id: 'provision-social',
href: '/docs/authenticate#provision–social',
cx: 167,
cy: 410,
r: 42
}, {
id: 'add-login',
href: '/docs/authenticate#add-login',
cx: 312,
cy: 410,
r: 42
}, {
id: 'brand',
href: '/docs/customize#brand',
cx: 720,
cy: 410,
r: 42
}, {
id: 'actions',
href: '/docs/customize#actions',
cx: 864,
cy: 410,
r: 42
}, {
id: 'extensions',
href: '/docs/customize#extensions',
cx: 964,
cy: 410,
r: 42
}];
const addGroupToSet = (id, set) => {
if (!id) return;
if (AUTH_GROUP.has(id)) {
AUTH_GROUP.forEach(gid => set.add(gid));
} else if (CUSTOM_GROUP.has(id)) {
CUSTOM_GROUP.forEach(gid => set.add(gid));
} else {
set.add(id);
}
};
const lit = new Set();
addGroupToSet(activeId, lit);
addGroupToSet(hoveredId, lit);
return
{STEPS.map(({id, cx, cy, r}) => {
if (lit.has(id)) return null;
const left = (cx - r) / VB_WIDTH * 100;
const top = (cy - r) / VB_HEIGHT * 100;
const size = 2 * r / VB_WIDTH * 100;
return
;
})}
{STEPS.map(({id, href, cx, cy, r}) => {
const left = (cx - r) / VB_WIDTH * 100;
const top = (cy - r) / VB_HEIGHT * 100;
const size = 2 * r / VB_WIDTH * 100;
return
setHoveredId(id)} onMouseLeave={() => setHoveredId(null)} />;
})}
;
};
Auth0では、ユーザーの認証エクスペリエンスを次のようにカスタマイズすることができます。
* エンドユーザーとのすべてのインタラクションをブランディングおよび国際化する
* 独自のロジックを定義してAuth0の動作をカスタマイズし、拡張する
* Auth0をサードパーティーソフトウェアと統合して機能を追加する
***
## ブランドのカスタマイズ
##### Auth0を自社ブランドと違和感なく統合して、地域に合わせたエクスペリエンスを世界中のユーザーに提供できます。
ユニバーサルログインやクラシックログインのエクスペリエンスをカスタマイズします。
ログインエクスペリエンスを独自のブランドや製品で統一させます。
エンドユーザーに送信するメールの内容やフローのブランディングや編集を行います。
登録や検証中にAuth0が送信するSMSや音声メッセ―ジのカスタマイズ方法について説明します。
Auth0アプリケーション内で異なる言語を処理する方法について説明します。
***
## コードのカスタマイズ
##### アクションを作成し、カスタムロジックでAuth0の機能をカスタマイズして拡張します。従来のルールとフックを維持することも可能です。
Auth0ランタイムの特定時点で実行されるテナント特有の安全でバージョン管理された機能を使用して、Auth0の機能性をカスタマイズします。
Use Auth0 Events to build event streams.
フォームで追加のステップやカスタムロジックを使用して、アイデンティティフローを拡張します。
アプリケーションが認証パイプラインで使用するレガシーのルールを管理します。
レガシーのフックを管理して、Auth0プラットフォームにある指定の拡張ポイントに使用します。
***
## サードパーティーのカスタマイズ
##### サードパーティー統合機能とAuth0の拡張機能を活用して、Auth0でできることを増やします。
Auth0拡張機能を使用してアプリケーションのインストールやコマンド/スクリプトの実行を行い、Auth0基本製品の機能性を拡張します。
Auth0によって審査済みの信頼できる統合を使用して、実装時間を低減します。
独自のビジネスロジックを使用して、パスワード変更や新規登録などのイベントの監視と対処を行います。