明日はどんなことして遊ぶ？ デザイングループ「A.K.A and more」

2011年10月6日追記
ここを見てインストールした方が確実っぽい。
Installing on Windows 7 – Documentation & Guides – Appcelerator Wiki

せっかく携帯をSoftBank 003SHに変えたのでAndroidアプリを作ってみよう。
開発環境は、JavaScriptでAndroidアプリ開発が可能な「Appcelerator Titanium Mobile」とする。
Android™ 2.2のアプリを作る。

参考ページ
Titanium と Aptana でモバイル開発
Titanium Studio 1.0 Preview 版を入れてみた

インストール

インストール環境はWindows7 Professional 64bitだが、32bitのほうが安定しているらしいのでそちらで進める。
インストールは下記の順番で。

①Java SE Development Kit (JDK)をインストール

次のAndroid SDKをインストールする際に必須。

1. ダウンロードページ
2. ＪＤＫダウンロード　＞　Platform:Windowsを選択。
3. jdk-6u24-windows-i586.exeというファイルをダウンロード。
4. クリックしてインストール。

②Android SDKをインストール

Androidアプリ開発に必要なツール。

1. ダウンロードページ
2. installer_r10-windows.exeをダウンロード。
3. クリックしてインストール。
4. 起動後、様々なツールがインストールできるので、すべてチェックしてI Agree。かなり時間がかかる。

③JDKとSDKのパスを通す。

1. Windowsのコントロールパネルを開く。
2. 「システムとセキュリティ」→「システム」を選択。
3. ウィンドウ左から「システムの詳細設定」を選択してダイアログを表示する。
4. 「詳細設定」タブを開き「環境変数」ボタンを押してダイアログを表示する。
5. 「システム環境変数」の「新規」ボタンを押して変数名「JAVA_HOME」、変数値「C:\Program Files (x86)\Java\jdk1.6.0_24」（JDKのインストール先パス）を入力してOK。
6. 「システム環境変数」欄から「Path」を選び「編集」ボタンを押してダイアログを表示する。
7. 「変数値」欄の末尾に Android SDK フォルダの「platform-tools」「tools」サブフォルダまでのパスを、先頭にセミコロンを付けて続けて追加する。
   →;C:\Program Files (x86)\Android\android-sdk\platform-tools;C:\Program Files (x86)\Android\android-sdk\tools
8. さらにその末尾に
   →;%JAVA_HOME%\bin
   を追加する。
9. つまりこういうこと
   →;C:\Program Files (x86)\Android\android-sdk\platform-tools;C:\Program Files (x86)\Android\android-sdk\tools;%JAVA_HOME%\bin
10. OK ボタンを押してダイアログを閉じる。

④Titanium Studioをインストール

Titaniumの本体。

1. ダウンロードページ
2. ここのDownload for Windowsを選択。
3. Titanium Studio.exeというファイルをダウンロード。
4. クリックしてインストール。
5. インストールフォルダは「C:\Program Files (x86)\Titanium Studio」
6. インストール完了後、こちらでサインアップを済ませてからTitanium Studioを起動、ログインする。
7. 起動後、エラーウィンドウが表示されるので、それぞれ「アクセスを許可する」「Use PortableGit」を選択する。
8. Gitのインストールが始まる。
9. 完了後、メイン メニューから Window → Preference を選び、表示されたダイアログから Aptana → Mobile を選択する。
   Android SDK Directoryに 「C:\Program Files (x86)\Android\android-sdk」（Android SDKのインストールパス）を入力し、ビルドに使用する SDK のバージョンを指定する。今回は「Android 2.2」を選択。

書き出してみる

1. 左側にある「Create Project」ボタンを押す。
2. 「Titanium Mobile Project」を選択。next。
3. 「Project name」に「HelloWorld」と入力。
4. 「App Id」に「com.akaandmore.HelloWorld」と入力。（akaandmoreの部分は自分の屋号など適当に変えて。）
5. 「Location」にプロジェクトの書き出し先のパスを入力。指定するパスはプロジェクト名まで含んだものにしておくこと。
   →C:\app\HelloWorld など
6. 「Deployment Targets」でAndroidにチェックが入っているのを確認して「Finish」。
7. 自動でプロジェクトファイルが書き出される。
8. ブラウザの「Fireｆox」がインストールされていないとここで文句を言われるのでインストールする。
9. メインメニューから Run → Run を実行。
10. 起動にかなり時間がかかるが、起動したら画面のロックを解除。画面に「I am Window 1」と書かれていればうまくいった証拠。
11. あとは「app.js」を色々と書き換えて制作していく。