- 追加された行はこの色です。
- 削除された行はこの色です。
#ls2(iPhone/Titanium Mobile)
----
#contents
*Android申請時メモ
-Titanium Studio上からも[Distribute - Android App Store] - [Keystore Locationでnew]によってキーストアファイルが作れるが、これでPublishするとビルド途中で日付エラーとなる(java.io.IOException: Parse Generalized time, invalid format)。コマンドライン上で生成するとOKでした。
備考：キーストアファイル名はプロジェクト名.keystore、Key Aliasはプロジェクト名とすればOK
備考：Publisher名はpapuu.jp、部署名はappsとした。
-古いUIのGoogle Play Developer Console上からapkファイルをアップロードするとき開始時に失敗します(エラーメッセージ「apkをサーバーで処理できませんでした」)。Google Play Developer Consoleサイト右上の「新しいデザインを試す」ボタンから新しいデザインに切り替えるとOK
Androidアプリはapkファイルをaタグのsrcで指定すれば公開できます。うまくいかないときは次のMIME typeを設定します。~
.htaccess
AddType application/vnd.android.package-archive apk
-[[Android 野良アプリ配信の３つのメモ | 10日じゃ覚えられないAndroidアプリの開発>http://carpit.sblo.jp/article/47704369.html]] ... テストなどのためAndroidアプリを野良サイトとして公開する方法。html書き方、Apache設定できない時のPHPプログラム
*Android版開発時の注意点(iPhoneアプリ開発を基準とした違い。主にTitanium SDKのバージョン 2.1.2GA以降で試した情報です)
+画像を読み込むとき'/image/foo.png'のようにスラッシュから始めないとAndroidではエラーとなる。
+touchstartイベントなどでスクリーン座標系のglobalPointを使用するとエラーとなる。 ... 元々DEPRECATEDとなっているので、iPhoneでもx/yで取得し、sourceのオブジェクトに応じてglobalPointを求めた方が良さそうです。
+ImageViewで背景画像のリピートを指定しても、イメージ枠一杯に拡大表示される。 ... WebViewではAndroidでもリピートしていました。しょうがないのでImageViewで背景を敷き詰めるときはAndroidだけ大きめに敷き詰めた別画像を用意します。
+ImageViewの中にImageViewなどを入れ子にすると、入れ子にしたコンポーネントが表示されない。Androidでも動くようにするためにはViewにaddしないといけない。
+あるウィンドウでaddしているviewを、そこから開いた別のウィンドウにもaddしたときの動作がiOSとAndroidで違う。iOSでは両方のウィンドウで表示される。Androidでは開いたウィンドウで表示されず、戻ったときに元のウィンドウでも消えている。最初からviewは１つのウィンドウに所属するのを前提とするのが設計上も良さそう。removeしてからaddするか、viewをコピーしてaddするかで対応する。
+iPhone: Labelなどでwidth, heightを指定しないと0となる。~
Android: Labelなどでwidth, heightは文字列に合わせて設定してくれる。
+iPhone: Labelなどで上下位置を指定しないとき上寄せとなる。~
Android: Labelなどで上下位置を指定しないとき上下方向の中央寄せとなる。
+iPhone: TextAreaのheightをautoとしたとき、行数が変わっても高さは変わらない。~
Android: TextAreaのheightをautoとしたとき、入力した行数によって高さが変わる。
~
関連url
-[[Titanium Mobileでクロスプラットフォーム開発しよう （その１） | Tech Sketch>http://tech-sketch.jp/2012/01/titanium-mobile.html]]
-[[Supporting Multiple Platforms in a Single Codebase>http://docs.appcelerator.com/titanium/3.0/#!/guide/Supporting_Multiple_Platforms_in_a_Single_Codebase]]
*Titanium Mobile自身の注意点主に(Titanium SDKのバージョン 2.1.2GA以降で試した情報です)
**for (x in 配列名)でのハマリに注意
例えばviewが複数入った配列に対して個々のviewを処理するとき、「for (x in 配列名) ループ」を使うと次の警告が出て正常に動作しませんでした。
[WARN] Exception in event callback. {
line = ???;
message = "'undefined' is not a function (evaluating 'parts.getWidth()')";
name = TypeError;
sourceId = ???;
}
JavaScriptでは問題ないのでTitanium Mobile自身の不具合のようです。次のようにすれば回避できました。
// Titanium Mobileで不具合の起きたソース。
// 配列に入っている個数分ループするのですが、取得したviewをUIViewのオブジェクトとして使えません。
for (var view in viewArray) {
Ti.API.info('width: ' + view.getWidth());
}
// Titanium Mobileで正常に動くソース。
// インデックスを使用したforループに変えれば治りました。
var view;
for (var i = 0; i < viewArray.length; i++) {
view = viewArray[i];
Ti.API.info('width: ' + view.getWidth());
}
*TIPS
**アプリ名設定方法
***iOS
i18n/ja/app.xml, i18n/en/app.xmlで設定します。
<?xml version="1.0" encoding="UTF-8"?>
<resources>
<string name="appname">iOS アプリFoo</string>
</resources>
***Android
i18n/ja/strings.xml, i18n/en/strings.xmlで設定します。
<?xml version="1.0" encoding="UTF-8"?>
<resources>
<string name="appname">Android アプリFoo</string>
</resources>
+Resourcesやbuildフォルダと横並びにplatformフォルダを作成
+platformフォルダの中にandroidフォルダを作成
+build/android/AndroidManifest.xmlをplatform/android/AndroidManifest.xmlにコピー
+android:label="プロジェクト名"となっている２箇所をandroid:label="@string/appname"に変更
**iOSのバージョンで分岐させる方法
// 「4.3.2」などといったバージョン文字列をパース
var versionNumber = parseFloat(Ti.Platform.version);
if (versionNumber >= 5) {
// バージョン５以上
} else if (versionNumber < 5) {
// バージョン５未満
} else {
// エラー処理
}
**WebViewで背景を透明にする方法
ネイティブに比べて遅いようです。
// Resources/file/foo.htmlのWebViewを作成
var fooWebView = Ti.UI.createWebView({
url: '/fle/foo.html',
backgroundColor: 0
});
**プログラムを複数のファイルに分割する方法
Resources/window1.js
var win = Ti.UI.createWindow({title:'window1'});
var label = Ti.UI.ceateLabel({text:'Say there'});
win.add(label);
exports.window = win;
Resources/app.js
var win1 = require('window1').window;
var tab = Ti.UI.createTab(window:win1);
var tabGroup = Ti.UI.createTabGroup();
tabGroup.addTab(tab);
tabGroup.open();
exportsを使ったCommonJSスタイルで記述し、require()で読み込みます。exportsで指定されたオブジェクトだけが公開され、しかもそれがサンプルの例でwin1に閉じ込められるのがポイント！~
参考url: [[@IT QA>http://qa.atmarkit.co.jp/q/94]]
**[1, 2, 3], [101, 2, 1, 10], [2, 1]といった3っつの配列で共通する要素の配列を取得する方法
Titanium Mobileに限った話ではありませんが、underscore.jsというライブラリを使用すれば、簡単に記述できます。underscore.jsファイルをResouces/vendor/以下に配置して、
_ = require('vendor/underscore')._
var arrayX = _.intersection([1, 2, 3], [101, 2, 1, 10], [2, 1]);
共通項の[1, 2]を取得できます。
他にも配列操作などの便利な処理が沢山あります。ライブラリやAPIはhttp://underscorejs.org/
参考url: [[@IT QA>http://qa.atmarkit.co.jp/q/90]]
*Titanium記事
-[[AppcodingEasy.com Titaniumカテゴリ>http://quidecco.com/cgi-bin/cgi_ref_by_path/referer/http_3a_2f_2fappcodingeasy.com_2fTitanium-Mobile_2fHandling-raw-accelerometer-data-in-Titanium-apps/url/http_3a_2f_2fappcodingeasy.com_2fTitanium-Mobile/]] ... 加速度センサーの値を丸める記事が良かったです。[[Handling raw accelerometer data in Titanium apps>http://quidecco.com/cgi-bin/cgi_ref_by_path/referer/http_3a_2f_2fappcodingeasy.com_2fTitanium-Mobile_2fHandling-raw-accelerometer-data-in-Titanium-apps/url/http_3a_2f_2fappcodingeasy.com_2fTitanium-Mobile_2fHandling-raw-accelerometer-data-in-Titanium-apps/]]
-[[連載 Titanium Mobileで作る！ iPhone／Androidアプリ | @gihyo.jp>http://gihyo.jp/dev/serial/01/titanium]] ... Twitter, Facebook, Network, Map, Camera, 加速度センサー, 保存, ファイル, DB, Android(Service, Calendarなど), iPadなどの開発記事
*技術者ブログ
-[[Titanium Mobile勉強記>http://h5y1m141.hatenablog.com/archive/category/Titanium%20Mobile]]
--[[Appcelerator Cloud Services（ACS）使ってみました | Titanium Mobile勉強記>http://h5y1m141.hatenablog.com/entry/2012/08/08/083820]]
-[[アプリ作家見習いメモ>http://dokuwiki.eniblo.org/doku.php/titanium/start]]
-[[MORILOG Titaniumカテゴリ>http://monoko.sakura.ne.jp/blog/archives/category/titaniummobile]] ... [[commonJS記述方法などのサンプルソースがシンプルにまとまっていてわかり易かったです>http://monoko.sakura.ne.jp/blog/archives/539#t6]]
-[[SE奮闘記 Titaniumカテゴリ>http://se-suganuma.blogspot.sg/search/label/Titanium%20Mobile]]
-[[Titanium Mobileでアプリ開発>http://sysxx.blogspot.jp/]]
-[[竹本 浩氏のwiki Titaniumカテゴリ>http://www.pwv.co.jp/~take/TakeWiki/index.php?cmd=search]] ... Interface Builderとの連携方法、テスト方法、DBなどの記事
*iOS TIPSリンク
-[[数値入力の完了ボタン | アプリ作家見習いメモ>http://dokuwiki.eniblo.org/doku.php/titanium/ui_controls/text_field]] ... iOSで数値や電話入力キーボードだけ完了ボタンが無いので、キーボードのツールバーに表示する方法です。
-[[[Titanium Mobile]AdWhirlを使ってiPhoneアプリに広告を表示させてみる>http://mettoboshi.com/titanium-mobile/adwhir]] ... AdMob, iAdを使い分けるapp.jsなどのコードを解説しています。
-[[ktmtt Titaniumカテゴリ>http://ktmtt.com/diary/tag/titanium]] ... Retina画像表示、
*Android TIPSリンク
-[[SDカードに移動可能にする | アプリ作家見習いメモ>http://dokuwiki.eniblo.org/doku.php/titanium/move_sdcard]]
-[[Androidのパーミッションを減らす | アプリ作家見習いメモ>http://dokuwiki.eniblo.org/doku.php/titanium/remove_ad_permision]]
-[[Supporting Multiple Screens | Android Developers>http://developer.android.com/guide/practices/screens_support.html]] ... 一番下にAndroid端末の各種画面サイズがまとまっています。
-[[Android 2.XのアプリをAndroid 3.Xや4.0でも動くようにするときの注意点（オプションメニュー） | モンテカットの開発日記>http://d.hatena.ne.jp/MonteCut/20120314/1331705765]]
-[[Androidでリモートの画像をギャラリーに保存する方法 | 非公式Titanium掲示板>http://ti.masuidrive.jp/topic.php?id=1272]]
-[[Titaniumでadmobを利用する(Android編) | ZeBeVogue別館>http://d.hatena.ne.jp/zebevogue/20120428/1335563778]]
-[[Titaniumのバッドノウハウ>http://qiita.com/items/436ec6443e09defdc61d]] ... 『Androidでボタン押したら自動で暗くする』など色々
*カメラTIPSリンク
-[[Titanium Mobile カメラ起動と写真のアップロード | pblo>http://blog.playispeace.com/420/titanium_mobile_camera_and_photo_upload/]] ... カメラサンプル、画像を受け取るPHPプログラム
-[[APIカタログ(メディア編) - カメラ撮影・フォトギャラリーからの取得・スクリーンショット | titanium-mobile-doc-ja>http://code.google.com/p/titanium-mobile-doc-ja/wiki/guides_media_camera]]
-[[2012-03-24 Titanium Nagoya Chatroom Vol. 2>http://d.hatena.ne.jp/sakira09/comment?date=20120324]] ... 某勉強会でのカメラサンプルコード
*TIPSリンク
-[[Ti.tokyo.GIG 2012 スライドショー>http://www.slideshare.net/mobile/ryugoo/titokyogig-2012]] 関数は変数に代入しないで普通に書く方が高速とのことです。
-[[Handling raw accelerometer data in Titanium apps>http://quidecco.com/cgi-bin/cgi_ref_by_path/referer/http_3a_2f_2fappcodingeasy.com_2fTitanium-Mobile_2fHandling-raw-accelerometer-data-in-Titanium-apps/url/http_3a_2f_2fappcodingeasy.com_2fTitanium-Mobile_2fHandling-raw-accelerometer-data-in-Titanium-apps/]] ... 加速度センサーの値がブレ過ぎないように丸める方法
-[[Titanium MobileでiPhone＆iPadの向きを変えた時の画面回転制御 | えすたくぶろぐ>http://staku.designbits.jp/ti-ios-device-rotate-settings/]]
-[[Calculate apps density pixel width & height using Titanium.Platform.DisplayCaps.dpi>http://developer.appcelerator.com/question/125317/calculate-apps-density-pixel-width--height-using-titaniumplatformdisplaycapsdpi]]
-[[別画面のメソッドを呼び出したい | http://www.fujimotohajime.net/>http://www.fujimotohajime.net/pukiwiki/index.php?titaniumMobile%2F%E5%88%A5%E7%94%BB%E9%9D%A2%E3%81%AE%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%82%92%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97%E3%81%9F%E3%81%84]] ... Tabに割り当てているテーブルに更新用のfireイベントを用意し、他のウィンドウから呼び出すというスマートな方法。他にも[[Titanium TIPS>http://www.fujimotohajime.net/pukiwiki/index.php?cmd=list#top_8]]有り。
-[[MacでTitanium DeveloperのiOSエミュレーターのHTTP通信を覗いてみる。 | 車輪を再発明 / koba04の日記>http://d.hatena.ne.jp/koba04/searchdiary?word=%2A%5BTitanium%5D]]
*リンク
-[[Titanium API 公式ドキュメント | Appcelerator>http://docs.appcelerator.com/titanium/latest/#!/api/Titanium.UI]]
-[[titanium-mobile-doc-jaのTitanium Mobile API>http://code.google.com/p/titanium-mobile-doc-ja/w/list]] ☆☆☆
-[[Titanium Mobile 中文开发社区>http://www.tidevcn.com/apidoc/]] ... 公式のAPIドキュメントより見やすい。
-[[@IT TitaniumカテゴリのFAQ>http://qa.atmarkit.co.jp/q/tagged/titanium]]
-[[Titanium もくもく会 #5 2013 Sublime Text and Grund for Titanium Development スライドショー>http://t32k.me/mol/log/grunt-scandium/]]
