AppPreview用のアプリ動画作成：iMovie

#はじめに
YosemiteでのQuickTimeで実機のキャプチャ動画が撮れる環境が整い、AppPreviewに提出する動画を撮影する敷居は低くなりました。
問題はQuickTimeで撮影したままの動画はfpsフレームワーク数が多すぎること。
これを30fpsにする必要がありました。

Macでこれを編集する手段は

* ffmpeg：パラメータ値の設定など人を選びそう
* Final Cut ProX：安くない、高機能すぎて使い切れない

いずれかを選択となっていたところ

* iMovie ← :new: 

iMovie [`無料`] が
AppPreviews（App ビデオプレビュー）に提出できるまで編集できるGUIツールとなりました。

#iMovie
##ここが違う
Marverics版の更新はありませんでした。
###Mavericks版（10.0.5）
![スクリーンショット 2014-10-21 8.32.52.png](https://qiita-image-store.s3.amazonaws.com/0/12362/d295c4c9-5d7c-5654-c09f-ad7b593e5eba.png)

###Yosemite版（10.0.6）
![スクリーンショット 2014-10-20 10.26.36.png](https://qiita-image-store.s3.amazonaws.com/0/12362/768beca6-ce86-ac65-fc3e-39ebe7001e59.png)

#作ってみた

##環境
* Mac Book Air(11-inch Late 2010)
* Yosemite
* iPodTouch 5thG

##手順
（０）AppPreviewを選んだ状態にする
![スクリーンショット 2014-12-07 9.04.45.png](https://qiita-image-store.s3.amazonaws.com/0/12362/e408783b-c27e-bd58-1a0c-666abb837a3b.png)


（１）`プレビュー`を選びます
![スクリーンショット 2014-10-21 9.18.09.png](https://qiita-image-store.s3.amazonaws.com/0/12362/e613107b-689e-1c52-f6c9-ac9b6d5ae908.png)

（２）秒数（15〜30秒）と解像度に注目しつつ`次へ`を選びます

![スクリーンショット 2014-10-21 9.15.05.png](https://qiita-image-store.s3.amazonaws.com/0/12362/f0d7f79e-fd71-fe7d-5e46-a9c37d834c81.png)

（３）できるのを待つ・・・
![スクリーンショット 2014-10-21 9.06.18.png](https://qiita-image-store.s3.amazonaws.com/0/12362/8c4fc91e-2e9c-9c6d-434c-23408c55fec6.png)



#iTune Connectでの動画登録
動画が追加できるのはYosemiteからなので**Marvericsからのアップロードはできません**

##サイズ

| 画面サイズ| 端末 | 動画サイズ |
|--------|--------|--------|--------|
|4.7インチ|iPhone6|1334x750,750x1334|
|5.5インチ|iPhone6 Plus|1920x1080,1080x1920|
|4インチ|iPhone5/5sなど|1136x640,640x1136,1920x1080,1080x1920|
||iPad|1200x900,900x1200|
|3.5インチ|iPhone4/4sなど|対象なし|

**iPhone6 - 4.7インチ**
![スクリーンショット 2014-09-19 8.07.51.png](https://qiita-image-store.s3.amazonaws.com/0/12362/dd32e31e-1c88-8f97-4e05-b11a46aa4def.png)

**iPhone6 Plus - 5.5インチ**
![スクリーンショット 2014-09-19 8.04.57.png](https://qiita-image-store.s3.amazonaws.com/0/12362/37ec3695-0db0-a6be-910e-18549702e0e3.png)

**iPhone5/5s - ４インチ**
![スクリーンショット 2014-09-19 8.05.31.png](https://qiita-image-store.s3.amazonaws.com/0/12362/cf1c352b-351a-f868-ed73-edccb1e6e897.png)

**iPad**
![スクリーンショット 2014-09-19 8.06.50.png](https://qiita-image-store.s3.amazonaws.com/0/12362/ca2f3871-ca53-a544-f5db-f3d2d77ff2df.png)

##秒数の制約
15秒から30秒の間で作成していること
>Each preview is between 15 and 30 seconds long and is displayed as the first image on your App Store product page, followed by your app screenshots.

###参考URL
https://developer.apple.com/app-store/app-previews/

#iTunes Connectに登録してみた

登録が出来た状態です。
![スクリーンショット 2014-10-21 9.33.07.png](https://qiita-image-store.s3.amazonaws.com/0/12362/18478ac1-99fc-a62b-3df0-c8f831f4f145.png)


##ポスターフレームの編集

※MBA(11inch)での作業のため画面が切れています。

（１）`ポスターフレームの編集`を選択し調整します。
![スクリーンショット 2014-10-21 9.07.57のコピー.png](https://qiita-image-store.s3.amazonaws.com/0/12362/ba8c4ee5-22a9-bc30-5021-acf712590435.png)
![スクリーンショット 2014-10-21 9.08.10のコピー.png](https://qiita-image-store.s3.amazonaws.com/0/12362/5a0e8327-9011-20d3-daf0-39ee707cf4d4.png)

（２）AppStoreで表示される動画の初期表示が変更されました。
![スクリーンショット 2014-10-21 9.08.36のコピー.png](https://qiita-image-store.s3.amazonaws.com/0/12362/a7a5aa72-389d-03d9-ebaa-31f2368d2437.png)

#参考URL

iMovieでApp Previewsの動画を作成する
http://blog.ishkawa.org/2014/10/19/1413717360/

Final Cut Pro Xを使って簡単にApp Previews(ビデオプレビュー)を作る方法
http://qiita.com/kotagaki/items/d89e394993f92e9e159e

https://developer.apple.com/app-store/app-previews/imovie/Creating-App-Previews-with-iMovie.pdf
#さいごに
作ってみた感じでは簡単なのですが、
エンドユーザが期待しているAppPreviewのクオリティは、アプリ開発者を超えてクリエイティブの分野まで派生しています。プロの手腕：ツールの知見で差がつきそうです。