Titanium Mobile/コード分割方法 の変更点
Top / Titanium Mobile / コード分割方法
- 追加された行はこの色です。
- 削除された行はこの色です。
- Titanium Mobile/コード分割方法 へ行く。
- Titanium Mobile/コード分割方法 の差分を削除
ソースを分割して開発する方法のメモです。
#contents
*クラスを作る方法
クラスメソッドやクラスプロパティを「this.」で表します。~
Foobar.js
function Foobar() {
this.foo = function() {
Ti.API.info('Hello foo');
}
this.bar = function() {
Ti.API.info('Hello bar');
}
}
exports.Foobar = Foobar;
インスタンスはnewで生成します。 ~
Sample.js
var Foobar = require('./Foobar').Foobar;
var foobar = new Foobar();
foobar.bar();
引用元：[[Writing Modular JavaScript With AMD, CommonJS & ES Harmony>http://addyosmani.com/writing-modular-js/]]
*Utility関数を作る方法
「exports.関数名」で色々な関数を集めたファイルを作っておくと、requireで呼び出せます。
Util.js
lib/Util.js
exports.add(a, b) {
return a + b;
}
exports.sub(a, b) {
return a - b;
}
Foo.js
var Util = require('Util');
Ti.API.info(Util.add(1, 2));
Ti.API.info(Util.add(10, 2));
alloy.jsでグローバル変数に入れておくと、色々なファイルから使えます。~
alloy.js
Alloy.Globals.Util = require('Util');
-[[Define Custom Library Function Globally | YouTube>https://www.youtube.com/watch?v=GHNc5RYQGWQ]]
*リンク
-[[CommonJS Modules in Titanium | JP::HSJ::Junknews::HatenaSide>http://d.hatena.ne.jp/donayama/20111230/commonjs_modules_in_titanium]]
-[[シングルコンテキストかつCommonJSなTiサンプルを読む(draft) | JP::HSJ::Junknews::HatenaSide>http://d.hatena.ne.jp/donayama/20120406/singlewindow_commonjs_sample]]
-[[tiuitips>https://github.com/h5y1m141/tiuitips]] ... コードの分割についてなど
-[[Titanium Mobile : Cross-Platform JavaScript Applications | YouTube>http://m.youtube.com/watch?v=LQRZ9KBoaLU]]
-[[The case against Ti.App.fireEvent | TiDev>http://www.tidev.io/2014/09/10/the-case-against-ti-app-fireevent-2/?utm_content=buffere0d95&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer]]
-[[Appcelerator Titanium Alloy Complex TableView Mobile App | YouTube>https://www.youtube.com/watch?v=90EkPnXsdjU&list=PLQp13IgKjVBd0L7uZyS5_Fg_nG1SRtw2k&index=2]] ... 重要：AlloyではTableViewRowの中だけこのようにファイルを分割できます。
-[[Appcelerator Titanium Alloy HTTP Client & TableView Mobile App | YouTube>https://www.youtube.com/watch?v=MwjogxcrqlE&list=PLQp13IgKjVBd0L7uZyS5_Fg_nG1SRtw2k&index=6]] ... 重要：HTTP通信でのJSONデータ取得部分をcommonJSファイルに分けるサンプル。成功したかどうかを返し、成功の場合はJSONをオブジェクトに変換したデータも返します。
-[[Appcelerator Titanium Alloy HTTP Client & ListView Mobile App | YouTube>https://www.youtube.com/watch?v=mEGqo6VxuZM&list=PLQp13IgKjVBd0L7uZyS5_Fg_nG1SRtw2k&index=8]] ... 同ListView版