ゲーム作成で学ぶ iPhoneアプリケーション超⼊入⾨門

2011.04.13 Apple Store Ginza

1

Agenda

• 自己紹介

• iPhone/iPad Appを作成するには

• コーディング実例

• App Storeに公開するには

2

自己紹介• 高井 歩 (たかい あゆむ)

• Mail : atakai@hackwork.jp

• Twitter : @HackworkSystems

• フリーランス プログラマ

• iOS App、Webアプリ開発などいろいろ

• テクノユニットのお手伝いなどもhttp://www.soyuzproject.com/

3

•iPhone/iPad Appを作成するには

• Intel Mac (開発用コンピュータ)

• Xcode (開発用アプリケーション)

• Ver.3.x 大(多)画面向き、情報多い

• Ver.4.x 新機能が多く便利

• iOS デバイス実機(iPhone/iPod/iPad)

4

iOS Developer Program

• http://developer.apple.com/jp/programs/ios/

• Appleの開発者サポートプログラム

• 開発用ソフトウェアや情報の提供

• 実機へインストールするには加入必須。

• 年間 10,800円

5

コーディング実例

• もぐらたたき

6

プログラム概要

リソースマネージャ(ビューコントローラ)

モグラボタンモグラボタン

モグラボタンもぐらボタン

モグラを叩いた

初期化クロック通知

開始前 プレイ中 ゲーム終了

ゲームの状態

プログラムの構造

状態の管理画像の管理時間の管理スコアの管理 もぐらの表示/非表示

タッチ判定

スコアラベル残り時間ラベル

スコア表示

時間表示

7

実機へのインストール

• 証明書の作成

• 証明書要求

• 証明書のインストール

• デバイスの登録

8

iTunes Storeへの申請

• iTunes Connectで登録申請

• プログラム本体以外にもアイコンや説明文など、準備しておく物が多い。

9

申請に必要なもの• App本体(申請用に署名されたもの)

• 名称/レーティング/説明文/カテゴリ/キーワード/著作権表示/連絡先/サポートURL

• アイコン(512x512ピクセル)

• スクリーンショット

10

申請手順• App IDの作成

• 証明書の作成、インストール

• アーカイブの作成

• App情報の登録

• アプリケーションのアップロード

11

注意事項

• 情報を参考にするときはXcode,SDKのバージョンを確認する。

• iOS Developer Programへの登録は早めに行なう(トラブルが多いため)

12

参考情報

• iOS Dev Centerhttp://developer.apple.com/devcenter/ios/index.action

• クラスライブラリの解説(日本語)http://profo.jp/wiki/index.php?日本語リファレンス

• 証明書の取得やiTunes Storeへの登録http://kentaro-shimizu.com/lecture/iphone/

13

(付録)Xcode 4によるApp申請• iOS Dev Centerで証明書の取得

• App IDの作成

• 証明書の作成/取得

• 証明書の追加

• 申請用バイナリの作成• 証明書の設定

• 申請用バイナリをコンパイル

• iTunes Connectで申請• App 情報の登録• バイナリのアップロード

※サンプル作成上の都合により、スクリーンショット内のApp名がMoguraSampleやMoguraTatakiなどとブレがありますが、同一のものとして読み替えて下さい。

14

• iOS Dev Centerで証明書の取得

App IDの作成(1)

• http://developer.apple.com/devcenter/ios/index.action

• 上記アドレスからログインしてiOS Provisioning

Potalへ移動

• 左カラムでApp IDsを選択

• 「New App ID」を押す

15

• iOS Dev Centerで証明書の取得

App IDの作成(2)

• Description App IDの説明

• Bundle Seed IDGenerate Newのまま

• Bundle Identifier

Xcode上のIdentifierと同じものを指定する

16

• iOS Dev Centerで証明書の取得

証明書の作成(1)

• 左側のメニューからProvisioningを選択する

• 「New Profile」ボタンを押す。

17

• iOS Dev Centerで証明書の取得

証明書の作成(2)

• Distoributionタブを選択

• App Store を選択する

• Profile Nameは適当にわかりやすい名前を付ける

• App IDは先に作成したものを選択する

18

• iOS Dev Centerで証明書の取得

証明書の取得

• 作成した証明書のDownloadボタンを押してダウンロードする。

• ボタンがDownloadになっていなかったら、ページを更新する。

19

• iOS Dev Centerで証明書の取得

証明書の追加

• Xcode 4の「Window」「Orgnizer」メニューからOrginizerを開く。

• ダウンロードしたprovision

ファイルをD&Dで追加する。

20

• 申請用バイナリの作成

証明書の設定

• Xcode 4のプロジェクト設定画面で、Build Settingsタブを選択する。

• Code SigningカテゴリのCode Signing Identity - ReleaseのAny iOS SDKで証明書を選択する。

21

• 申請用バイナリの作成

申請用バイナリをコンパイル(1)

• Xcode 4のメニューから「Product」-「Clean」を選択して、余分なファイルを一度削除する。

• Schemeで、実機またはiOS

Deviceを選択する。

• メニューで「Product」-

「Archive」を選択する。

22

• 申請用バイナリの作成

申請用バイナリをコンパイル(2)

• 問題なくバイナリが作成されると、OrgnizerのArchivesにAppのArchiveが作成される。

23

• iTunes Connectで申請

App 情報の登録(1)

• https://itunesconnect.apple.com

• 上記アドレスからログインして、「Manage Your

Applications」を選択する。

24

• iTunes Connectで申請

App 情報の登録(2)

• 「Add New App」ボタンを押す

25

• iTunes Connectで申請

App 情報の登録(3)

• App Nameにアプリケーション名、SKU Numberにはアカウント毎にユニークなID番号、Bundle IDには作成した証明書のBundle

IDを設定して「Continue」ボタンを押す。

26

• iTunes Connectで申請

App 情報の登録(4)

• 公開日、価格、学生割引の有無を設定して「Continue」ボタンを押す。

27

• iTunes Connectで申請

App 情報の登録(5)

• バージョン、説明文、カテゴリ、キーワード、著作者表記、連絡先等を記述する。

Ver.0.1

28

• iTunes Connectで申請

App 情報の登録(6)

• 暴力表現などのレーティングの設定を行なう。

29

• iTunes Connectで申請

App 情報の登録(7)

• 512x512ピクセルのiTunes Store

で表示されるアイコンや、スクリーンショットをアップロードする。

• 全ての必須項目を記入したら、「Save」ボタンを押す。

30

• iTunes Connectで申請

App 情報の登録(8)

• Statusが Prepare for Uploadになっていることを確認。

• 「ViewDetails」ボタンを押す。

31

• iTunes Connectで申請

App 情報の登録(9)

• 登録内容を確認して問題が無ければ、「Ready to Upload

Binray 」ボタンを押す。

32

• iTunes Connectで申請

App 情報の登録(11)

• Appで暗号化技術を使っているかどうかに回答して「Save」ボタンを押す。

• アップロード前の最終確認画面。問題なければ「Continue」ボタンを押す。

• StatusがWaiting For Uploadになる。

33

• iTunes Connectで申請

Xcode 4からバイナリのアップロード(1)

• Xcode 4のOrganizerで、Distribution用証明書で作成したアーカイブを選択する。

• Submitボタンを押す。

• iTunesConnectへのログイン情報を求められるので、ユーザ名とパスワードを入力する。

34

• iTunes Connectで申請

Xcode 4からバイナリのアップロード(2)

• Application の名称やバージョン、証明書が正しく選択されていることを確認して、「Next」ボタンを押す。

• バイナリのアップロードが完了するまで待つ。

35

• iTunes Connectで申請

Xcode 4からバイナリのアップロード(3)

• iTunes ConnectでアプリケーションのStatusが”Upload

Received”に変化しているのを確認。

• 正しくアップロード出来ている場合、暫く待ってブラウザを更新するとStatusが”Waiting For

Review”になる。

• あとはAppleの審査に合格すれば、iTunes Storeで公開される。

36