アンケートご協力のお願いgihyo.jpでは,2010年度に向けて豪華プレゼントが当たる読者属性アンケートを実施しております。ご協力ください。

gihyo.jp » DEVELOPER STAGE » 連載 » 目指せ!iPhoneアプリ開発エキスパート » 第3回 アプリ開発の第一歩

目指せ!iPhoneアプリ開発エキスパート

第3回 アプリ開発の第一歩

今回から,実際にiPhoneアプリを開発する手順や方法について解説します。

Xcodeプロジェクトの作成

いよいよ,Xcodeを使ってiPhoneアプリを作成します。Xcodeを起動し,プロジェクトを作成しましょう。Xcodeのメニューから「ファイル」→「新規プロジェクト...」を選択します。

テンプレートの中から「View-Based Application」を選択

テンプレートの中から「View-Based Application」を選択

第2回と同様,ここでは「View-Based Application」を選びます。今回はApp Storeでも配布されている,価格を入れて割引率を 選ぶと自動的に割引後の金額を表示するアプリ「バーゲン教師」を作りますので,プロジェクト名は「BargainSale」としました。もちろん他の好きな名前でもかまいません。アプリ名はこれとは別に設定しますが,開発中はひとまずこの名前を使います。

保存が完了すると,選択したテンプレートを元にファイルが生成されます。まずはどのようなファイルがあるかを確認していきましょう。

クラスファイル

クラスファイル

クラスファイル

クラスファイルは,プログラムを書くためのファイルです。左側のClassesフォルダの中にある.hや.mがそれに該当します。とくに.hのファイルを「ヘッダファイル」または単に「ヘッダ」と呼びます。ボタンが押されたり,ユーザが入力したりした結果をiPhoneで処理するためのプログラムをここに書きます。使用する言語はObjective-Cです。プログラムを書くファイルなので,プログラムの「ソースコード」を書くファイルという意味から,ソースファイルとも呼びます。

XIBファイル

XIBファイルは,アプリの画面を構成するパーツの配置や大きさなどを記録したファイルです。Resourcesフォルダにある.xibがそれです。Cocoa Touchを使ったアプリ開発では,XIBファイルを編集することがスタート地点となります。XIBファイルの編集には,ドラッグアンドドロップの操作で簡単にパーツを画面上に配置できる「Interface Builder」を使います。

XIBファイルとInterface Builder

XIBファイルとInterface Builder

リソースファイル

これらの他に,アプリを作るうえで必要なファイルをリソースファイルと呼びます。本来クラスファイル以外のものはすべてリソースファイルにあたるのですが,XIBファイルはリソースファイルの中でも特にアプリ開発において重要な役目をするので,便宜的にXIBファイルはそのままの名前で呼ぶことにしています。

リソースファイルはその名のとおり,アプリが動作する上で必要なリソース,すなわち資源としての機能を持つファイルのことです。初歩的なアプリでは特に意識する必要はありませんが,高機能で複雑なアプリの開発においては多くのリソースファイルを管理することになる場合があります。

他にもいくつかのファイルがありますが,まずはこれらのファイルを使って開発を進めていきます。

Interface Builder

XIBファイルは,Xcodeに付属の「Interface Builder」というアプリケーションを使って編集します。Xcode上でXIBファイルをダブルクリックすることで,自動的にInterface Builderが起動してファイルを表示します。

ファイルの構成を表すウィンドウと,「View」という名前のついたウィンドウが自動的に開きます。View のウィンドウが開いていない場合は,構成を表すウィンドウの中にある View をダブルクリックして開いてください。

メニューからライブラリを選択

メニューからライブラリを選択

Interface Builderが起動した状態で,Tools→Libraryと選択すると,ライブラリパネルが開きます。ここには Cocoa Touchで利用できるパーツが並びます。上部のObjectが選択された状態で,Library→Cocoa Touch Plugin→Inputs & Valuesを選んでみてください。下のほうにいくつかの見慣れたパーツが並びます。

たとえば,Labelは,文字を表示するためのパーツです。Round Rect Buttonはボタン,Text Field は文字を入力するためのテキストボックスといった具合です。これらのパーツを,ドラッグアンドドロップで先ほどの View の中に配置していきます。ここから先は,このInputs & Valuesに並んでいるパーツを使っていきます。

ライブラリパネルにある Inputs & Values のパーツ

ライブラリパネルにある Inputs

著者プロフィール

皮(かわ)

1980年宮崎県生まれ。納豆好き。

アイフォーンの皮:http://mixi.jp/view_community.pl?id=3531790

コメント

  • わかりやすい!

    本出して下さい!

    必ず買います!

    お願いします!

    Commented : #8  wertheim (2010/01/21, 22:18)

  • #6さんへ

    貴方のヒントのおかげで先へ進めました。
    どうもありがとうございます。

    Commented : #7  pink (2010/01/10, 07:25)

  • ビルドと実行のまえに・・

    ビルドと実行のまえに、InterfaceBuilderでFile-Saveをおこなわないと
    いくらXcodeでビルドしても配置したものは表示されません。

    初心者向けなのに少々手順を省略しすぎでは?

    Commented : #6  kanta (2010/01/10, 00:40)

  • To #2,3

    MainWindow.xibを編集しようとしていませんか?
    BargainSaleViewController.xibを編集すると、うまくゆくと思います。

    Commented : #5  長弘大樹 (2009/08/10, 14:37)

  • Re:

    To #2,3
    viewの一階層中までいけばできますよ。

    Commented : #4  初心者 (2009/08/10, 13:58)

1ページ(1/2)    

コメントの記入

パスサポ

多数の情報処理技術者試験対策書籍の発行実績を誇る技術評論社がお届けする,資格試験合格サイト「めざせ! 情報処理試験 パスサポ」が開設されました。

ピックアップ

サクセスストーリーに続く,快適サーバー運用管理のヒント!

データの増大,煩雑な管理,システムダウン,セキュリティなど,迫りくる課題からシステム管理者の負担を軽くするポイントを解説します。

gihyo.jp インフラエンジニア情報局

ネットワークやITにかかわるあらゆる業種で必要とされるインフラエンジニアに向けた技術情報や心構え,その魅力について多角的に紹介。

テストエンジニア ステーション

いま,ITに関わるあらゆる開発業務で注目されつつあるテスト系エンジニアをターゲットにしたコンテンツサイトを展開します。

一行クイックアンケート

gihyo.jpで取り上げてほしいネタは?

※検索はページ右上の検索ボックスをご利用ください。

その他の連載

キーパーソンが見るWeb業界

本連載はWeb Site Expert/gihyo.jpとの連動企画です。阿部淳也, 長谷川敦士, 森田雄のお三方による,Web業界をテーマにした座談会です。

きたみりゅうじの聞かせて珍プレー

ソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。みなさんからの投稿もお待ちしてます!

ActionScript 3.0で始めるオブジェクト指向スクリプティング

野中文雄氏が,簡単なスクリプトは書いたことがあるという初級者を対象に,ActionScript 3.0の基本からクラス定義までを解説します。

まだ間に合う「ITパスポート」受験対策 原山先生の短期合格塾

この連載では,4月18日のITパスポート試験の受験に向けて,短い期間で効率良く受験対策を行う方法や,確実に得点するための裏ワザなどを伝授していきます。

Ubuntu Weekly Recipe

Ubuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。

C/C++プログラマのためのDTrace入門

よくカーネルのチューニングや解析で活用されるDTraceですが,実はユーザプログラムの開発においても非常に有用です。連載ではC/C++プログラマやテストに関わる方向けにDTraceの使い方を解説します。

Blogopolisから学ぶ計算幾何

計算幾何学は,図形に関するアルゴリズムを研究するコンピュータサイエンスの一分野です。本連載では,ビジュアルブログ検索エンジン「Blogopolis」で採用されている計算幾何のアプローチを例に取り上げながら,計算幾何の初歩を実践的に学習します。

検索エンジンはいかにして動くのか?

本連載では, 今や誰もが利用している検索エンジンの中身を,全体の仕組みやデータ構造,アルゴリズムから分散インデックスまで,最近の研究事例も交えて紹介します。

連載一覧

gihyo.jp

  • DEVELOPER STAGE
  • ADMINISTRATOR STAGE
  • WEB+DESIGN STAGE
  • LIFESTYLE STAGE
  • SCIENCE STAGE
  • NEWS & REPORT

書籍案内

  • 新刊書籍
  • 書籍ジャンル一覧
  • 書籍シリーズ一覧
  • 新刊ピックアップ
  • ロングセラー
  • 電脳会議

定期刊行物一覧

  • Software Design
  • WEB+DB PRESS
  • Web Site Expert
  • 組込みプレス