Slide 1
Slide 1 text
Titanium New Years Party 2013 Lightning Talk
THE ART OF INDENT WORLD
with
Titanium and Alloy
Slide 2
Slide 2 text
Titanium New Years Party 2013 Lightning Talk
͓·͑ͩΕΑ
3ZVUBSP.JZBTIJUB
!SZVHPP@
JNUIJOLFSOFU
5$"%5$.%
* Titanium Certified App Developer
Titanium Certified Mobile Developer
Slide 3
Slide 3 text
Titanium New Years Party 2013 Lightning Talk
* Development phase
؆୯ʹιʔγϟϧΞΧϯτڭ͑͋͑Δ
Slide 4
Slide 4 text
Titanium New Years Party 2013 Lightning Talk
)&3&ͷ͓ͯͱ͏Β͔ͬΘ
Titanium Mobile + Alloy
☁ Sinatra (Ruby) + MessagePack
Redis (Key-Value Store)
Slide 5
Slide 5 text
Titanium New Years Party 2013 Lightning Talk
߹ۚศརɺͰɺॻ͘ͷ͕໘͔ͩΒ
× XML
○ Jade
× JavaScript
○ CoffeeScript
JMK
* Alloy JavaScript Makefile
ͳΜͰ͔͜͜ΒऔͬͨΜͩ
Slide 6
Slide 6 text
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͞Μ
* 5444BTTͰॻ͖͍ͨͳ͊
Slide 7
Slide 7 text
Titanium New Years Party 2013 Lightning Talk
ʊਓਓਓਓਓਓਓਓਓਓਓਓਓਓਓʊ
ʼɹ5444BTTͰॻ͖͍ͨͳ͊ɹʻ
ʉ:?:?:?:?:?:?:?:?:?:?:?:ʉ
Slide 8
Slide 8 text
Titanium New Years Party 2013 Lightning Talk
Ͱ͖ͨΑʔʘ ?P?
ʗ
Slide 9
Slide 9 text
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
Slide 10
Slide 10 text
Titanium New Years Party 2013 Lightning Talk
4UZMVTUP544DPOWFSUKNL
DEMO
* alloy-stylus https://gist.github.com/4637362
Slide 11
Slide 11 text
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"
Slide 12
Slide 12 text
Titanium New Years Party 2013 Lightning Talk
$0%&4530/(