> ## 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.

# モバイルアプリで画像を保存する

> プロフィール写真などの画像を、各プレイヤーに紐づけて App Storage に保存します。

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block font-sans whitespace-pre-wrap break-words">
      <div className="pr-7">
        {children}
      </div>
    </CodeBlock>;
};

export const profileImagesPrompt = "Store the profile photos players take in App Storage, linked to their account.";

PixelGames には、プレイヤーが撮影した写真を保管する場所が必要です。このガイドでは、プレイヤーがすでに
[サインイン](/ja/build/mobile-login)できることを前提としています。ストレージは、誰がアップロードしているか
わかっていることに依存しているためです。

<AiPrompt>
  {profileImagesPrompt}
</AiPrompt>

Agent が [App Storage](/features/data-and-storage/object-storage) を構成し、各アップロードをサインイン中の
プレイヤーに紐づけます。これにより PixelGames は、アップロードした写真を名前の横に表示する本物のプロフィールを
見せられるようになります。

<Frame caption="PixelGames のプロフィール画面。プレイヤーの写真がハイスコアと並んで表示されている。">
  <img src="https://mintcdn.com/replit/WuaQIOfW5oxRlxex/images/pixelgames/mobile/database.png?fit=max&auto=format&n=WuaQIOfW5oxRlxex&q=85&s=ea1d18afe4c560a1efeb6ae20f7505fc" alt="プレイヤーの写真、名前、ハイスコアが表示された PixelGames プロフィール画面" data-path="images/pixelgames/mobile/database.png" width="1516" height="590" data-path="images/pixelgames/mobile/database.png" />
</Frame>

## テストする

1. 既存のアカウントで PixelGames にサインインする。
2. プロフィール写真を撮影または選択してアップロードする。
3. アプリを閉じて再度開き、写真がまだ表示されていることを確認する。
4. 同じアカウントで別の端末からサインインし、同じ写真が表示されることを確認する。

## トラブルシューティング

* **サインインしているのに写真が表示されない:** アプリが想定と異なるストレージまたは認証インスタンスを
  参照している可能性があります。Agent に接続を確認するよう依頼してください。
* **アップロードが失敗する:** アップロード前にアプリがカメラとストレージの権限をリクエストしていることを
  確認してください。

## 次のステップ

<CardGroup cols={2}>
  <Card title="スマートフォンでプレビューしてテストする" icon="mobile" href="/build/mobile-preview-testing">
    Expo Go から、フルネイティブアクセスが可能な開発ビルドへ移行しましょう。
  </Card>

  <Card title="App Store に申請する" icon="rocket" href="/build/mobile-publish-ios">
    PixelGames を審査に提出しましょう。
  </Card>
</CardGroup>

## 関連

* [ログインを追加する](/ja/build/mobile-login)
* [カメラを使う](/ja/build/mobile-camera)
* [PixelGames に決済を追加する](/ja/build/mobile-payments)