ゲーム作成で学ぶ iphoneアプリケーション超入門
DESCRIPTION
一匹だけのモグラ叩きゲームを作りながら iPhoneアプリケーションのプログラムを学びます。 iPhoneエミュレータでの動作と、時間があれば実機へのインストール。 AppStoreへの登録申請まで時間の許す限りご紹介いたします。TRANSCRIPT
![Page 1: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/1.jpg)
ゲーム作成で学ぶ iPhoneアプリケーション超⼊入⾨門
2011.04.13 Apple Store Ginza
1
![Page 2: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/2.jpg)
Agenda
• 自己紹介
• iPhone/iPad Appを作成するには
• コーディング実例
• App Storeに公開するには
2
![Page 3: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/3.jpg)
自己紹介• 高井 歩 (たかい あゆむ)
• Mail : [email protected]
• Twitter : @HackworkSystems
• フリーランス プログラマ
• iOS App、Webアプリ開発などいろいろ
• テクノユニットのお手伝いなどもhttp://www.soyuzproject.com/
3
![Page 4: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/4.jpg)
•iPhone/iPad Appを作成するには
• Intel Mac (開発用コンピュータ)
• Xcode (開発用アプリケーション)
• Ver.3.x 大(多)画面向き、情報多い
• Ver.4.x 新機能が多く便利
• iOS デバイス実機(iPhone/iPod/iPad)
4
![Page 5: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/5.jpg)
iOS Developer Program
• http://developer.apple.com/jp/programs/ios/
• Appleの開発者サポートプログラム
• 開発用ソフトウェアや情報の提供
• 実機へインストールするには加入必須。
• 年間 10,800円
5
![Page 6: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/6.jpg)
コーディング実例
• もぐらたたき
6
![Page 7: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/7.jpg)
プログラム概要
リソースマネージャ(ビューコントローラ)
モグラボタンモグラボタン
モグラボタンもぐらボタン
モグラを叩いた
初期化クロック通知
開始前 プレイ中 ゲーム終了
ゲームの状態
プログラムの構造
状態の管理画像の管理時間の管理スコアの管理 もぐらの表示/非表示
タッチ判定
スコアラベル残り時間ラベル
スコア表示
時間表示
7
![Page 8: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/8.jpg)
実機へのインストール
• 証明書の作成
• 証明書要求
• 証明書のインストール
• デバイスの登録
8
![Page 9: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/9.jpg)
iTunes Storeへの申請
• iTunes Connectで登録申請
• プログラム本体以外にもアイコンや説明文など、準備しておく物が多い。
9
![Page 10: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/10.jpg)
申請に必要なもの• App本体(申請用に署名されたもの)
• 名称/レーティング/説明文/カテゴリ/キーワード/著作権表示/連絡先/サポートURL
• アイコン(512x512ピクセル)
• スクリーンショット
10
![Page 11: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/11.jpg)
申請手順• App IDの作成
• 証明書の作成、インストール
• アーカイブの作成
• App情報の登録
• アプリケーションのアップロード
11
![Page 12: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/12.jpg)
注意事項
• 情報を参考にするときはXcode,SDKのバージョンを確認する。
• iOS Developer Programへの登録は早めに行なう(トラブルが多いため)
12
![Page 13: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/13.jpg)
参考情報
• 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
![Page 14: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/14.jpg)
(付録)Xcode 4によるApp申請• iOS Dev Centerで証明書の取得
• App IDの作成
• 証明書の作成/取得
• 証明書の追加
• 申請用バイナリの作成• 証明書の設定
• 申請用バイナリをコンパイル
• iTunes Connectで申請• App 情報の登録• バイナリのアップロード
※サンプル作成上の都合により、スクリーンショット内のApp名がMoguraSampleやMoguraTatakiなどとブレがありますが、同一のものとして読み替えて下さい。
14
![Page 15: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/15.jpg)
• iOS Dev Centerで証明書の取得
App IDの作成(1)
• http://developer.apple.com/devcenter/ios/index.action
• 上記アドレスからログインしてiOS Provisioning
Potalへ移動
• 左カラムでApp IDsを選択
• 「New App ID」を押す
15
![Page 16: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/16.jpg)
• iOS Dev Centerで証明書の取得
App IDの作成(2)
• Description App IDの説明
• Bundle Seed IDGenerate Newのまま
• Bundle Identifier
Xcode上のIdentifierと同じものを指定する
16
![Page 17: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/17.jpg)
• iOS Dev Centerで証明書の取得
証明書の作成(1)
• 左側のメニューからProvisioningを選択する
• 「New Profile」ボタンを押す。
17
![Page 18: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/18.jpg)
• iOS Dev Centerで証明書の取得
証明書の作成(2)
• Distoributionタブを選択
• App Store を選択する
• Profile Nameは適当にわかりやすい名前を付ける
• App IDは先に作成したものを選択する
18
![Page 19: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/19.jpg)
• iOS Dev Centerで証明書の取得
証明書の取得
• 作成した証明書のDownloadボタンを押してダウンロードする。
• ボタンがDownloadになっていなかったら、ページを更新する。
19
![Page 20: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/20.jpg)
• iOS Dev Centerで証明書の取得
証明書の追加
• Xcode 4の「Window」「Orgnizer」メニューからOrginizerを開く。
• ダウンロードしたprovision
ファイルをD&Dで追加する。
20
![Page 21: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/21.jpg)
• 申請用バイナリの作成
証明書の設定
• Xcode 4のプロジェクト設定画面で、Build Settingsタブを選択する。
• Code SigningカテゴリのCode Signing Identity - ReleaseのAny iOS SDKで証明書を選択する。
21
![Page 22: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/22.jpg)
• 申請用バイナリの作成
申請用バイナリをコンパイル(1)
• Xcode 4のメニューから「Product」-「Clean」を選択して、余分なファイルを一度削除する。
• Schemeで、実機またはiOS
Deviceを選択する。
• メニューで「Product」-
「Archive」を選択する。
22
![Page 23: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/23.jpg)
• 申請用バイナリの作成
申請用バイナリをコンパイル(2)
• 問題なくバイナリが作成されると、OrgnizerのArchivesにAppのArchiveが作成される。
23
![Page 24: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/24.jpg)
• iTunes Connectで申請
App 情報の登録(1)
• https://itunesconnect.apple.com
• 上記アドレスからログインして、「Manage Your
Applications」を選択する。
24
![Page 25: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/25.jpg)
• iTunes Connectで申請
App 情報の登録(2)
• 「Add New App」ボタンを押す
25
![Page 26: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/26.jpg)
• iTunes Connectで申請
App 情報の登録(3)
• App Nameにアプリケーション名、SKU Numberにはアカウント毎にユニークなID番号、Bundle IDには作成した証明書のBundle
IDを設定して「Continue」ボタンを押す。
26
![Page 27: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/27.jpg)
• iTunes Connectで申請
App 情報の登録(4)
• 公開日、価格、学生割引の有無を設定して「Continue」ボタンを押す。
27
![Page 28: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/28.jpg)
• iTunes Connectで申請
App 情報の登録(5)
• バージョン、説明文、カテゴリ、キーワード、著作者表記、連絡先等を記述する。
Ver.0.1
28
![Page 29: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/29.jpg)
• iTunes Connectで申請
App 情報の登録(6)
• 暴力表現などのレーティングの設定を行なう。
29
![Page 30: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/30.jpg)
• iTunes Connectで申請
App 情報の登録(7)
• 512x512ピクセルのiTunes Store
で表示されるアイコンや、スクリーンショットをアップロードする。
• 全ての必須項目を記入したら、「Save」ボタンを押す。
30
![Page 31: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/31.jpg)
• iTunes Connectで申請
App 情報の登録(8)
• Statusが Prepare for Uploadになっていることを確認。
• 「ViewDetails」ボタンを押す。
31
![Page 32: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/32.jpg)
• iTunes Connectで申請
App 情報の登録(9)
• 登録内容を確認して問題が無ければ、「Ready to Upload
Binray 」ボタンを押す。
32
![Page 33: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/33.jpg)
• iTunes Connectで申請
App 情報の登録(11)
• Appで暗号化技術を使っているかどうかに回答して「Save」ボタンを押す。
• アップロード前の最終確認画面。問題なければ「Continue」ボタンを押す。
• StatusがWaiting For Uploadになる。
33
![Page 34: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/34.jpg)
• iTunes Connectで申請
Xcode 4からバイナリのアップロード(1)
• Xcode 4のOrganizerで、Distribution用証明書で作成したアーカイブを選択する。
• Submitボタンを押す。
• iTunesConnectへのログイン情報を求められるので、ユーザ名とパスワードを入力する。
34
![Page 35: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/35.jpg)
• iTunes Connectで申請
Xcode 4からバイナリのアップロード(2)
• Application の名称やバージョン、証明書が正しく選択されていることを確認して、「Next」ボタンを押す。
• バイナリのアップロードが完了するまで待つ。
35
![Page 36: ゲーム作成で学ぶ iPhoneアプリケーション超入門](https://reader036.vdocuments.pub/reader036/viewer/2022081717/545aeb1bb1af9fc0638b5e3c/html5/thumbnails/36.jpg)
• iTunes Connectで申請
Xcode 4からバイナリのアップロード(3)
• iTunes ConnectでアプリケーションのStatusが”Upload
Received”に変化しているのを確認。
• 正しくアップロード出来ている場合、暫く待ってブラウザを更新するとStatusが”Waiting For
Review”になる。
• あとはAppleの審査に合格すれば、iTunes Storeで公開される。
36