Macに「Titanium」開発環境の設定。インストールから「Kitchen Sink」を動かす。まで。

Titaniumのインストールを行って、サンプルアプリのKitchen Sinkを動かす。というとこまでを行ったので、まとめておきます。

WEB技術(Javascript)で、iPhone、Androidのネイティブアプリを開発

Titaniumは、JavaScriptを使って、Objective-CやJavaを書くことなく、iPhone、Androidのネイティブアプリを開発することができる開発環境で、Appcelerator社が提供しています。

情報収集

とりあえず、いくつか参考になるページを集めてみました。

サンプルアプリ「Kitchen Sink」で動作確認

Appceleratorが、Kitchen Sinkというサンプルアプリを提供していて、まずは、このアプリで動作を確認してみる。というのが、よさげです。

「Titanium」のインストールと環境設定

と、いうことで、まずは、Titaniumのインストールを行います。
(iOS SDK とAndroid SDKは既にインストールされています。)

  1. ホームページから、Titaniumをダウンロードします。

    Titaniumダウンロード

  2. Titaniumをインストールします。

    Titaniumインストール
    Titaniumインストール

  3. Titaniumを起動します。

    Titanium起動

  4. アカウントを設定します。

    Titaniumeアカウント設定

  5. ウィンドウ左上のアイコンをクリックして、profileの設定を行います。
    また、ここで、Android SDKのパスも設定します。(なお、iOSのSDKについては、自動認識してくれるようです。)

    Titaniumd profile設定

  6. ※私の環境では、ここでエラーが発生しました。

    Titaniumエラーメッセージ

    「SDKのバージョンを上げてくれ」的なメッセージですが、実際は、Android SDKのadbファイルの場所が変更されていることが原因らしく、platform-toolsファルダのadbファイルをtoolsのフォルダにコピーすることで解決しました。

これで、Titaniumのインストールは完了です。

「Kitchen Sink」のインストール

続いて、サンプルアプリの「Kitchen Sink」をインストールします。

  1. ダウンロードしたKitchen Sinkを解凍して、フォルダを適当な場所に置きます。

  2. 「Import Project」のアイコンをクリックして、Kitchen Sinkフォルダのパスを指定し、「Save Changes」をクリックして設定します。

    Kitchen Sink Import

  3. 「Test & Package」の画面を開いて、「Run Emulator」タブを選択します。

    Test & Package

  4. 「Android」タブをクリックして、SDKに[APIs2.2]を指定して、「Launch」をクリックすると、Androidのエミュレーターで、Kitchen Sinkが起動します。

    AndroidでKitchen Sink

  5. 次に、「iPhone」タブに切り替えて、「Launch」をクリックすると、iPhoneのエミュレーターで、Kitchen Sinkが起動します。

    iPhoneでKitchen Sink

まとめ

開発の取っ掛かりとして、titanium-mobile-doc-jaとKitchen Sinkは、必須な感じですね。しばらくいろいろと眺めてみたいと思います。

カテゴリー: Android技術, Macのこと, WEB技術のこと, iPhone、iPadのこと   タグ:   この投稿のパーマリンク

トラックバック

Macに「Titanium」開発環境の設定。インストールから「Kitchen Sink」を動かす。まで。 への6件のコメント

  1. ピンバック: Tweets that mention Macに「Titanium」開発環境の設定。インストールから「Kitchen Sink」を動かす。まで。 – FlatLabs -- Topsy.com

  2. ピンバック: TitaniumでiPhone/Androidアプリ開発。「サーバのデータを取ってきて表示」をテーマに試してみた。 – FlatLabs

  3. ピンバック: Titanium mobile で開発を始める時に役立つ情報のまとめ | astronaughts.net

  4. ピンバック: [iPhoneアプリ開発番外編]Titaniumフレームワークを使ってみる | iPhoneアプリをつくりんぐ

  5. かんな より:

    はじめまして。
    この度、Titaniumディベロッパーの一助になればと思い、KitchenSinkのまとめサイトを作成してみました。

    もし周りにTitaniumディベロッパーの方がいらっしゃいましたら、宣伝していただけるととても嬉しいです。

  6. ピンバック: エンジニアインターン 理系大学生竹村さんインタビュー | IT系の文系・理系学生向け有給インターン・アルバイト募集なら「エンジニアインターン」

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>