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

初心者でも2週間で iPhone アプリが作れちゃう Titanium Mobile がすごい件 と言う記事で知った Titanium Mobile が気になって試している所。

Titanium

Titanium Mobile とは?

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

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

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

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

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

Appcelerator 社提供のアイコン素材

Icon Pack #1
Titanium Mobile 開発元の Appcelerator 社が配布・提供してくれているアプリケーション用のアイコンリソース。

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

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

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

また、SDK 4.3 で Ti.API.info の問題 « Titanium BBS(JP unofficial) と言った問題もあるようです。

ビルドする 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 なる仕組みがあるみたい。

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

  • 多言語化できるのかな?
  • プランと価格 が発表されたけど、デバッグは [ Indie ] プランで提供される Titanium Studio Premium じゃないとできないの?

参考書籍

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

参考サイト

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

Appcelerator
Titanium Mobile 開発元。
Documentation Guides – Appcelerator Wiki
開発元のドキュメント。
Appcelerator Developer Center – API for (version 1.8.0.1)
開発元の API ドキュメント。
Titanium Mobile 1.6.0 API Documents
Titanium Mobile の API が検索できる。
titanium-mobile-doc-ja
Appcelerator Titanium Mobile に関するドキュメントを日本語でまとめていくプロジェクト。 目次 が参照しやすい。
Titanium BBS ( JP unofficial )
非公式 Titanium 掲示板

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

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

チュートリアルなど

連載:Titanium Mobile で作る! iPhone / Android アプリ
技術評論社による Twitter アプリなどのチュートリアル。
Web 技術でネイティブアプリを作れる Titanium
@IT による Twitter アプリなどのチュートリアル。
竹本浩のページ / iPhone プログラム開発
解説付きのサンプルコードがあります。

サンプルソース

appcelerator’s Profile – GitHub
Appcelerator 社によるサンプルコード?
Search: Titanium – GitHub
GitHub で Titanium のプロジェクトを検索。ライブラリや Objective-C で書いた拡張モジュールがあって参考になる。

まとめ記事

ありがとうございます。

コメントを残す

メールアドレスが公開されることはありません。