Django Girls and Boys 備忘録

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

【完全ガイド】iPhoneアプリ開発でスクリーンショット用動画(App Preview)を取得・加工・登録する方法

 App Storeでは、スクリーンショットだけでなく、動画(App Preview)を登録することで、アプリの魅力をより直感的に伝えることができます。この記事では、iPhoneアプリの画面録画→編集→App Store Connectへの登録までを説明します。

 


✅ この記事でわかること

  • App Storeで使える動画(App Preview)の条件とルール

  • iPhoneMacでの画面録画方法

  • 動画の加工・編集ツール

  • App Store Connectでの動画登録手順


1. App Storeに登録できる動画の条件(App Preview

まず最初に、App Store用の動画(App Preview)には明確なガイドラインがあります。

Appleの主な要件(抜粋)

要件 内容
尺(長さ) 最大30秒まで
フレームレート 30fps以下
解像度 バイスごとに決まっている(例:iPhone 6.7インチ=1290×2796)
音声 任意(BGMやナレーション可、ただし著作権に注意)
内容 実際のアプリ画面操作が中心であること(プロモーション映像不可)

🔗 公式ガイドライン(App Previews)


2. スクリーンショット動画の取得方法(画面録画)

方法①:Mac + 実機(iPhone)でQuickTime Playerを使う

  1. iPhoneMacにケーブル接続

  2. Macで「QuickTime Player」を起動

  3. 「ファイル > 新規ムービー収録」を選択

  4. 録画ボタンの横の▼からiPhoneカメラとマイクを選択

  5. アプリを操作しながら録画 → 保存(.movファイル)

👉 安定性が高く、App Store向けの録画に最も推奨される方法です。


方法②:iPhoneだけで画面録画

  1. 「設定 > コントロールセンター」から「画面収録」を追加

  2. コントロールセンターで録画開始

  3. 録画が終わったら「写真」アプリに保存

👉 簡単ですが、ステータスバーや通知が映るので加工が必須になります。


3. 録画した動画の加工・編集方法

Apple推奨:Final Cut Pro or iMovieMac

  • iMovie(無料):シンプルなカットやテキスト挿入に便利

  • Final Cut Pro(有料):フレームサイズ調整、BGM追加、トランジションなどプロ仕様

✅ その他のおすすめ動画編集ツール

ツール 特徴
CapCut 無料で使える高機能編集ツール(Mac/Windows/iOS
DaVinci Resolve 本格的なカラグレ、字幕編集が可能(無料版あり)
Canva Pro 簡単操作でテキスト・アニメ追加(ブラウザで完結)

編集時の注意点

  • 動画サイズ・アスペクト比はデバイスに合ったものにする

  • Appleの審査に通る内容にする(誇張演出NG、実機映像メイン)

  • 最終的に .mov または .mp4 にエクスポートしておく


4. App Store Connectで動画(App Preview)を登録する手順

ステップ①:App Store Connectにログイン

https://appstoreconnect.apple.com/

ステップ②:対象アプリのバージョンを開く

マイApp > 対象アプリ > バージョンを編集

ステップ③:動画をアップロード(スクリーンショット枠の上)