TouchDevelopでプログラミングを始めるための基礎知識iPad上でアプリ開発は、どこまでできるのか(2)(4/4 ページ)

» 2013年03月18日 18時00分 公開
[蜜葉優,@IT ]
前のページへ 1|2|3|4       

グローバル変数を使ってコードを分かりやすくする

 ここまでできたら、もう少しコードをきれいにしてみましょう。現在の作りを再確認すると、「タップしたtext boxの背景色が編集可能だと想定したdark grayだったら編集する」という作りになっています。あまりコードのあちこちからdark grayが呼び出されるのはスマートではありませんね。

 そこで、グローバル変数を用います。「グローバル変数」とはコードのどこからでもアクセスできる変数のことをいいます。グローバル変数を使って呼び出し先を1つにまとめましょう。

 画面左dataにあるnewをタップして、グローバル変数を定義します。

グローバル変数の作成

 グローバル変数が定義できたら、Color型で「editable text box color」という名前に変更します。

Color型のグローバル変数に変更

 コード中にある2個所のdark grayを「editable text color」に変更します。

tap wall TextBoxにあるdark grayをeditable text box colorに変更
editable text boxにあるdark grayをeditable text box colorに変更

 次にeditable text box colorを初期化するために新しく「initialize data」というコードを作成し、editable text colorにdark grayを代入します。

グローバル変数を初期化するコードを追加

 最後に、mainの初めにinitialize dataを呼び出します。

実行時の初めにグローバル変数を初期化する

 実行すると全く同じですが、ソースコードがきれいに整理されただけではなく、editable text box colorを変更するだけで、簡単に色が変えられるようになりました。

編集可能なtext boxと編集不可能なtext box

次回は、便利なAPIやセンサ、カメラなど

 今回はTouchDevelopを使ったコントロールの作成、イベントの定義、新しいコードの作成、グローバル変数について紹介しました。少し手順が多く、泥臭いと思われたかもしれませんが、アプリを作るには、こういった作業も必要になってきます。

 次回は今回とは違って、TouchDevelopに実装されている便利なAPIやセンサ、カメラなどを使って、TouchDevelopの便利な部分を紹介します。


著者プロフィール

蜜葉 優

蜜葉 優


1988年神戸生まれ。UIデザインからプログラミング、表現までやりたい、自称クリエイティブデザイナ


“さわってみたい”を創ることが目標。フィジカルコンピューティングなどの試作を行う傍ら、コミュニティ活動ではExpression Blendを中心としたセッションを行っている


前のページへ 1|2|3|4       

Copyright © ITmedia, Inc. All Rights Reserved.

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。