JavaScript で iPhone / Android アプリが開発できる [ Titanium Mobile ] 試してみました!

[初心者でも2週間で iPhone アプリが作れちゃう Titanium Mobile がすごい件](http://www.infiniteloop.co.jp/blog/2011/04/titanium_mobile/) と言う記事で知った Titanium Mobile が気になって試している所。

Titanium

Titanium Mobile とは?
———————————————————————-

Titanium Mobile とは、Appcelerator 社によるスマートフォン対応アプリケーションの開発環境。

– ひとつのソースコードで iPhone, iPad や Android を対象とした開発が可能。
– 開発言語は JavaScript を使う。
– オープンソースで、商用・非商用を問わずに無料で利用可能。
– [ チタニウム ] ではなく [ タイタニウム ] と読むらしい。
– iOS Developer Program に加入していれば、Titanium から直接 iPhone 実機転送できる。
– アップルの審査は通るみたい。
– [開発事例](http://ti.masuidrive.jp/topic.php?id=3) もあります。

コンパイル・ビルドがうまく行かない場合の対処法
———————————————————————-

– Titanium Developer を再起動してみる。
– build/iphone/build/* と build/android/* の中身を削除してリビルドしてみる。

また、上記フォルダの中身を削除する事で、プロジェクトフォルダの容量を小さくできます。
ソースを公開する時に便利。

Appcelerator 社提供のアイコン素材
———————————————————————-

[Icon Pack #1](http://developer.appcelerator.com/blog/2010/12/festivus-celebration-day-two-airing-of-grievances.html)
: Titanium Mobile 開発元の Appcelerator 社が配布・提供してくれているアプリケーション用のアイコンリソース。

Titanium Developer のコンソールにデバッグ用の値を表示する
———————————————————————-

次のコードで表示できます。

// コンソールにログ ( レベル = info ) を表示する
Ti.API.info(‘テストのログ’);

また、[SDK 4.3 で Ti.API.info の問題 « Titanium BBS(JP unofficial)](http://ti.masuidrive.jp/topic.php?id=51) と言った問題もあるようです。

ビルドする SDK のバージョンを確認する方法
———————————————————————-

ビルドする Titanium Mobile SDK と iOS SDK のバージョンを確認する方法です。

1. Titanium Studio のメニューから [ プロジェクト ] → [ プロパティー ] を選択。
2. [ Project Build Path ] で Titanium Mobile SDK のバージョンを確認。
3. [ 実行 / デバッグ設定 ] で iOS SDK のバージョンを確認。

その他の分かった事
———————————————————————-

– Resources フォルダの中にある app.js が Titanium を使った開発での起点となるファイル。
– ソースコードは、UTF-8, LF, BOM 無しで書いている。
– ロジックとデザインを分離して、別ファイルに記述できる JSS なる仕組みがあるみたい。
– 参考:[Titanium Mobile で CSS 的な、それ JSS!!!!!! | MOL](http://t32k.me/mol/log/titanium-mobile-jss/)

調べてみる事・気になる事
———————————————————————-

– 多言語化できるのかな?
– [プランと価格](http://www.appcelerator.com/products/plans-pricing/) が発表されたけど、デバッグは [ Indie ] プランで提供される Titanium Studio Premium じゃないとできないの?

参考書籍
———————————————————————-

Titanium Mobileで開発するiPhone/Androidアプリ (Smart Mobile Developer)
北尾 雅人
翔泳社
売り上げランキング: 14441

参考サイト
———————————————————————-

### 公式サイトやリファレンスなど

[Appcelerator](http://www.appcelerator.com/)
: Titanium Mobile 開発元。

[Documentation Guides – Appcelerator Wiki](http://wiki.appcelerator.org/display/guides/Home/)
: 開発元のドキュメント。

[Appcelerator Developer Center – API for (version 1.8.0.1)](http://developer.appcelerator.com/apidoc/mobile/latest)
: 開発元の API ドキュメント。

[Titanium Mobile 1.6.0 API Documents](http://tidocs.com/mobile/latest/)
: Titanium Mobile の API が検索できる。

[titanium-mobile-doc-ja](http://code.google.com/p/titanium-mobile-doc-ja/)
: Appcelerator Titanium Mobile に関するドキュメントを日本語でまとめていくプロジェクト。 [目次](http://code.google.com/p/titanium-mobile-doc-ja/wiki/toc) が参照しやすい。

[Titanium BBS ( JP unofficial )](http://ti.masuidrive.jp/)
: 非公式 Titanium 掲示板

### セミナーとかスライドとか

Titanium Mobile Workshop 2011/02/25
: スライド ( iWork.com )
: サンプルコード ( GitHub )

### チュートリアルなど

[連載:Titanium Mobile で作る! iPhone / Android アプリ](http://gihyo.jp/dev/serial/01/titanium)
: 技術評論社による Twitter アプリなどのチュートリアル。

[Web 技術でネイティブアプリを作れる Titanium](http://www.atmarkit.co.jp/fsmart/index/titanium.html)
: @IT による Twitter アプリなどのチュートリアル。

[竹本浩のページ / iPhone プログラム開発](http://www.pwv.co.jp/~take/TakeWiki/index.php?FrontPage#y791901c)
: 解説付きのサンプルコードがあります。

### サンプルソース

[appcelerator’s Profile – GitHub](https://github.com/appcelerator)
: Appcelerator 社によるサンプルコード?

[Search: Titanium – GitHub](https://github.com/search?type=Repositories&language=&q=Titanium&repo=&langOverride=&x=14&y=13&start_value=1)
: GitHub で Titanium のプロジェクトを検索。ライブラリや Objective-C で書いた拡張モジュールがあって参考になる。

### まとめ記事

– [Titanium mobile で開発を始める時に役立つ情報のまとめ | astronaughts.net](http://astronaughts.net/?p=204)
– [Titanium mobile で開発しだしたら役に立つ情報のまとめ | astronaughts.net](http://astronaughts.net/?p=336)
– [Titanium Mobile 開発の Tips まとめ – NAVER まとめ](http://matome.naver.jp/odai/2130334933886076001)

ありがとうございます。

コメントを残す

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