Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Art of Indent world with Titanium and Alloy

The Art of Indent world with Titanium and Alloy

Ryutaro Miyashita

January 26, 2013
Tweet

More Decks by Ryutaro Miyashita

Other Decks in Technology

Transcript

  1. Titanium New Years Party 2013 Lightning Talk THE ART OF

    INDENT WORLD with Titanium and Alloy
  2. Titanium New Years Party 2013 Lightning Talk ͓·͑ͩΕΑ 3ZVUBSP.JZBTIJUB !SZVHPP@

    JNUIJOLFSOFU 5$"%5$.% * Titanium Certified App Developer Titanium Certified Mobile Developer
  3. Titanium New Years Party 2013 Lightning Talk * Development phase

    ௒؆୯ʹιʔγϟϧΞΧ΢ϯτڭ͑͋͑Δ
  4. Titanium New Years Party 2013 Lightning Talk )&3&ͷ͓΋ͯͱ͏Β͔ͬΘ Titanium Mobile

    + Alloy ☁ Sinatra (Ruby) + MessagePack  Redis (Key-Value Store)
  5. Titanium New Years Party 2013 Lightning Talk ߹ۚ͸ศརɺͰ΋ɺॻ͘ͷ͕໘౗͔ͩΒ × XML

    ◦ Jade × JavaScript ◦ CoffeeScript  JMK * Alloy JavaScript Makefile ͳΜͰ͔͜͜ΒऔͬͨΜͩ
  6. Titanium New Years Party 2013 Lightning Talk +BEFͱ$PGGFF4DSJQUͰૉఢͳΠϯσϯτ Alloy Window(title="Jade")

    Button#btn(title="Click", onClick="func") func = -> alert "Hello, Titanium Alloy!" $.btn.title = "Clicked" * ͋Γ͕ͱ͏!LTVLFZ͞Μ * 544΋4BTTͰॻ͖͍ͨͳ͊
  7. Titanium New Years Party 2013 Lightning Talk #FUUFS4BTT4UZMVT fill() //

    function width "Ti.UI.FILL" height "Ti.UI.FILL" Window#main backgroundColor "#FFFFFF" Label fill() color "#666666" * Expressive, dynamic, robust CSS
  8. Titanium New Years Party 2013 Lightning Talk Πϯσϯτͷੈք΁Α͏ͦ͜ Alloy //

    Jade Window(title="Jade") Button#btn(title="Click", onClick="func") func = -> # CoffeeScript alert "Hello, Titanium Alloy!" $.btn.title = "Clicked" Window // Stylus backgroundColor "#FFFFFF"