> ## 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 Store のスクリーンショットを生成する

> Replit 組み込みの画像生成を使って PixelGames のストアスクリーンショットを作成します。

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 appStoreScreenshotsPrompt = "Create 5 beautiful, engaging App Store screenshots at 1284x2778 px that make users want to download the app.";
export const featureGraphicPrompt = "Generate a 1024x500 feature graphic for PixelGames' Google Play listing, using the same Game Boy theme as the app icon.";

両方のストアともスクリーンショットが必要で、Google Play はさらにフィーチャーグラフィックも必要です。これらが
なければ申請を受け付けてもらえません。Replit なら、PixelGames の実際のスクリーンショットをそのまま洗練された
マーケティング画像に変換できます。

## 各ストアが必要とするもの

* **App Store:** 6.5インチ iPhone サイズである **1284×2778 px** のスクリーンショットが最低1枚。
* **Google Play:** 電話用スクリーンショットが最低2枚に加えて、リスティング上部に表示される
  1024×500 のフィーチャーグラフィック。

## マーケティング用スクリーンショットを生成する

<AiPrompt>
  {appStoreScreenshotsPrompt}
</AiPrompt>

<Frame caption="Agent が PixelGames 向けに生成した5枚の App Store マーケティングスクリーンショット。それぞれに独自の見出しとカラーテーマが付いている。">
  <img src="https://mintcdn.com/replit/WuaQIOfW5oxRlxex/images/pixelgames/mobile/appstore-screenshot.png?fit=max&auto=format&n=WuaQIOfW5oxRlxex&q=85&s=ef52c550538e76ec81d8dd6ad2a1f8f6" alt="見出しとフォンフレーム付きで生成された5枚の PixelGames App Store マーケティングスクリーンショット" data-path="images/pixelgames/mobile/appstore-screenshot.png" width="1917" height="990" data-path="images/pixelgames/mobile/appstore-screenshot.png" />
</Frame>

## フィーチャーグラフィックを生成する（Google Play）

<AiPrompt>
  {featureGraphicPrompt}
</AiPrompt>

## 次のステップ

<CardGroup cols={2}>
  <Card title="アプリアイコンを生成する" icon="image" href="/ja/build/mobile-app-icon">
    各ストアが必要とするアイコンを作成しましょう。
  </Card>

  <Card title="Google Play に申請する" icon="android" href="/build/mobile-publish-android">
    これらのアセットを Play Console のリスティングで使いましょう。
  </Card>
</CardGroup>

## 関連

* [スマートフォンでプレビューしてテストする](/build/mobile-preview-testing)