Titanium もくもく会 #4

♥
Titanium もくもく会 #4

12年12月18日火曜日

自己紹介
• いそべこーすけ（@k0sukey）
• 浜松で働いています
• Ti 歴はもうちょっとで2年


初めに

ぼく自身は CoffeeScript を書けませんの
で、そちらは CoffeeScript ガチな方にお
任せします


Alloy とは
• Appcelerator 公式の MVC Framework です
• 詳しくは @ryugoo_ さんのブログが非常
に参考になります
→ http://imthinker.net/2012/10/alloy-trial/


なぜ Alloy で
CoffeeScript？


なぜ Alloy で CoffeeScript？
• まだまだ Alloy 人口が少ない。寂しい

• ST2 用の MakeAlloy を作ったのに。寂しい

• （@ryugoo_ さんアルファヒトバシラーを除く）
CoffeeScript 勢が来てくれない。寂しい

• とにかく寂しい


CoffeeScript で Alloy アプリ
が書ければ良いんじゃね？
Alloy がもっと便利で安定すれば良いんじゃね？


書けるようにしました！
• alloy.jmk を使って Alloy 製アプリがコン
パイルされる際に、CoffeeScript から
JavaScript へコンパイルします

• CoffeeScript 用のフォルダを作る必要も
ないですよ

• Guard とか入れる必要もないですよ

alloy.jmk とは
• Alloy 製アプリがコンパイルされる前後
にフックして、別の処理を割りこませ
ることができます

• $ alloy generate jmk で ProjectDir/app/
alloy.jmk が作られます

• node.js な JavaScript です

alloy.jmk とは
task("pre:compile", function(event,logger) {
// コンパイル前に割り込ませる処理
});

task("post:compile",function(event,logger){
// コンパイル後に割り込ませる処理
});


Alloy with CoffeeScript
1. pre:compile で ProjectDir/app 内の .coffee
ファイルを .js へコンパイル

2. Alloy のコンパイル

3. post:compile で .coffee から .js へコンパイル
されたファイルを削除

※ .js を問答無用で削除しているわけでは
ないので、もちろん混在OK


Alloy with CoffeeScript
• https://gist.github.com/4095824 に予め
作ってある alloy.jmk があります

• ついでに TypeScript 用の alloy.jmk も作っ
ておきました


ひとつ注意点があります


CoffeeScript で Alloy アプリを書く時の注意点

index.xml
<Label id="label" onClick="doClick">Hello, World</Label>
index.coffee
doClick = (e) ->
alert $.label.text
return

これ、イベントが発火しません



index.js
$.__views.label = A$(Ti.UI.createLabel({
width: Ti.UI.SIZE, height: Ti.UI.SIZE, color: “#000”, text: “Hello, World”, id: “label”
}), “Label”, $.__views.index);
$.__views.label.on(“click”, doClick);

var doClick;
doClick = function(e) {
alert($.label.text); return;
};

コンパイル後のソースを見てみるとわかり
ますが、これではイベントが発火しません
よね



Alloy でコンパイルされると関数宣言であ
ればどこに書いても問答無用でソース先頭
部へ移動されますが、関数式は移動されな
いので「`」で括って JavaScirpt を書きます
index.coffee
`function doClick(e) {
alert($.label.text);
}`


ダサイ...



• 「`」がダサければ、view で onClick を使
わなければ良いじゃない

• Alloy 自体がコンパイル時に関数式もソー
ス先頭部へ移動してくれるのを待つ


というわけで、CoffeeScript でAlloy
アプリが書けるようになりました
ので、人口が増えたら嬉しいです


ついでに ACS 人口も増えると嬉しい
ので、本日の Titanium Mobile Advent
Calendar へ ACS ネタを投下しました


ありがとうございました！


Titanium もくもく会 #4

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (20)

Semelhante a Titanium もくもく会 #4

Semelhante a Titanium もくもく会 #4 (20)

Titanium もくもく会 #4