1. neアプリ開発のすすめ
iPho
2014/01/30 逢見 大介
©2014 VITALIFY Inc. All Rights Reserved.

2. 1
iPhoneアプリができるまで
（だいぶざっくり版）
©2014 VITALIFY Inc. All Rights Reserved.

3. 1
アプリを作るために必要なもの
・Mac OS の PC
・Xcode
だけ
※実機で動かしたりストアに申請するにはデベロッパーアカウントが
必要になりますが今回はすっとばします。
©2014 VITALIFY Inc. All Rights Reserved.
3

4. 1
アプリを作るために必要なもの
iOS7 のアプリを開発するためには
Mac OS 10.8 以上、Xcode 5.0 以上が必要です。
Xcode は App store で無料配布されているので
インストールしておきましょう。
©2014 VITALIFY Inc. All Rights Reserved.
4

5. 2
開発手順（プロジェクト作成）
さっそくインストールした Xcode を起動します。
起動したら「Create a new Xcode project」をクリック。
©2014 VITALIFY Inc. All Rights Reserved.
5

6. 2
開発手順（プロジェクト作成）
次の画面で「Single View Application」を選択して
「Next」をクリック。
©2014 VITALIFY Inc. All Rights Reserved.
6

7. 2
開発手順（プロジェクト作成）
各項目を入力して「Next」をクリック。
※Product Name はアプリ名、Organization Name は会社名、
Company Identifier はドメインを逆にしたものを入力します。
©2014 VITALIFY Inc. All Rights Reserved.
7

8. 2
開発手順（プロジェクト作成）
保存先を選択して「Create」をクリック。
©2014 VITALIFY Inc. All Rights Reserved.
8

9. 2
開発手順（プロジェクト作成）
保存先にプロジェクトが作成されます。
©2014 VITALIFY Inc. All Rights Reserved.
9

10. 2
開発手順（プロジェクト作成）
はい、もうアプリできた
©2014 VITALIFY Inc. All Rights Reserved.
10

11. 2
開発手順（プロジェクト作成）
なんとプロジェクトを作成した時点で
起動するのに必要なファイルとコードを
自動生成してくれるのです。
©2014 VITALIFY Inc. All Rights Reserved.
11

12. 3
開発手順（ビルド・動作確認）
ためしにシュミレーターでアプリを起動してみましょう。
右上の端末項目を選択してビルドボタンをクリック。
©2014 VITALIFY Inc. All Rights Reserved.
12

13. 3
開発手順（ビルド・動作確認）
iOSシュミレーターが自動起動して画面が表示されます。
ボタンもなにも無いので真っ白な画面です。
©2014 VITALIFY Inc. All Rights Reserved.
13

14. 3
開発手順（ビルド・動作確認）
Command + shift + H でホーム画面に移動します。
このプロジェクトで作成したアプリのアイコンが表示されています。
©2014 VITALIFY Inc. All Rights Reserved.
14

15. 3
開発手順（ビルド・動作確認）
iOSシュミレーターではPC上でiPhoneの動作確認ができるので
手元にiPhoneがない人はこれで色々試すことができます。
©2014 VITALIFY Inc. All Rights Reserved.
15

16. 3
開発手順（プロジェクト内容）
プロジェクト内にあるファイルの内容を簡単に説明します。
・プロジェクトファイル
プロジェクトとアプリの設定を行う
・AppDelegate
アプリ起動時の制御を行う
・Main.storyboard
GUIベースの画面設計を行う
・ViewController
対応する画面上の制御を行う
©2014 VITALIFY Inc. All Rights Reserved.
16

17. 3
開発手順（プロジェクト内容）
アプリの開発手法としてはおおまかに分けると二通り。
○コードベース
画面内の配置、設定や動作制御をObject-Cで記述して開発する
○GUIベース
画面内の配置、設定や動作制御をstoryboardを使用して開発する
©2014 VITALIFY Inc. All Rights Reserved.
17

18. 3
18
開発手順（プロジェクト内容）
コードベース
©2014 VITALIFY Inc. All Rights Reserved.
GUIベース

19. 4
19
おわり
以上、簡単ですがアプリができるまでの説明でした。
詳しい説明などはまた別の機会で
ご清聴ありがとうございました。
©2014 VITALIFY Inc. All Rights Reserved.