> ## 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.
# ログインを追加する
> Clerk を使ってプレイヤーが PixelGames にサインインできるようにします。
export const AiPrompt = ({children}) => {
return
{children}
;
};
export const loginPrompt = "Add sign-in to PixelGames using Clerk. Anyone can still play without an account, signing in is only for players who want one.";
export const appleSignInPrompt = "Add Sign in with Apple to PixelGames, but only show it on iOS. Keep the Android version as email and Google only.";
保存するものがまだなくても、今のうちに PixelGames にサインイン機能を追加しましょう。プレイヤーがアカウントを
持てば、ハイスコアやアンロックしたゲームなど、次に作るものを後から紐づけられます。
サインインには Replit の組み込みインテグレーションである [Clerk Auth](/features/auth-and-identity/clerk-auth) を
使います。Agent が自動的にプロビジョニングし、PixelGames 専用のブランド化されたサインイン画面を用意します。
{loginPrompt}
## Sign in with Apple を追加する
Apple の App Store 審査では、Google などの別のソーシャルログインを提供する場合、iOS 限定で同等の
**Sign in with Apple** を提供することが求められます。Android にはこの要件はありません。
{appleSignInPrompt}
## プロバイダーを有効にする
コード内にプロバイダーを追加するだけでは不十分で、それぞれをアプリの認証設定でも有効にする必要があります。
**Users & Auth → Configure → SSO providers → Production** を開き、**Google** と **Apple** の両方が
Enabled と表示されていることを確認してください。
**Development** と **Production** はそれぞれ別のプロバイダーリストを持っています。一方を有効にしても
もう一方は有効になりません。公開する前に Production を確認してください。
## テストする
1つのアカウントだけでは不十分で、PixelGames がプレイヤーをきちんと区別できることを証明するには2つ必要です。
1. サインインせずに1ラウンドプレイする。PixelGames は引き続き動作するはずです。
2. 自分のアカウントでサインインする。
3. サインアウトしてから別のアカウントでサインインし、最初のアカウントではなく別のセッションに
入っていることを確認する。
4. 最初のアカウントに再度サインインし、そのアカウントに戻ることを確認する。
5. iOS では **Continue with Apple** が Google の上に表示されることを確認する。Android では
まったく表示されないことを確認する。
## 次のステップ
プレイヤーがサインインしたら、プロフィール写真を保存しましょう。
PixelGames にさらに多くの機能を追加しましょう。
## 関連
* [モバイルアプリで画像を保存する](/ja/build/mobile-store-images)
* [アプリ内課金を追加する](/ja/build/mobile-payments)
* [サインインプロバイダーを設定する](/features/auth-and-identity/sign-in-providers)