Introduction of HERE (Titanium Moku-Moku Meeting Tokyo #5)

Transcript

1. Titanium “Moku-Moku” Meeting Tokyo #5
   Titanium “Moku-Moku” Meeting Tokyo #5
   * Development phase
   

   View Slide

2. Titanium “Moku-Moku” Meeting Tokyo #5
   ͓·͑ͩΕΑ
   3ZVUBSP.JZBTIJUB
   !SZVHPP@
   JNUIJOLFSOFU
   5$"%5$.%
   * Titanium Certified App Developer
   Titanium Certified Mobile Developer
   

   View Slide

3. Titanium “Moku-Moku” Meeting Tokyo #5
   ษڧձΧϯϑΝϨϯεΠϕϯτ
   
   
   
   
   㲗
   

   View Slide

4. Titanium “Moku-Moku” Meeting Tokyo #5
   
   
   
   
   㲗
   
   
   㲗
   ਓ͕૿͑ͯ͘ΔͱΞΧ΢ϯτڭ͑͋͏ͷେม
   

   View Slide

5. Titanium “Moku-Moku” Meeting Tokyo #5
   Bump?
   
   ⾮
   ͋Μ·Γศར͡Όͳ͍
   

   View Slide

6. Titanium “Moku-Moku” Meeting Tokyo #5
   ΞϓϦΛ։͚ͩ͘Ͱۙ͘ͷਓͷΞΧ΢ϯτൃݟ
   ☁
    + + 
   +
   
   

   View Slide

7. Titanium “Moku-Moku” Meeting Tokyo #5
   ΞϓϦ։͘
   Ґஔ৘ใΛऔಘͯࣗ͠ಈνΣοΫΠϯ
   ͦͷ৔Ͱ෼͚ؒͩ ΞΧ΢ϯτ͕ه࿥
   ࢖͍ํ
   

   View Slide

8. Titanium “Moku-Moku” Meeting Tokyo #5
   ଞͷਓͷΞΧ΢ϯτ͕දࣔ͞ΕΔ
   λοϓ͢Δ͚ͩͰϑΥϩʔͰ͖Δ
   Πϕϯτ৘ใ͔Β΋νΣοΫΠϯՄೳ
   ࢖͍ํ
   * ATND beta, connpass, Zusaar
   

   View Slide

9. Titanium “Moku-Moku” Meeting Tokyo #5
   DEMO
   * Development phase
   

   View Slide

10. Titanium “Moku-Moku” Meeting Tokyo #5
    ͏Β͔ͬΘ
    Titanium Mobile + Alloy
    ☁ Sinatra (Ruby) + MessagePack
     Redis (Key-Value Store)
    

    View Slide

11. Titanium “Moku-Moku” Meeting Tokyo #5
    ߹ۚ͸ศརɺͰ΋ɺॻ͘ͷ͕໘౗͔ͩΒ
    × XML
    ○ Jade
    × JavaScript
    ○ CoffeeScript
     JMK
    * Alloy JavaScript Makefile
    
    Node.js
    

    View Slide

12. Titanium “Moku-Moku” Meeting Tokyo #5
    +BEFͱ$PGGFF4DSJQUͰૉఢͳΠϯσϯτ
    Alloy
    Window(title="Jade")
    Button#btn(title="Click", onClick="func")
    func = ->
    alert "Hello, Titanium Alloy!"
    $.btn.title = "Clicked"
    * ͋Γ͕ͱ͏!LTVLFZ͞Μ
    * 544΋4BTTͰॻ͖͍ͨͳ͊
    

    View Slide

13. Titanium “Moku-Moku” Meeting Tokyo #5
    ࠓ͸.PEFMͳ͠ɺ%BUB#JOEJOHͳ͠
    Alloy.createModel "hoge"
    title: "foobar"
    date: (new Date()).getTime()
    Alloy.Collections.hoge.fetch()
    Collection(src="hoge")
    Window
    TableView(dataCollection="hoge")
    TableViewRow#row(className="trow")
    Label#title(text="{title}")
    Label#date(text="{date}")
    
    
    
    

    View Slide

14. Titanium “Moku-Moku” Meeting Tokyo #5
    "MMPZ࢖ͬͯΈͯͲ͏ͩͬͨͬͯ
    +BEFͱ$4͕"MMPZͷ໘౗Λղফ
    "MMPZCVJMUJOT͕ศར
    %BUB#JOEJOH΋ศར
    8FCϑϩϯτΤϯυͷΞϓϦʹ࠷ద
    

    View Slide

15. Titanium “Moku-Moku” Meeting Tokyo #5
    ͋ͱͪΐͬͱͰ։ൃ΋ऴΘΓ
    $0%&4530/(
    

    View Slide