カテゴリー : Titanium

[Titanium Mobile] AttributeError: ‘CSSCompiler’ object has no attribute ‘code’

Titanium Mobile にて、github に上がっていたコードを clone してきて動かしてみようとしたらビルドできませんでした。

mattapperson/MASlidingMenu · GitHub はてなブックマーク - mattapperson/MASlidingMenu · GitHub

■ エラー内容

[ERROR] Error: Traceback (most recent call last):
  File "/Users/bakorer/Library/Application Support/Titanium/mobilesdk/osx/2.1.2.GA/iphone/builder.py", line 1003, in main
    asf.write(cssc.code)
AttributeError: 'CSSCompiler' object has no attribute 'code'

原因は、manifest ファイルを作っていないせいでした。

manifest

このファイルはTitanium Developer上で設定されたプロジェクトの情報を保存し、パッケージング時に用いるファイルのため、基本的に変更することはありません。

[引用元]:tiapp_xml – titanium-mobile-doc-ja – tiapp.xml, manifestについて – Appcelerator Titanium Mobileに関するドキュメントを日本語でまとめていくプロジェクト – Google Project Hosting はてなブックマーク - tiapp_xml - titanium-mobile-doc-ja - tiapp.xml, manifestについて - Appcelerator Titanium Mobileに関するドキュメントを日本語でまとめていくプロジェクト - Google Project Hosting

適当に新規プロジェクトを作成して、manifest ファイルを作成してこれを使えば解決しました。

以上です。

Titanium Mobile SDK 2.1.2 のリリース情報まとめ

Titanium Mobile SDK 2.1.2 のリリース情報が載っているページのリンクを自分用にまとめ。

Titanium SDK 2.1.2 Is Released « Appcelerator Developer Center はてなブックマーク - Titanium SDK 2.1.2 Is Released « Appcelerator Developer Center

Titanium release-notes version 2.1.2.GA はてなブックマーク -

Titanium Mobile SDK 2.1.2 と Titanium Studio 2.1.2がリリースされました。#TitaniumJP – Titanium News はてなブックマーク - Titanium Mobile SDK 2.1.2 と Titanium Studio 2.1.2がリリースされました。#TitaniumJP - Titanium News

[Titanium Mobile] スプラッシュスクリーンを表示させない方法

Titanium Mobile にて、スプラッシュスクリーンを表示させない方法を「QA@IT」で教えてもらったのでメモ。

Titanium Mobileでスプラッシュスクリーンを非表示にする方法 – QA@IT はてなブックマーク - Titanium Mobileでスプラッシュスクリーンを非表示にする方法 - QA@IT

■ iOS

iOSの場合、表示しない方法はありません。どうしてもという場合は例えば黒で塗りつぶした画像を使ってtransitionを使わないことで代用できます。しかしAppleのHuman Interface Guidelineのコンプライアンスに違反するかもしれないのでお勧めできません。そもそも初期化のプロセスは必ず発生しますので、そこで画面がブラックアウトしてしまったりするのは好ましくないでしょう。

■ Android

なんでもありのAndroidの場合は、一度ビルドしてからプロジェクトのディレクトリ/build/android/res/values/theme.xmlを編集します。

<style name="Theme.Titanium" parent="android:Theme.NoTitleBar">
  <item name="android:windowBackground">@drawable/background</item>
</style>

これを下のようにします:

<style name="Theme.Titanium" parent="android:Theme.NoTitleBar">
</style>

以上です。

[Titanium Mobile][ERROR] Script Error = Parse error (unknown file)

Titanium Mobile で下記のようなエラーが発生する場合は、JavaScriptのシンタックスエラーが原因です。

[ERROR] Script Error = Parse error (unknown file)
Terminating app due to uncaught exception of class ‘__NSCFDictionary’
terminate called throwing an exception

直近に修正したコードがJavaScriptの文法的に正しいか確認しましょう。

以上です。

【参考】

SDKエラー例 [アプリ作家見習いメモ] はてなブックマーク - SDKエラー例 [アプリ作家見習いメモ]

App suddently throws parse error » Community Questions & Answers » Appcelerator Developer Center はてなブックマーク - App suddently throws parse error » Community Questions & Answers » Appcelerator Developer Center

[Titanium Mobile] Viewの背景色を透明にする方法

Titanium Mobile にて、Viewの背景色を透明にするには、createView で backgroundColor に ‘transparent’ を設定すればOKです。

var view = Ti.UI.createTableView({
    width : 320,
    backgroundColor : 'transparent',
});

以上です。

[Titanium Mobile] invalid method (createCoverFlowView) passed to UIModule

Titanium Mobile で下記のようなエラーが発生しました。

[WARN] attempted to load: TiUICoverFlowViewProxy
[WARN] Exception in event callback. {
    line = 22;
    message = "invalid method (createCoverFlowView) passed to UIModule";
    sourceId = 225212864;
}

新しい種類のコンポーネントを追加した後に、このようなエラーが発生することがあるみたいです。

One thing to remember is that when you do a full build Titanium removes unused components from their API. So if you are adding a new type of component, for example, there are no textAreas in your app, and then you add a textArea, you may get this error.
The solution is to force a total rebuild by clearing out the contents of your build/iphone directory

build 以下のファイルを削除してから、もう一度ビルドすると正常に動作しました。

rm -rf build/iphone

以上です。

【参考】

Invalid method (createToolbar) passed to UIModule on device » Community Questions & Answers » Appcelerator Developer Center はてなブックマーク - Invalid method (createToolbar) passed to UIModule on device » Community Questions & Answers » Appcelerator Developer Center

Titanium Mobile 入門(Titanium Studioのインストール/設定 〜 iPhone/Android シミュレーターで起動するまで)

Titanium Mobile で iPhone/Android アプリを開発するための環境構築をしたので、その手順をメモ。

・公式:Appcelerator | Titanium, the leading mobile platform of choice for thousands of companies seizing the mobile opportunity. はてなブックマーク - Appcelerator | Titanium, the leading mobile platform of choice for thousands of companies seizing the mobile opportunity.

・日本語:titanium-mobile-doc-ja – Appcelerator Titanium Mobileに関するドキュメントを日本語でまとめていくプロジェクト – Google Project Hosting はてなブックマーク - titanium-mobile-doc-ja - Appcelerator Titanium Mobileに関するドキュメントを日本語でまとめていくプロジェクト - Google Project Hosting

Titanium Studioのインストール/設定の参考サイト

インストール〜説定までの手順は、下記のサイトがとても参考になりました。

Mac OS X LionにTitanium StudioをインストールしてTitanium MobileによるiOSやAndroid向けのアプリケーション開発をする環境を作る – ウェブ、ショウジン はてなブックマーク - Mac OS X LionにTitanium StudioをインストールしてTitanium MobileによるiOSやAndroid向けのアプリケーション開発をする環境を作る - ウェブ、ショウジン

Titanium Mobileで開発するiPhone/Androidアプリ
第二章 補完稿
はてなブックマーク -

MacOSX LionにTitanium Mobile(Studioも)をインストールしたときのメモ(2012-02-06時点) – iPhone/Android対応 at HouseTect, JavaScriptな情報をあなたに はてなブックマーク - MacOSX LionにTitanium Mobile(Studioも)をインストールしたときのメモ(2012-02-06時点) - iPhone/Android対応 at HouseTect, JavaScriptな情報をあなたに

ありがとうございます。

■ ユーザー登録

Titanium Studio をダウンロードするためには、まずユーザー登録をする必要があります。

・ユーザー登録方法:Scr@tchWeb – labo: Titanium Mobileでクロスプラットフォーム開発 – 環境構築編 – はてなブックマーク - Scr@tchWeb - labo: Titanium Mobileでクロスプラットフォーム開発 - 環境構築編 -

■ Titanium Studio のダウンロード

「Titanium Downloads」の項目からお使いのOSを指定して、インストールします。

・DL:Resources はてなブックマーク - Resources

■ Titanium Studio のインストール

Macの場合は、DLした dmg ファイルを開いて、アプリケーションディレクトリに移動するだけでOKです。

■ Titanium Studio の起動・初期設定

初回起動時に、ワークスペースの指定画面が出るので、特にこだわりがなければそのままでOKです。

僕は、Dropbox 内に TitaniumStudioWorkspace というディレクトリを作って、そこをワークスペースに指定しました。

■ Titanium Mobile Project の作成

まずは、Titanium Mobile Project を作成して、iPhone Simulator で起動してみます。

プロジェクトの情報は、下記のような感じで入力します。

・Project name:test
・App Id:edu.self

■ Titanium Mobile Project の作成

とりあえず、適当に作ってみる。

Android SDK のインストール/説定

Android SDK を Mac にインストールする方法 | ウェブル はてなブックマーク - Android SDK を Mac にインストールする方法 | ウェブル

» Android環境構築(Mac版) Tech Fun.cc はてなブックマーク - » Android環境構築(Mac版) Tech Fun.cc

■ Kicten Sink

Titanium Studioでエラー「[Titanium SDK Home] The Desktop-SDK root path /Library/Application Support/Titanium/sdk/osx’ is not a directory」 はてなブックマーク - Titanium Studioでエラー「[Titanium SDK Home] The Desktop-SDK root path /Library/Application Support/Titanium/sdk/osx' is not a directory」

以上です。