開発日誌

iPhoneアプリ開発をはじめよう : Xcodeでアプリを作ってみよう

前回のエントリでは、開発環境の整備についてご説明しました。
今回は、インストールしたXcode(開発ツール)を使って、簡単にアプリの作成手順について
ご紹介していきたいと思います。

1.プロジェクトを作成してみよう


インストールしたXcodeを起動してみましょう。
はじめに「Welcome to Xcode」という画面が出るかと思います。

ここで、「Create a new Xcode Project」をクリックすると、新しいプロジェクトを作成することができます。

iphone3_1.jpg


クリックしたあと、プロジェクトのテンプレートの選択画面、
プロジェクト名・バンドルIDを入力する画面と続きます。

ここでは、テンプレートは「Single View Application」としてみましょう。
プロジェクト名・バンドルIDは任意の名称でかまいません。

最後にプロジェクトの保存先を決定すると、プロジェクトが作成されます。

iphone3_2.jpg

上の画像のように、あらかじめ必要なファイルやプログラムが書かれた状態で作成されるので、
これに基づいてすぐにアプリケーションを作成していくことができます。

2.アプリケーションを作ってみよう

では、ごく簡単なアプリケーションを作成してみましょう。

要件は、以下のような「ボタンを押したらアラートダイアログが表示される」ものにしてみます。
iphone3_9.jpg


まず、「ViewController.xib」をクリックします。
.xibの拡張子がついたファイルでは通常のソースファイルと異なり、GUIでアプリケーションの見た目を
構成できる専用のツールの画面が表示されます。
(このツールをInterfaceBuilderといいます)

ここではボタンを配置してみましょう。
右下のエリアにある「Round Rect Button」という項目をドラッグ&ドロップで画面上に配置します。

iphone3_3.jpg


次に、「ViewController.h」ファイルを選択し、以下の画像のようにコードを入力します。

iphone3_4.jpg

「IBOutlet」のついた変数は、先ほどご紹介したInterfaceBuilderと連携することができます。
(「IBAction」のついた関数の宣言も同様です)

実際に連携してみましょう。
もう一度「ViewController.xib」をクリックし、左上のエリアにある「Files Owner」を選択したあと、
右上のエリアを参照します。
すると、先程入力した変数などが表示されていることがわかります。

iphone3_5.jpg

この変数と、画面上に配置したボタンを紐付けることができます。
「_btn」の右隣にある白丸をクリックし、ボタン上にドラッグ&ドロップするだけでOKです。

同様に、「clickBtn:」もボタン上へドラッグ&ドロップします。
するとこのメソッドを呼ぶタイミングを選択するリストが表示されるので、ここでは「Touch Up Inside」を
選択してみましょう。

iphone3_6.jpg

これで、プログラムとInterface Builderの連携は完了です。


最後に、アラートダイアログを表示するプログラムを書きます。
「ViewController.m」を選択し、画像にあるようなプログラムを追記します。

iphone3_7.jpg

これで、先程Interface Builderで選択したように、ボタンをクリックし終わったタイミングで、
この「clickBtn」メソッドの処理を実行することができます。

では、実際にシミュレータで実行してみましょう。
ウインドウの左上部分、「iPhone 5.0 Simulator」が選択されていることを確認し、「Run」ボタンをクリックします。

iphone3_8.jpg


しばらくするとシミュレータが起動し、先ほどInterface Builderで作成したとおりの画面が表示されます。
ここでボタンをクリックすると、アラートダイアログが表示されるはずです。

iphone3_9.jpg


お疲れさまでした!
少し長くなってしまいましたが、これでプロジェクトの作成と、簡単なアプリケーションの作成について
ご紹介しました。
次回は実機でアプリケーションを動かす方法などについて、ご紹介したいと思います。


(kenta)


Webシステムのツボとは

オープンソースの紹介や、プログラミング講座、フリーソフトのレビューなど、Webエンジニアが送る、つれづれ日記。
【隔週金曜日更新】

運営会社:株式会社ジーピーオンライン

RSSを購読する

Monthly Archive