Alloy - Introduction of Titanium MVC Framework

Titanium Mobile "MokuMoku" Meetup #2 Lighting Talk (2012/10/31)

Transcript

1. 5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    "MMPZ "MMPZ Titanium MVC Framework Introduction of
2. 5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    éĕđ éĕđ Ryutaro Miyashita  ryugoo_  ryutaro.miyashita  imthinker.net 5JUBOJVN
   .PCJMF
   Ϣʔβʔձ
   ॻه
3. 5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    ˇɬ ˇɬ
4. 5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    Üĕćð Üĕćð JavaScript.call(Titanium API) Called “Titanium Classic”
5. 5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    ÜĕÔĒ ÜĕÔĒ Alloy(JavaScript.call(Titanium API)) JavaScript.call(Titanium API) +
6. 5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    ËĖÍ ËĖÍ ϩδοΫͱݟͨ໨ͱσʔλॲཧͷ ίʔυ͕ΰνϟΰνϟͯͯ͠ΠϠΠϠ ϕετϓϥΫςΟεͷܹ͍͠ҠΓมΘΓ 5JJODMVEF
   ͩͬͨΓ
   $PNNPO+4
   ͩͬͨΓʜ+44
   ͋Γ·͚ͨͬ͠
   ͏;;ɻ
7. 5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    "QQDFMFSBUPS 0”DJBM
   .7$ 'SBNFXPSL "QQDFMFSBUPS 0”DJBM
   .7$ 'SBNFXPSL ËĖÍ ËĖÍ ϩδοΫ $
   
   JavaScript ݟͨ໨ 7
   
   
   XML + TSS σʔλॲཧ .
   Backbone.js େৎ෉
   "QQDFMFSBUPS
   ͷ
   .7$
   ϑϨʔϜϫʔΫͩΑ
8. 5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    ʔèԨ
   
   ŒŤ¦ ʔèԨ
   
   ŒŤ¦ ڞ௨ཁૉ·ͱΊͨΓ
   *%
   
   $MBTT
   ׂΓ౰ͯͨΓ "Window": { backgroundColor: "#FFFFFF" } <Alloy> <Window> <Label id="a" /> </Window> </Alloy> ݟͨ໨͸
   9.-
   Ͱ
9. 5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    5JUBOJVN
   4UVEZ
   .FFUJOH
   5PLZP
    ŬķłĮ
   
   IJŲŇŬ¦Ũ¦ ŬķłĮ
   
   IJŲŇŬ¦Ũ¦ ݟͨ໨͍ͬͨ͡ΓɺΠϕϯτॲཧ͠·͢ $.index.on("open", function (e) { $.a.title = "Window is open!"; }); τοϓϨϕϧ6* ˣ Πϕϯτϋϯυϥ ˣ *% ˢ
10. 5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     ņ¦ľ͎Փ
    
    šņŪ ņ¦ľ͎Փ
    
    šņŪ σʔλϕʔεͱ͔
    1SPQFSUJFT
    ͷ͓࢓ࣄ var app = Alloy.createModel("user"); app.set({ username: "Foobar", password: "Hoge" }); app.get("username"); // -> Foobar app.save(); VTFS
    ϞσϧΛΦʔϓϯ ˢ ˡ
    ϞσϧʹσʔλΛηοτ ˡ
    อଘ
11. 5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     "QQT
    %FNP "QQT
    %FNP վΊͯ
    (JU)VC
    ͰίʔυΛެ։༧ఆͰ͢
12. 5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     òÏ˶Ï òÏ˶Ï Titanium Studio 3.0 (for User)ɹ
    
    
    ৽نϓϩδΣΫτͷςϯϓϨʔτ͔Β Node.js + npm (for ਓப
    Pro)ɹ
    
    
    TVEP
    OQN
    JOTUBMM
    H
    UJUBOJVN
    
    
    TVEP
    OQN
    JOTUBMM
    H
    BMMPZ
13. 5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     ͜Μͳײ͡
14. 5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     ˶ÑĔ ˶ÑĔ ˕
    TSS
    ͕ͱͬͯ΋ศར
    (´∀ʆ) ˚
    ͪΐͬͱ͚ͩ໘౗͍͘͞
    (´Дʆ) ʷ
    Backbone.js
    ͷ஌ࣝඞཁ
    (‘A`) ίʔσΟϯάϧʔϧͷ౷ҰԽͱ͍͏ϙΠϯτ΋ ݸਓͷײ૝Ͱ͢ɻޮՌΛอূ͢Δ΋ͷͰ͸͋Γ·ͤΜɻ
15. 5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     íćēø íćēø औѻʹ͸׳Ε͕ඞཁͰ͢ ׳ΕΔͱͦͦ͜͜ΩϨΠͳߏ଄ʹͳΓ·͢ Adobe Flex Ϣʔβ͸औ͖ͬͭ΍͍͔͢΋ ࠓ·Ͱͷํ๏͕ඇਪનʹͳΔΘ͚Ͱ͸͋Γ·ͤΜ ͔ͩΒօͰਓபʹͳΖ͏
    ৘ใڞ༗
    
    ϑΟʔυόοΫ
16. 5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     ͰӰøòÜ ͰӰøòÜ (JU)VCͷ3FBENF͸ඞಡ
    ϦϙδτϦʹςετ΋͋ΔΑ IUUQTHJUIVCDPNBQQDFMFSBUPSBMMPZ 2VJDL4UBSU΋ඞಡ IUUQQSPKFDUTBQQDFMFSBUPSDPNBMMPZEPDT"MMPZCPPUTUSBQ #BDLCPOFKT΋
    #BDLCPOF&WFOU
    
    #BDLCPOF.PEFM IUUQCBDLCPOFKTPSH ެࣜυΩϡϝϯτΛ๨ΕͪΌ͍͚ͳ͍ IUUQEPDTBQQDFMFSBUPSDPNUJUBOJVNBQJ"MMPZ
17. 5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     5JUBOJVN
    4UVEZ
    .FFUJOH
    5PLZP
     $0%&
    4530/( $0%&
    4530/(