The Art of Indent world with Titanium and Alloy

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 ʊਓਓਓਓਓਓਓਓਓਓਓਓਓਓਓʊ ʼɹ544
   ΋
   4BTT
   Ͱॻ͖͍ͨͳ͊ɹʻ ʉ:?:?:?:?:?:?:?:?:?:?:?:ʉ

8. Titanium New Years Party 2013 Lightning Talk Ͱ͖ͨΑʔʘ ?P? ʗ

9. Titanium New Years Party 2013 Lightning Talk #FUUFS
   4BTT
   
   4UZMVT fill() //

   function width "Ti.UI.FILL" height "Ti.UI.FILL" Window#main backgroundColor "#FFFFFF" Label fill() color "#666666" * Expressive, dynamic, robust CSS

10. Titanium New Years Party 2013 Lightning Talk 4UZMVT
    UP
    544
    DPOWFSU
    KNL DEMO *

    alloy-stylus https://gist.github.com/4637362

11. 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"

12. Titanium New Years Party 2013 Lightning Talk $0%&4530/(