• BPnet
  • ビジネス
  • IT
  • テクノロジー
  • 医療
  • 建設・不動産
  • TRENDY
  • WOMAN
  • ショッピング
  • 転職
  • ナショジオ
  • 日経電子版
  • PR

  • PR

  • PR

  • PR

  • PR

即席アプリケーション作成術

Titanium Mobileでアプリを作成する

増井雄一郎、安藤正芳=日経ソフトウエア 2011/09/29 日経ソフトウエア
出典:日経ソフトウエア 2011年7月号pp.33-37
(記事は執筆時の情報に基づいており、現在では異なる場合があります)
目次一覧
図3●「Download Titanium」ボタンを押してTitanium Developerをダウンロードしよう
[画像のクリックで拡大表示]

 Titanium Mobileを利用するには、プロジェクトの作成やコンパイルを行うTitanium Developerをインストールする必要があります。まずは、Webサイトにアクセスして、左下の「Download Titanium」ボタンをクリックします(図3)。すると、各OSに合わせたTitanium Developerがダウンロードできます。ここでは、「Titanium Developer.dmg(3.8Mバイト)」というファイルをダウンロードしました。このファイルを実行してTitanium Developerをインストールしましょう。Titanium Developerは、Titaniumのアイコンをアプリケーションディレクトリにドラッグ&ドロップするだけで簡単にインストールできます。

Titanium Developerを導入してプロジェクトを作成する

図4●初回起動時はAppceleratorへの登録が必要
[画像のクリックで拡大表示]
図5●「New Project」ボタンをクリックした画面う
[画像のクリックで拡大表示]
図6●「Launch」ボタンを押すとエミュレータが立ち上がる
[画像のクリックで拡大表示]
図7●iPhone/Androidの両エミュレータを使って用意されているアプリケーションを起動した様子。タブの位置が違うことに注意
[画像のクリックで拡大表示]

 インストールが終了したら早速起動してみましょう。初回起動時には、Appceleratorへの登録が必要です(図4)。必要事項を記入してアカウントを取得しましょう。アカウントが取得できたら、サインインして画面上部にあるプラスのマークの「New Project」アイコンをクリックして、新しいプロジェクトを作成します(図5)。

 Project typeでは「Mobile」を選択し、Nameにはアプリケーションの名前を入力します。ここでは、「TestNSW」という名前にしています。App Idは、ドメインを逆に書いたものを入力します。すべて入力が終わったら「Create Project」ボタンをクリックして、プロジェクトを作成します。

 プロジェクトには、あらかじめ動作するサンプルアプリケーションが用意されています。まずは、このアプリケーションをエミュレータで起動させて、Titanium Developerの使い方を覚えましょう。Titanium Developerの左側にある「PROJECTS」から先ほど作成した「TestNSW」を選択します。そして、画面上部にあるメニューから「Test & Package」タブをクリックしてみましょう(図6)。「Run Emulator」タブを選択して、画面下部の「Launch」をクリックします。すると、メッセージが表示された後に、iPhoneエミュレータが起動します。同様にAndroidタブを選択して、「Launch」ボタンを押してみましょう。Androidエミュレータが起動して、あらかじめ用意されているサンプルアプリケーションが動作します(図7)。このアプリケーションは、二つの画面をタブで切り換える簡単なものです。

 図7のiPhone/Androidエミュレータの画面は、同じJavaScriptのコードを用いて表示しています。二つの画面を見比べてみると、タブの位置が違うことに気付きませんか。このように同じJavaScriptのコードで実装しても、iOSとAndroidのUIは同じようになるとは限りません。

ここから先はITpro会員(無料)の登録が必要です。

次ページ サンプルアプリのコードを読み解く
  • 1
  • 2
  • 3

あなたにお薦め

連載新着

連載目次を見る

今のおすすめ記事

ITpro SPECIALPR

What’s New!

経営

アプリケーション/DB/ミドルウエア

クラウド

運用管理

設計/開発

サーバー/ストレージ

クライアント/OA機器

ネットワーク/通信サービス

セキュリティ

もっと見る