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

# 認証

> ReplitにおけるAuthとは何か — ユーザーアカウントによってアプリが設定を保存し、機能を制限し、体験をパーソナライズする方法、およびReplit AuthとClerk Authの選び方を学びます。

export const YouTubeEmbed = ({videoId, title = "YouTube video", startAt}) => {
  if (!videoId) {
    return null;
  }
  let url = "https://www.youtube.com/embed/" + videoId;
  if (startAt) {
    url = url + "?start=" + startAt;
  }
  return <Frame>
      <iframe src={url} title={title} allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen></iframe>
    </Frame>;
};

<YouTubeEmbed videoId="cfpC1rzxspo" title="ReplitアプリにAuthを追加する" />

Auth（**認証**の略）は、アプリに「ユーザー」という概念を与えるものです。認証がなければ、すべての訪問者は匿名で、アプリはある人と別の人を区別できません。認証があれば、各訪問者がサインインし、アプリはその人が誰かを把握し、その人に固有のデータを保存できます：予約、保存した車、設定、進行状況。

認証を組み込むと、以下が可能になります：

* ユーザーごとにデータを保存 — 予約、設定、コンテンツ、履歴。
* サインイン後ろに機能をゲート（チェックアウト、プロフィールページ、管理パネル）。
* 名前、役割、プラン、過去の行動によって体験をパーソナライズ。
* セッション単位ではなく個人単位でアクティビティと利用状況を追跡。

## ReplitアプリでAuthがどのように機能するか

Replitには2つの組み込み認証オプションが付属しています。どちらもAgentによってプロビジョニングされます — 別途ダッシュボードへのサインアップや、OAuthキーのコピー&ペーストは不要です。

* **[Replit Auth](/references/auth-and-identity/authentication)** — ユーザーは既存の**Replitアカウント**でサインインします。サインインページはReplitブランドです。Agentに追加するよう依頼するだけで設定は不要です。
* **[Clerk Auth](/references/auth-and-identity/clerk-auth)** — アプリが専用の**Clerkテナント**を持ちます。ユーザーはReplitではなく*あなたの*アプリ内でアカウントを作成します。ブランディング、ログイン方法、サインイン画面のルック＆フィールをコントロールできます。

どちらのオプションも重い作業を担ってくれます — サインインページ、セッション、安全なパスワード処理、ソーシャルログイン — アプリのコードは「サインインしているユーザーは誰か？」を尋ねるだけです。

## Replit Auth vs. Clerk Auth

|                | Replit Auth                           | Clerk Auth                   |
| -------------- | ------------------------------------- | ---------------------------- |
| **ユーザーアカウント**  | ReplitアカウントでサインIN                     | アプリ内でアカウントを作成（Replitアカウント不要） |
| **ブランディング**    | Replitブランドのログインページ                    | 完全カスタマイズ可能 — アプリの名前、アイコン、色   |
| **SSOクレデンシャル** | ReplitのOAuthアプリを共有使用                  | プロバイダーごとに独自のOAuthクレデンシャルを使用  |
| **環境**         | シングル環境                                | 開発環境と本番環境を分離                 |
| **最適な用途**      | クイックセットアップ、プロトタイプ、Replitブランドが許容されるアプリ | ブランドアプリ、プロフェッショナルおよび商用製品     |

プロトタイプや社内ツールを構築する場合は、Replit Authが最速の選択肢です。独自のブランドアイデンティティを持つもの、特に顧客向けや商用のものを構築する場合は、Clerk Authの方が適しています。

## アプリに認証を追加する

事前に選択する必要はありません — どちらか一方から始めて、後から移行できます。最速の方法は、Agentにどちらを使用するか伝えることです：

* *「アプリにサインインを追加してください。Replit Authを使用します。」*
* *「アプリにサインインを追加してください。Clerk Authを使用します。」*

## 次のステップ

<CardGroup cols={2}>
  <Card title="Replit Auth" icon="lock" href="/references/auth-and-identity/authentication">
    ゼロ設定のReplitブランドサインイン — ユーザーはReplitアカウントでサインインします。
  </Card>

  <Card title="Clerk Auth" icon="user-lock" href="/references/auth-and-identity/clerk-auth">
    独自のブランド認証テナント — 完全カスタマイズ可能なログイン、開発/本番環境の分離。
  </Card>

  <Card title="ログインを追加する" icon="user-plus" href="/build/add-login">
    実例：Clerk Authを実際のアプリに組み込み、2人の顧客でテストする。
  </Card>

  <Card title="Replit AuthからClerkへの移行" icon="right-left" href="/references/auth-and-identity/clerk-auth-migration">
    既存のアプリをReplit AuthからClerkテナントへ移行する。
  </Card>
</CardGroup>
