note から WordPress に出戻りました!😭

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

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です!
ご訪問ありがとうございます。ゆっくりしていってね。(本ページは広告を含みます。)

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

Titanium

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 じゃないとできないの?

参考書籍

https://amzn.to/4owzXPC

参考サイト

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

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

チュートリアルなど

サンプルソース

まとめ記事

ありがとうございます。

現場からは以上です。それでは、またッ!!!