2014年4月6日に開催された「第1回 さいたまデザインDTP勉強会」のセッション3「Adobe DPSで電子書籍アプリを作ってApp Storeで販売しよう」のスライド資料です

1. Adobe DPSで電子書籍アプリを作って
App Storeで販売しよう
第 1 回 さいたまデザイン DTP 勉強会

2. 目次
1. イントロダクション
2. iOS Developer Program 登録
3. 証明書の作成
4. アイコン作成
5. DPS App Builder
6. App Store に登録
7. 参考資料

3. ひつゅじとぼくのいっしゅうかん
https://itunes.apple.com/jp/app/hitsu-yujitobokunoisshuukan/id698145334?mt=8
さとうゆうすけさん作の絵本（朗読音声付き）
App Store で販売中。

4. ひつゅじとぼくのいっしゅうかん
Adobe DPS で制作したアプリを App Store で販売
（EPUB 3 版も iBooks Store で販売中）

5. Adobe Digital Publishing Suite
InDesign で制作する電子書籍アプリのフォーマット
雑誌や企業プロモーション向けの機能が豊富
個人制作でも活用できる

6. Adobe DPS でのアプリ作成〜公開の流れ
iOS Developer Programへの登録
iTunes Connect への登録
証明書の作成 アイコン画像等の作成 コンテンツの作成
DPS App Builderでアプリ作成
動作検証App Storeへ提出〜審査
App Storeで公開

7. 注意事項
コンテンツの作り方については時間の都合で今回はお話でき
ません。InDesign で制作した Adobe DPS 用のコンテンツを、
アプリ化して App Store で公開する部分のお話です。
前提
・CreativeCloud 契約中であること
・制作できるのは iPad 版 Single Edition 形式
・作業環境は Mac
Apple と Adobe のサービスをいったりきたりします
・ID など混乱しないように（AdobeID/AppleID/AppID）

8. iOS Developer Program 登録

9. iOS Developer Program 登録
iOS のアプリを開発／配布するために必要
年間 ¥8,400
https://developer.apple.com/jp/programs/ios/

10. iTunes Connect
App Store で公開するために必要な情報の登録、
および公開したアプリの管理
・契約／税金／銀行口座
・アプリ登録／情報管理
https://itunesconnect.apple.com/

11. POINT
登録する AppleID
・普段使っている購入用 ID と分けることも可能
・iBooks Store 販売登録と同じ ID は使用できない
個人として登録する場合
・氏名が開発者名の所に
表示される

12. 証明書の作成

13. 証明書
アプリの開発者やアプリ自身が Apple から承認された
ものであることを証明するファイル。アプリ作成時に
読みこませる。
キーチェーンアクセス（Mac 上）と iOS Dev Center
（Web 上）を行き来して作成する。

14. 証明書作成の流れ
キーチェーンアクセス.app
iOS Developer
証明書リクエスト
App ID
Device ID（開発版のみ）
Certificate
AppleWWDRCA
Provisioning
Profile
.p12 証明書
開発版／配布版
開発版／配布版

15. 開発版と配布版
開発版（Development）
・開発途中の動作検証用
・登録したデバイスにのみインストール可能
配布版（Distribution）
・App Store で公開する完成版
それぞれ使用する証明書が異なるので注意

16. アイコン作成

17. 必要な画像ファイル
29×29
SD用
SD用（1024×768）
アプリアイコン スプラッシュスクリーン
（起動画面）
HD用
58×58
100×100
144×144
（その他）アートワーク：App Store お勧め表示用 512×512, 1024×1024
72×72
50×50
HD用（2048×1536）

18. DPS Asset Generator
http://frischmilch.github.io/DPS-App-Icons-Template/
必要なアイコン画像などを簡単に作成できるように
あらかじめ設定された Photoshop ファイル
・スマートオブジェクトになって
いるので Illustrator で編集可能
・Generator 機能で自動的に必要
な画像ファイルが生成される

19. DPS App Builder

20. DPS App Builder とは
InDesign コンテンツから DPS アプリを作成するツール
インストールされてない場合は、Adobe DPS
サイトよりインストーラをダウンロード
https://digitalpublishing.acrobat.com/app.html#x=dashboard
将来的には Web サービスに移行

21. 起動〜ログイン
InDesign の Folio Builder パネルのメニューから「App
を作成…」で DPS App Builder を起動してログイン

22. アプリケーションの詳細
アプリケーション名などを登録
（長いと iPad の画面に表示しきれないので注意）

23. アイコンとスプラッシュスクリーン
アイコン画像を登録

24. 証明書
mobileprovision ファイルを登録

25. アプリケーションの作成
しばし待つ…

26. アプリケーションの作成
「開発版アプリケーション（.ipa）」をダウンロード

27. 開発版アプリケーションのダウンロード
証明書ファイルを登録してダウンロード

28. iPad での動作検証
ダウンロードした ipa ファイルを iTunes 経由で iPad に
インストールして、動作検証する。
（証明書作成時に登録した iPad のみ可能）

29. 配布版アプリケーションのダウンロード
実機での動作検証で問題がなければ「配布版アプリケー
ション（.zip）」をダウンロード
このファイルを App Store に登録します

30. POINT
ダウンロードする際にエラーが出る場合
・システム環境設定の「言語とテキスト」の設定を変更
（「English」をリストの一番上に）
・DPS App Builder を再起動
（メニューが英語になる）
（参考：http://helpx.adobe.com/jp/digital-publishing-suite/kb/cq05292143.html）

31. App Store に登録

32. アプリ情報を登録
iTunes Connect で登録
・アプリケーション情報（カテゴリ／レーティング）
・販売価格
・メタデータ（アプリの説明／サポート情報）
・アイコン／スクリーンショット
登録するアプリのステータスが「Waiting For
Upload」になっているのを確認

33. 配布版 zip ファイルをアップロード
Application Loader（Xcode に同梱）でアップロード

34. 配布版 zip ファイルをアップロード
Application Loader（Xcode に同梱）でアップロード
iTunes Connect 上で、登録するアプリのステータスが
「Waiting For Review」になっているのを確認

35. Apple の審査
審査に通らないと App Store で公開されません
https://developer.apple.com/jp/appstore/guidelines.html

36. Apple の審査
審査には多少時間がかかります。審査に通らない（リジェ
クトされる）場合は、問題点を修正して再度申請
https://developer.apple.com/news/ に
審査の平均進捗率が記載されています

37. Apple の審査（実例）
今日のスライドをアプリ化して
App Store に申請してみました…が

38. Apple の審査（実例）
リジェクトされました…

39. Apple の審査（実例）
2.21：単純に曲やムービーのアプリは iTunes Store に提出
されるべきである。本のアプリは iBooks Store に提
出しなければならない

40. App Store で公開
審査に通ると App Store で公開されます
iTunes Connect 上で、登録するアプリのステータスが
「Ready for Sale」になっていれば OK

41. 参考資料

42. 参考資料
Adobe Digital Publishing Suite Single Edition
ステップバイステップガイド（PDF）
http://helpx.adobe.com/jp/digital-publishing-suite/kb/cq11041915.html

43. 参考資料
DPS 入門（Adobe DPS アプリ）
https://itunes.apple.com/jp/app/dps-ru-men/id585117564?mt=8

44. 参考資料
「Adobe DPS をビジネス活用 !
ー iPad、iPhone、Android 対応」
http://qtweb.txt-nifty.com/indesign/2013/04/adobe-dps-ipadi.html

45. 注意点
資料が古い場合、iOS Developer のメニュー構成が現
在と異なっている場合がありますので、適宜読み替え
てください
紹介されている機能の中には Single Edition で利用で
きないものも含まれている可能性があります

46. ありがとうございました