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

第4回 初めてのプログラミング

この記事を読むのに必要な時間:およそ 3.5 分

今回からいよいよプログラミングを行います。最初のプログラミングはInterface Builder上で行います。

前回のおさらい

第3回では,Interface Builderを使った画面の作り方を学びました。実際に画面(View)に配置したパーツを再確認してみましょう。

Viewに配置されたパーツと名前

Viewに配置されたパーツと名前

  • ユーザに何らかの文字を入力させるための「テキストフィールド」
  • ユーザにいくつかの選択肢の中からひとつを選ばせるための「セグメンテッドコントロール」
  • 画面上に文字を表示するための「ラベル」

これらのパーツを配置しただけの状態では,アプリは何の役にも立ちません。そこでいよいよ「役に立つアプリ」にするために,プログラミングの作業へと入っていきます。

操作と処理を確認する

まず,ユーザがパーツに対してどのような操作を行うかと,プログラムにどのような処理(動作)をさせるかについて確認しておきましょう。

このアプリでは,ユーザが入力した金額と選択した割引率から,割引後の金額を表示するという機能を実現します。ユーザーが行う操作は,次の2つです。

  • 金額を入力する
  • 割引率を選択(変更)する

そして,これらをもとにプログラムが行う処理は

  • 割引後の金額を計算して表示する

となります。

プログラムを動かすためには,何らかの操作が必要です。プログラムは,あらかじめ決められた処理を忠実にこなすことしかできません。そこで,プログラムが処理を行うきっかけを,ユーザが行う操作の中から決めておく必要があります。組み合わせは複数あっても構いませんが,とりあえずここでは「割引率を選択(変更)する」というきっかけで「割引後の金額を計算して表示する」という動作の組み合わせにしておきます。

アウトレットとアクション

パーツとそれぞれの役割,さらにプログラムの処理が決まったら,実際にプログラミングをしていきます。その前に,2つの新しい言葉を覚えておいてください。

アウトレット

アウトレットは,画面上のパーツから情報を取り出したり,パーツに情報を与えたりするために必要なものです。ここで言うアウトレットは,英語のOutletを辞書で引くと出てくる「コンセント」の意味です。画面上に配置したパーツからは,コンセントにさしこむための線をのばすことができます。そこで,プログラムにコンセントの穴を設置して,そこにパーツの線を差し込むことによって,プログラムとパーツとの間で情報をやりとりできるようになります。

アクション

アクションは,プログラムの処理のことです。アクションに書かれた内容に従って処理を行うのはプログラムですが,その処理を開始するためのなんらかのきっかけが必要です。「このボタンが押されたらこの処理をする」「ここに文字が入力されたらこの処理をする」というように,プログラムの処理とそのきっかけをセットで考えておく必要があります。

著者プロフィール

皮(かわ)

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

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

コメント

  • Re:

    プログラムを記述しなおしたら出来ました

    Commented : #37  ms (2011/08/10, 21:25)

  • アクションの記述でエラーが

    (IBAction)myAction1:(id)sender{ の後に
     Expected')'before'stringWithFormat'
    Expected expression before ']'token
    Expected statement before ']'token
    と3つエラーがでます。
    表示どうりにプログラミングを記述したつもりなのですが
    修正を教えて下さい

    ちなみにSDK4.3を使用しています

    Commented : #36  ms (2011/08/10, 20:39)

  • プログラムが書いてない

    以下のプログラムを記述してください。って書いてありますが、プログラム全部書いてませんよね?


    ブラウザの問題で見れないだけでしょうか?
    Safari、Chromeともに見れません。

    Commented : #35  ハッシー (2011/05/28, 22:05)

  • なぜでしょう?

    すいません。更新してたら何度も同じ文章を送信してました。
    どうも初期画面でFile'sOwnerを選択状態で作るとシュミレータに表示される?様な気が・・・
    xibで選択しとかないとダメ?
    もう少しやってみます。
    選択状態にして作ったら表示されたので・・・
    有難うございました。

    Commented : #34  YouNaga (2011/04/14, 11:43)

  • なぜでしょう?

    XCode 3.2.6
    Simurator 4.3
    MacBook OS X 10.6

    InterFace Builderでラベルやボタンを配置しても
    シュミレータで何も表示されません。
    設定とかあるんでしょうか?

    初期インストールのまま何もしていないのですが・・

    Commented : #33  YouNaga (2011/04/14, 11:31)

1ページ(1/8)    

コメントの記入