Django Girls and Boys 備忘録

Python、Selenium、Django、java、iPhoneアプリ、Excelマクロなどで気付いたこと、覚えておきたいことなどを載せていきます。

【iPhoneアプリ】iPhoneアプリ開発でのスクリーンショット取得・加工・登録方法まとめ(App Store Connect対応)

 

 iOSアプリをApp Storeに公開するには、スクリーンショットの登録が必須です。本記事では、Xcodeシミュレータでのスクリーンショット取得から、画像加工、App Store Connectでの登録までの一連の流れを説明します。


✅ この記事はこんな人におすすめ


1. スクリーンショットの取得方法(Xcodeシミュレータ)

手順①:Xcodeシミュレータを起動

  1. Xcodeでプロジェクトを開く

  2. Command + R でビルド

  3. シミュレータが自動起動

手順②:シミュレータ上でスクリーンショットを撮る

方法1:ショートカットキーで撮影

方法2:メニューから撮影

  • シミュレータのメニュー > File > Save Screen Shot

撮影サイズに注意

  • 審査で必要なデバイスごとのサイズ(例:6.7インチ, 6.5インチ, 5.5インチなど)に合わせて、シミュレータのデバイスを切り替えましょう。


2. スクリーンショットの加工方法(視認性アップ&審査対策)

App Storeで目を引くスクリーンショットにするために、以下の加工が推奨されます:

おすすめの加工内容

  • タイトルテキストを追加(例:「シンプルで使いやすい家計簿」)

  • 背景にグラデーションや色を追加

  • バイスモックアップを使ってフレーム化

加工に便利なツール

ツール名 特徴
Canva(Web/アプリ) 無料でデザインテンプレートが豊富
Figma UIデザイナー向け、カスタマイズ性◎
Apple公式テンプレート(.psd) Appleが配布するモックアップ

3. App Store Connectでスクリーンショットを登録

手順①:App Store Connect にログイン

手順②:対象アプリを選択し、バージョンを編集

  • マイApp > アプリ名 > バージョン情報

手順③:各デバイスサイズごとにスクリーンショットをアップロード

アップロード時の注意点

バイス 解像度(px)例
6.7インチ (iPhone 14 Pro Maxなど) 1290×2796
6.5インチ (iPhone 11 Pro Maxなど) 1242×2688
5.5インチ (iPhone 8 Plusなど) 1242×2208

Appleの審査基準により、スクリーンショットが実際のアプリUIを正しく反映していないとリジェクトされる可能性があります。


まとめ:スクリーンショットもアプリの“顔”

App Storeでユーザーの目に最初に触れるのがスクリーンショットです。
スクリーンショットの「解像度」「見やすさ」「アピール力」が審査通過とダウンロード数に大きく影響します。