39
40

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

[非デザイナー向け] 全端末サイズ分の AppStore 用スクリーンショットを簡単に用意する

Last updated at Posted at 2015-07-05

AppStore のスクリーンショット

アプリを少人数で作っていて、「よしできた、AppStore のメタデータの準備しよう」ってなった時に、
開発とは別にやらないといけないことがけっこうあります、アプリの説明文やスクリーンショットの準備など。

エンジニアは説明文やスクリーンショットのセンスがないことが多いです(主観)。
単に画面キャプチャを用意するくらいしかできない。

しかも AppStore に提出するスクリーンショットは 4インチ用、4.7インチ用など複数のサイズで準備しなければならずけっこう大変です。

今趣味で作っているアプリのスクリーンショットを用意しようとしてた時に便利そうなサービスを見つけたので使ってみました。

Screenshot Builder

LaunchKit の Screenshot Builder はスクリーンショットを iPhone に埋め込んだ画像にできるサービスです。
# 要アカウント作成

0.スクリーンショットの元となる画面キャプチャを用意する

実機またはシミュレータでスクリーンショットに使用する画面キャプチャを用意します。推奨は iPhone 6+ サイズですが iPhone6 のサイズで用意しても問題ありません。

1.最初にレイアウトを選ぶ

スクリーンショットを埋め込む iphone 上部または下部にテキストを載せることができます。

スクリーンショット 2015-07-03 8.44.32.png

2.iPhone に埋め込むスクリーンショットを選択します

D&D で画像をアップロードします。

スクリーンショット 2015-07-03 8.44.44.png

3.説明文や色を指定する

iPhone の色や説明文、背景色などを指定します。各サイズでのプレビューも同時に確認できます。

スクリーンショット 2015-07-03 8.45.02.png

4. スクリーンショットを追加する

一枚目の編集が終わったら次のスクリーンショットを追加し、説明を追加していきます。

スクリーンショット 2015-07-03 8.48.58.png

5. エクスポートする

作業が終わったら "Export Screenshots"を選択します。各画面サイズにリサイズされたスクリーンショットが zip でまとめられ、ダウンロードリンクがメールで送られてきます。

スクリーンショット 2015-07-03 8.51.01.png

まとめ

メールが送られてきたらあとは AppStore に D&D でアップロードするだけです。今までスクリーンショットを用意するのが面倒だったのですがこれを使うとかなり楽になりました。

39
40
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
39
40

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?