Alloy＆TitaniumでCoffeeScript & Stylus & Jade

CoffeeScript .jsを.coffeeで書ける
Stylus .tssを.stylで書ける
Jade .xmlを.jadeで書ける

すでにAlloyアプリをTitanium上で生成してたら

cd Titanium_Studio_Workspace/アプリ名

と移動し、

 alloy generate jmk

alloy.jmkが作成される

その中身へ
https://gist.github.com/shinriyo/9870087
からコピペして下さい。
https://gist.github.com/polidog/5153107
のバグ修正したものに、
http://umi-uyura.hatenablog.com/entry/2013/12/18/011407
を反映し、コードの整理しました。

controllersのindex.jsはindex.coffeeに変更し、
中身を

doClick = (e)->
    alert($.label.text)

$.index.open();

へと書き換える、

alloy.jsもalloy.coffeeへ変更し

# The contents of this file will be executed before any of
# your view controllers are ever executed, including the index.
# You have access to all functionality on the `Alloy` namespace.
#
# This is a great place to do any initialization for your app
# or create any global variables/functions that you'd like to
# make available throughout your app. You can easily make things
# accessible globally by attaching them to the `Alloy.Globals`
# object. For example:
#
# Alloy.Globals.someGlobalFunction = function(){};

にした。

まずjadeを使うため、

npm -g install jade

でインストール。

index.xmlは
index.jadeにして
中身は

Alloy
  Window.container
    Label#label(onClick="doClick") Hello, World

Stylusはこのように

npm install -g stylus

でインストールしておき、
index.tssをindex.stylにします。
※.stylのスペルに注意！「stylus」ではない！

.container
    backgroundColor: "white"

Label
    width: "Ti.UI.SIZE"
    height: "Ti.UI.SIZE"
    color: "#000"

にする。
すると、サンプルがそのまま移行できます。