ウェブ、ショウジン

OS X LionにTitanium Studio 2.0.1を使ってTitanium Mobile開発環境を構築

2012-5-5
Category
スマートフォン・アプリ

OS X LionにTitanium Studio 2.0.1をインストールしてTitanium Mobileによるスマフォ向けアプリ開発の環境を構築する。

以下、そのセットアップを備忘録としてザザザっとメモ。(不備、曖昧な点ありなので、あらためて別環境でもやってみる予定。今回はホントにザザザっとメモ)

2012/05/27追記
「ザザザっと」じゃなくて、もうちょっとちゃんと残しました。
Mac OS X LionにTitanium StudioをインストールしてTitanium MobileによるiOSやAndroid向けのアプリケーション開発をする環境を作る
2012/05/27追記 ここまで

Titanium StudioというIDE(統合開発環境)をダウンロードインストールしておく。
appceleratorへの開発者登録が必要)
https://my.appcelerator.com/auth/signup

OSに合わせたものをダウンロードしておく。

あと、Android向けのアプリを作るなら、Android SDKも必要。(事前にインストール済み)

また、iPhone向けアプリの開発ならXcodeも必要。(4.3.2を事前にインストール済み)

参考記事:http://gihyo.jp/dev/serial/01/titanium/0016

ダウンロードしたTitanium Studioのdmgファイルをダブルクリックしてインストール。
(Applicationsフォルダにコピー)

titaniumstudio_01

コピーしたTitanium Mobileフォルダ内のアプリアイコンをクリックして起動。

titaniumstudio_02

初回起動時には、appceleratorへのログインが必要なので、開発者登録した際のログイン情報を入力してログイン。

titaniumstudio_03

こうして起動させると、Titanium SDKのUpdateが始まる。
(自動で始まらない場合は「Help」の「Check For Titanium SDK Update」を実行)

Updateが完了すると以下のダイアログがでるのでOKをクリック。

titaniumstudio_04

つづいて、Android SDKのPathを設定する。

iOS SDKの場所は自動的に認識されるが、Android SDKについては手動で設定してあげないと認識されないらしい。(iOS SDKも同様だった。*後述)

メニューからTitanium Studio > 環境設定を選択し、さらにそのなかの
Titaniumのところから、すでにインストール済み(以前にダウンロードしていたもの)のAndroid SDKの場所を指定してやる。

titaniumstudio_05

でも、なんかiOS SDKも認識していない模様。Titanium Studioの画面のほうを確認してみても、Android、iOSどちらも?のアイコンになっている。

titaniumstudio_06

とりあえず、Androidのほうのアイコンをクリックして、右側にでるInstall or Update Android SDKというボタンをクリックし、Android SDK Managerを起動させてSDKをUpdateしてみる。(回線にもよるだろうけど、うちのWiMAXではひっじょーに時間がかかる)

Android SDKのUpdateと並行して、iOS SDKのほうは以下のようになってしまっているので

titaniumstudio_07

More detailsのところをクリックして、そのリンク先にある内容に従って以下を実行。

http://docs.appcelerator.com/titanium/2.0/index.html#!/guide/Configuring_XCode_inside_Titanium_Studio

上記の記事内容に従ってターミナルで以下を実行。

$ sudo xcode-select -switch /Applications/Xcode.app/Contents/Developer

そんで、環境設定にいって

titaniumstudio_08

iOS SDK HomeのところのRefreshをクリックしたらSDKへのパスが通った模様。

でも、なんかまだ問題があるっぽい。

上記画面の下のほうにProblemsってあるし
?アイコンもまだそのままだし。と思ったら、しばらくしたらiOSのほうの
?アイコンは消えた。AndroidのほうもSDK ManagerでUpdateが完了すれば大丈夫になるかな?

*大丈夫になりませんでした。あとでまたトライします。

Androidのほうは相変わらず?マークが残ってますが、新規プロジェクトを用意してエミュレータを実行すると画面を確認することができてます。が、DEMOとして用意されている動作サンプル群をまとめたKitchen Sink(Titanium StadioのDashboard > Developから要import)は、この時点では実行できてません。

iOSシミュレータでは新規プロジェクトの実行、Kitchen Sink、どちらも実行を確認できてます。

コードをまったく書かず、ただ新規プロジェクトを用意して実行するとiPhoneシミュレーター、Androidエミュレーターでは以下のような画面を確認。

Android Emulator
Titanium Studio Android Emu

iPhone Simulator
Titanium Studio iPhone Simu

2012/05/27追記
「ザザザっと」じゃなくて、もうちょっとちゃんと残しました。
Mac OS X LionにTitanium StudioをインストールしてTitanium MobileによるiOSやAndroid向けのアプリケーション開発をする環境を作る
2012/05/27追記 ここまで

Categories

Tag Cloud

AdMob Android Apache centos CodeIgniter EC-CUBE facebookアプリ facebookページ feed Firefox Flash google googleanalytics htaccess iPad iPhone JavaScript lamp mobile nginx ogp pear php plugin rollover rss sendmail setting smarty ssh Titanium Mobile Titanium Studio tutorial ubuntu vim VirtualBox vmware vps Windows WordPress xampp youtube さくらインターネット アクセス解析 カスタム投稿