際際滷

際際滷Share a Scribd company logo
?
               Titanium もくもく氏 #4




12定12埖18晩諮袗晩
徭失府初
               ? いそべこ`すけ@k0sukey
               ? 篋防でPいています
               ? Ti sはもうちょっとで2定



12定12埖18晩諮袗晩
兜めに

               ぼく徭附は CoffeeScript をけませんの
               で、そちらは CoffeeScript ガチな圭にお
               販せします




12定12埖18晩諮袗晩
Alloy とは
          ? Appcelerator 巷塀の MVC Framework です
          ? しくは @ryugoo_ さんのブログが掲械
               に歌深になります
               ★ http://imthinker.net/2012/10/alloy-trial/




12定12埖18晩諮袗晩
なぜ Alloy で
               CoffeeScript


12定12埖18晩諮袗晩
なぜ Alloy で CoffeeScript
               ?   まだまだ Alloy 繁笥が富ない。偲しい

               ?   ST2 喘の MakeAlloy を恬ったのに。偲しい

               ?   @ryugoo_ さんアルファヒトバシラ`を茅く
                   CoffeeScript 櫃栖てくれない。偲しい

               ?   とにかく偲しい



12定12埖18晩諮袗晩
CoffeeScript で Alloy アプリ
          がければ措いんじゃね
                Alloy がもっと宴旋で芦協すれば措いんじゃね




12定12埖18晩諮袗晩
慕けるようにしました
               ? alloy.jmk を聞って Alloy uアプリがコン
                パイルされるHに、CoffeeScript から
                JavaScript へコンパイルします

               ? CoffeeScript 喘のフォルダを恬る駅勣も
                ないですよ

               ? Guard とか秘れる駅勣もないですよ
12定12埖18晩諮袗晩
alloy.jmk とは
               ? Alloy uアプリがコンパイルされる念瘁
                 にフックして、eのI尖を護りこませ
                 ることができます

               ? $ alloy generate jmk で ProjectDir/app/
                 alloy.jmk が恬られます

               ? node.js な JavaScript です
12定12埖18晩諮袗晩
alloy.jmk とは
               task("pre:compile", function(event,logger) {
                 // コンパイル念に護りzませるI尖
               });


               task("post:compile",function(event,logger){
                 // コンパイル瘁に護りzませるI尖
               });


12定12埖18晩諮袗晩
Alloy with CoffeeScript
               1. pre:compile で ProjectDir/app 坪の .coffee
                ファイルを .js へコンパイル

               2. Alloy のコンパイル

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

               ☆ .js を基o喘で茅しているわけでは
                ないので、もちろん詞壓OK


12定12埖18晩諮袗晩
Alloy with CoffeeScript
               ? https://gist.github.com/4095824 に嚠め
                 恬ってある alloy.jmk があります

               ? ついでに TypeScript 喘の alloy.jmk も恬っ
                 ておきました




12定12埖18晩諮袗晩
ひとつ廣吭泣があります




12定12埖18晩諮袗晩
CoffeeScript で Alloy アプリをくrの廣吭泣


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

               これ、イベントがk諮しません




12定12埖18晩諮袗晩
CoffeeScript で Alloy アプリをくrの廣吭泣


               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;
               };


               コンパイル瘁のソ`スをてみるとわかり
               ますが、これではイベントがk諮しません
               よね


12定12埖18晩諮袗晩
CoffeeScript で Alloy アプリをくrの廣吭泣


               Alloy でコンパイルされるとv方傚冱であ
               ればどこにいても基o喘でソ`ス枠^
               何へ卞咾気譴泙垢、v方塀は卞咾気譴
               いので仝`々で凄って JavaScirpt をきます
               index.coffee
               `function doClick(e) {
                 alert($.label.text);
               }`




12定12埖18晩諮袗晩
ダサイ...



12定12埖18晩諮袗晩
CoffeeScript で Alloy アプリをくrの廣吭泣


          ? 仝`々がダサければ、view で onClick を聞
               わなければ措いじゃない

          ? Alloy 徭悶がコンパイルrにv方塀もソ`
               ス枠^何へ卞咾靴討れるのを棋つ




12定12埖18晩諮袗晩
というわけで、CoffeeScript でAlloy
           アプリがけるようになりました
           ので、繁笥がえたら耙しいです




12定12埖18晩諮袗晩
ついでに ACS 繁笥もえると耙しい
           ので、云晩の Titanium Mobile Advent
          Calendar へ ACS ネタを誘和しました




12定12埖18晩諮袗晩
ありがとうございました




12定12埖18晩諮袗晩

More Related Content

Titanium もくもく氏 #4

  • 1. ? Titanium もくもく氏 #4 12定12埖18晩諮袗晩
  • 2. 徭失府初 ? いそべこ`すけ@k0sukey ? 篋防でPいています ? Ti sはもうちょっとで2定 12定12埖18晩諮袗晩
  • 3. 兜めに ぼく徭附は CoffeeScript をけませんの で、そちらは CoffeeScript ガチな圭にお 販せします 12定12埖18晩諮袗晩
  • 4. Alloy とは ? Appcelerator 巷塀の MVC Framework です ? しくは @ryugoo_ さんのブログが掲械 に歌深になります ★ http://imthinker.net/2012/10/alloy-trial/ 12定12埖18晩諮袗晩
  • 5. なぜ Alloy で CoffeeScript 12定12埖18晩諮袗晩
  • 6. なぜ Alloy で CoffeeScript ? まだまだ Alloy 繁笥が富ない。偲しい ? ST2 喘の MakeAlloy を恬ったのに。偲しい ? @ryugoo_ さんアルファヒトバシラ`を茅く CoffeeScript 櫃栖てくれない。偲しい ? とにかく偲しい 12定12埖18晩諮袗晩
  • 7. CoffeeScript で Alloy アプリ がければ措いんじゃね Alloy がもっと宴旋で芦協すれば措いんじゃね 12定12埖18晩諮袗晩
  • 8. 慕けるようにしました ? alloy.jmk を聞って Alloy uアプリがコン パイルされるHに、CoffeeScript から JavaScript へコンパイルします ? CoffeeScript 喘のフォルダを恬る駅勣も ないですよ ? Guard とか秘れる駅勣もないですよ 12定12埖18晩諮袗晩
  • 9. alloy.jmk とは ? Alloy uアプリがコンパイルされる念瘁 にフックして、eのI尖を護りこませ ることができます ? $ alloy generate jmk で ProjectDir/app/ alloy.jmk が恬られます ? node.js な JavaScript です 12定12埖18晩諮袗晩
  • 10. alloy.jmk とは task("pre:compile", function(event,logger) { // コンパイル念に護りzませるI尖 }); task("post:compile",function(event,logger){ // コンパイル瘁に護りzませるI尖 }); 12定12埖18晩諮袗晩
  • 11. Alloy with CoffeeScript 1. pre:compile で ProjectDir/app 坪の .coffee ファイルを .js へコンパイル 2. Alloy のコンパイル 3. post:compile で .coffee から .js へコンパイル されたファイルを茅 ☆ .js を基o喘で茅しているわけでは ないので、もちろん詞壓OK 12定12埖18晩諮袗晩
  • 12. Alloy with CoffeeScript ? https://gist.github.com/4095824 に嚠め 恬ってある alloy.jmk があります ? ついでに TypeScript 喘の alloy.jmk も恬っ ておきました 12定12埖18晩諮袗晩
  • 14. CoffeeScript で Alloy アプリをくrの廣吭泣 index.xml <Label id="label" onClick="doClick">Hello, World</Label> index.coffee doClick = (e) -> alert $.label.text return これ、イベントがk諮しません 12定12埖18晩諮袗晩
  • 15. CoffeeScript で Alloy アプリをくrの廣吭泣 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; }; コンパイル瘁のソ`スをてみるとわかり ますが、これではイベントがk諮しません よね 12定12埖18晩諮袗晩
  • 16. CoffeeScript で Alloy アプリをくrの廣吭泣 Alloy でコンパイルされるとv方傚冱であ ればどこにいても基o喘でソ`ス枠^ 何へ卞咾気譴泙垢、v方塀は卞咾気譴 いので仝`々で凄って JavaScirpt をきます index.coffee `function doClick(e) { alert($.label.text); }` 12定12埖18晩諮袗晩
  • 18. CoffeeScript で Alloy アプリをくrの廣吭泣 ? 仝`々がダサければ、view で onClick を聞 わなければ措いじゃない ? Alloy 徭悶がコンパイルrにv方塀もソ` ス枠^何へ卞咾靴討れるのを棋つ 12定12埖18晩諮袗晩
  • 19. というわけで、CoffeeScript でAlloy アプリがけるようになりました ので、繁笥がえたら耙しいです 12定12埖18晩諮袗晩
  • 20. ついでに ACS 繁笥もえると耙しい ので、云晩の Titanium Mobile Advent Calendar へ ACS ネタを誘和しました 12定12埖18晩諮袗晩