Sencha Touchを使ったiOS/Androidアプリ開発入門

春のJavaScript祭り #jsfes at 2014/04/26

http://javascript-fes.doorkeeper.jp/events/10127/

Transcript

1. +BWB4DSJQUͰεϚϗΞϓϦΛ࡞Ζ͏ʂʂ
   4FODIB
   5PVDIΛ࢖ͬͨ
   J04"OESPJEΞϓϦ։ൃೖ໳ KTGFT
   
   !LBXBOPTIJOPCV
   
2. Triplam h)p:/ /triplam.com
3. +BWB4DSJQUͰεϚϗΞϓϦ͕࡞Ε·͢ɻ
4. 4FODIB
   %FWFMPQFS
   "EWPDBUF
   BU
   $BOPO
   *5
   4PMVUJPOT
   *OD 8IP
   BN
   * ,"8"/0
   4IJOPCV
5. *
   —
   PQFO
   TPVSDF
   QSPHSBNNJOH
7. ! 4FODIB
   *OTJHIUT
   
   ! &YUVY"DDPSEJPO-JTU
   CZ
   ,"8"/0
   4IJOPCV
   5IJT
   4FODIB
   5PVDI
   DPNQPOFOU
   BMMPXT
   ZPV
   UP
   DSFBUF
   MJTUT
   XIPTF
   JUFNT
   DBO
   CF
   FYQBOEFE
   UP
   SFWFBM
   GVSUIFS
   OFTUFE
   MJTU
   JUFNT
   "
   WFSZ
   VTFGVM
   QSPKFDU
   XIPTF
   TPVSDF
   DPEF
   DBO
   CF
   GPVOE
   PO
   (JU)VC
   ! 4FODIB
   *OTJHIUT
   
   ! )FMMP
   4FODIB
   5PVDI
   'MBU
   6*
   5IFNF
   *G
   ZPVSF
   LFFO
   PO
   UIF
   'MBU
   %FTJHO
   USFOE
   UIFO
   UIJT
   PQFO
   TPVSDF
   4FODIB
   5PVDI
   UIFNF
   JT
   XIBU
   ZPVSF
   MPPLJOH
   GPS
   *U
   JT
   B
   WFSZ
   BUUSBDUJWF
   BOE
   USFOEZ
   UIFNF
   UIBU
   DBO
   CF
   ESPQQFE
   JOUP
   ZPVS
   BQQMJDBUJPOT
   OPX
   ! 4FODIB
   *OTJHIUT
   
   ! 4FODIB
   5PVDI
   
   8FC35$
   5IJT
   EFNP
   TIPXT
   PGG
   B
   8FC35$
   FYUFOTJPO
   GPS
   4FODIB
   5PVDI
   UIBU
   TIPXT
   IPX
   UIF
   UFDIOPMPHZ
   DBO
   XPSL
   XJUIJO
   B
   4FODIB
   5PVDI
   BQQ
   "
   WFSZ
   JOUFSFTUJOH
   EFNP
   !
8. "QQ
   *OTQFDUPS
   GPS
10. 'PMMPX
    NF
    !LBXBOPTIJOPCV
11. "HFOEB  +BWB4DSJQUͰϞόΠϧΞϓϦ։ൃʁ
     4FODIB
    5PVDIೖ໳
     $PEF
    8BMLUISPVHI
    5SJQMBN
     ·ͱΊ
12. "HFOEB  +BWB4DSJQUͰϞόΠϧΞϓϦ։ൃʁ
     4FODIB
    5PVDIೖ໳
     $PEF
    8BMLUISPVHI
    5SJQMBN
     ·ͱΊ
13. J04ΞϓϦͷ։ൃ  0CKFDUJWF$ͰϓϩάϥϜΛॻ͘
     9DPEFʢ*%&ʣΛར༻͢Δ
     J04ͷ"1*Λར༻͢Δ
     J04ΞϓϦ։ൃͷϊ΢ϋ΢ΛֶͿ
14. "OESPJEΞϓϦͷ։ൃ  +BWBͰϓϩάϥϜΛॻ͘
     &DMJQTFʢ*%&ʣΛར༻͢Δ
     "OESPJEͷ"1*Λར༻͢Δ
     "OESPJEΞϓϦ։ൃͷϊ΢ϋ΢ΛֶͿ
15. ૿͑ଓ͚ΔϓϥοτϑΥʔϜ  8JOEPXT
    1IPOF
     #MBDL#FSSZ
     "NB[PO
    'JSF
    04
     5J[FO
    'JSF'PY
    04
    
17. )5.-ͰΞϓϦ։ൃʂ
18. )5.-ͱ͸ʁ  )5.-ͷճ໨ͷվగ൛
     ΞϓϦέʔγϣϯͱͯ͠ͷ8FC
    ɹ
    
    8FC4UPSBHF
    'JMF
    "1*
    $BOWBT
    
     ࣮༻ஈ֊΁ʢࠓ೥ɺਖ਼ࣜקࠂ༧ఆʣ
19. )5.-ͷϝϦοτ  ΫϩεϓϥοτϑΥʔϜͰಈ࡞͢Δ
     8FCͷ։ൃܦݧΛ׆͔ͤΔ
     Πϯετʔϧ΍Ξοϓσʔτ͕ෆཁ
20. 8FC։ൃऀ͕׳Εͨ࡞ۀϑϩʔ  ࢖͍׳ΕͨςΩετΤσΟλ
     λʔϛφϧͱίϚϯυϥΠϯπʔϧ
     ϒϥ΢βͷ։ൃπʔϧͰσόοά
21. )5.-ͷσϝϦοτ  ΦϑϥΠϯͰಈ࡞ͤͮ͞Β͍
     ୺຤ͷػೳΛར༻Ͱ͖ͳ͍
     ύϑΥʔϚϯε͕ग़ͳ͍
22. σϝϦοτΛຒΊΔ  ΦϑϥΠϯͰಈ࡞ͤͮ͞Β͍
     ୺຤ͷػೳΛར༻Ͱ͖ͳ͍
     ύϑΥʔϚϯε͕ग़ͳ͍
23. ϋΠϒϦουΞϓϦͱ͍͏ख๏
24. ωΠςΟϒΞϓϦͷ
    ɹϒϥ΢βίϯϙʔωϯτʢ8FC7JFXʣ
    ্Ͱ)5.-ΞϓϦΛಈ࡞ͤ͞Δ ωΠςΟϒ )5.- ɹϒϥ΢βίϯϙʔωϯτ +BWB4DSJQU $44
25. ωΠςΟϒ )5.- ɹϒϥ΢βίϯϙʔωϯτ +BWB4DSJQU $44 )5.-
    +BWB4DSJQU
    $44͸
    ΞϓϦέʔγϣϯʹؚΊͯ഑෍͢Δ
    ʢΦϑϥΠϯͰ΋ಈ࡞͢Δʣ ϒϥ΢βίϯϙʔωϯτΛܦ༝ͯ͠
    ωΠςΟϒػೳΛ࣮ߦ͢Δ
    ʢωΠςΟϒϒϦοδʣ
26. ωΠςΟϒ )5.- ɹϒϥ΢βίϯϙʔωϯτ +BWB4DSJQU $44 )5.-
    +BWB4DSJQU
    $44͸
    ΞϓϦέʔγϣϯʹؚΊͯ഑෍͢Δ
    ʢΦϑϥΠϯͰ΋ಈ࡞͢Δʣ ϒϥ΢βίϯϙʔωϯτΛܦ༝ͯ͠
    ωΠςΟϒػೳΛ࣮ߦ͢Δ
    ʢωΠςΟϒϒϦοδʣ ͜͏͍ͬͨϋΠϒϦουΞϓϦΛ
    ؆୯ʹ࡞ΕΔΑ͏ʹͯ͘͠ΕΔͷ͕
    ɹ1IPOF(BQͱ͍͏ϑϨʔϜϫʔΫ
27. ࠷ۙͷ1IPOF(BQ͸ͱͬͯ΋؆୯ ίϚϯυϥΠϯπʔϧ
    
28. 5SJQMBNͰ΋͓ੈ࿩ʹͳͬͯ·͢ εςʔλεόʔͷ৭Λม͑ͨΓɺΞϓϦ಺ϒϥ΢βΛݺͼग़ͨ͠Γɻ
29. ωΠςΟϒϒϦοδ͸ࣗ༝ʹ։ൃՄೳ +BWB΍0CKFDUJWF$ͰϓϥάΠϯΛॻ͚͹ɺ͍Ζ͍ΖͰ͖Δ $PSEPWB
    1MVHJO
    3FHJTUSZ IUUQQMVHJOTDPSEPWBJP
30. 
    1IPOF(BQͱ$PSEPWBͷؔ܎ "EPCF͕ओମ
    ϦϞʔτϏϧυ͕Ͱ͖Δ ίϛϡχςΟ͕ओମ
    1IPOF(BQͷઌΛߦ͘
31. ͞Βʹ̎ͭͷ໰୊  6*෦඼ΛͲ͏͢Δ͔
     +BWB4DSJQUͰෳࡶͳϓϩάϥϜΛͲ͏ ૊ΈཱͯΔ͔
32. ։ൃϑϨʔϜϫʔΫΛ࢖͓͏ʂ
33. IUUQKRVFSZNPCJMFDPN IUUQCBDLCPOFKTPSH
34. IUUQJPOJDGSBNFXPSLDPN IUUQTBOHVMBSKTPSH
35. IUUQXXXTFODIBDPN
36. "HFOEB  +BWB4DSJQUͰϞόΠϧΞϓϦ։ൃʁ
     4FODIB
    5PVDIೖ໳
     $PEF
    8BMLUISPVHI
    5SJQMBN
     ·ͱΊ
37. 4FODIBͱ͸ʁ  ΞϝϦΧʹ͋Δ։ൃπʔϧͷϕϯμʔ
     ւ֎Ͱ͸ߴ͍ධՁͱ࣮੷
     ໊ࣾ͸ʮઝ஡ʯ͔Βདྷ͍ͯΔ
38.  :VJͷ֦ுϥΠϒϥϦͱͯ͠ελʔτ
     ๏ਓԽɺͦͷޙɺ7$͔Βଟֹͷ౤ࢿ
     ΩϠϊϯ*5ιϦϡʔγϣϯζ͕ɹɹɹ ೔ຊͰϥΠηϯεΛൢച 4FODIBͱ͸ʁ
39.  4FODIB
    5PVDIͷμ΢ϯϩʔυ
    
    
    IUUQXXXTFODIBDPNQSPEVDUTUPVDI
    
    
    5PVDIͷ঎༻ϥΠηϯε͸ແྉͰ͢ʂ 4FODIBͱ͸ʁ
40.  σεΫτοϓ޲͚ͷ&YU
    +4
     εϚʔτσόΠε޲͚ͷ4FODIB
    5PVDI
     ౷߹։ൃ؀ڥͷ4FODIB
    "SDIJUFDU
    
    
    ͦͷଞɺ(95ɺ"OJNBUPSɺ4QBDFͳͲ 4FODIB੡඼
41. +BWB4DSJQUͰ6*Λߏங
42. +BWB4DSJQUͰ6*Λߏங
43. %0.ʹ௚઀ΠϕϯτϋϯυϥΛ
    ઃఆ͠ͳ͍
44. ΠϕϯτγεςϜΛ࢖͏
45. ΫϥεγεςϜ  ϓϩτλΠϓϕʔεͰ͸ͳ͘
    
    
    
    
    
    
    
    ΫϥεϕʔεͷΦϒδΣΫτࢦ޲
    
    
    ϓϩάϥϛϯά͕Ͱ͖Δ
     ΫϥεͷґଘੑΛ؅ཧʢSFRVJSFʣ
     ϑΝΠϧͷಈతϩʔσΟϯά
46. .7$ύλʔϯ  ϓϩάϥϜΛϞσϧɺϏϡʔɺ
    
    
    
    
    
    
    
    ίϯτϩʔϥʹ෼ׂͯ͠૊ΈཱͯΔ
     ࠷৽όʔδϣϯͰ͸.77.ύλʔϯΛ
    
    
    ࠾༻͢ΔΑ͏ʹ
47. σʔλύοέʔδ  σʔλΛ؆୯ʹ؅ཧ͢Δ࢓૊Έ
     ϞσϧɺετΞɺϓϩΩγ
     σʔλ؅ཧ͕ओ໨తͷΤϯλʔϓϥΠζ γεςϜͰॏๅ͢Δػೳ
48. ςʔϚγεςϜ  4BTTɺ$PNQBTTΛϕʔεʹͨ͠γεςϜ
     ม਺Λมߋ͢Δͱશମͷ഑৭͕มΘΔ
     .JYJOΛར༻ͯ͠৭ύλʔϯΛ࡞੒
49. ίϚϯυϥΠϯπʔϧ  4FODIB
    $NEʢίϚϯυʣ
     ϓϩδΣΫτͷ਽ܗੜ੒
     Ϋϥεͷ਽ܗੜ੒
     ΞϓϦέʔγϣϯͷϏϧυɹɹɹɹɹɹ ʢ݁߹ɺѹॖɺύοέʔδϯάɺFUDʣ
50. υΩϡϝϯτ  &YU+4Ͱ࡞ΒΕͨߴػೳυΩϡϝϯτ
     "1*ɺΨΠυɺαϯϓϧϓϩάϥϜ
     IUUQEPDTTFODIBDPN
51. "HFOEB  +BWB4DSJQUͰϞόΠϧΞϓϦ։ൃʁ
     4FODIB
    5PVDIೖ໳
     $PEF
    8BMLUISPVHI
    5SJQMBN
     ·ͱΊ
59. "HFOEB  +BWB4DSJQUͰϞόΠϧΞϓϦ։ൃʁ
     4FODIB
    5PVDIೖ໳
     $PEF
    8BMLUISPVHI
    5SJQMBN
     ·ͱΊ
60. ·ͱΊ  8FCͷٕज़Λ࢖ͬͯεϚϗΞϓϦ͕࡞Ε·͢
     1IPOF(BQΛ࢖͏ͱ͍Ζ͍Ζͳ͜ͱ͕Ͱ͖·͢
     6*෦඼΍ϓϩάϥϜߏஙͷαϙʔτͷͨΊʹɹɹɹ ։ൃϑϨʔϜϫʔΫΛ࢖͍·͠ΐ͏
    
    
    4FODIB
    5PVDIɺศརͩΑʂ
61. ෇࿥
    ֶशϦιʔε  ϋΠϒϦουΞϓϦ
    
    
    )5.-ϋΠϒϦουΞϓϦ։ൃʦ࣮ફʧೖ໳ʢٕज़ධ࿦ࣾʣ
     4FODIB
    5PVDI
    
    
    
    4FODIB
    5PVDI
    ύʔϑΣΫτΨΠυ
    
    
    
    ΞεΩʔϝσΟΞϫʔΫε
62. ෇࿥
    4FODIB΋͘΋͘ձ  ΩϠϊϯ*5ιϦϡʔγϣϯζओ࠵
    
    
    
    
    
    IUUQXXXDBOPOJUTDPKQTFNJOBSTFODIBIUNM
    ! ! ࢀՃऀશһʹʮ4FODIB
    5PVDIͰͭ͘Δ
    )5.-ϞόΠϧΞϓϦʯ ᠳӭࣾ
    ԁ૬౰
    ΛϓϨθϯτ͠·͢ʂʂ
    !
63. ෇࿥
    +BQBOFTF
    4FODIB
    'PSVN  4FODIBࣾӡӦͷ೔ຊޠϑΥʔϥϜ
    
    
    IUUQTXXXTFODIBDPNGPSVNGPSVNEJTQMBZQIQ +BQBOFTF4FODIB'PSVN
    4FODIBΛ࢝Ίͯɺࠔͬͨ͜ͱ͕͋Ε͹ͥͻॻ͖ࠐΜͰԼ͍͞ʂ
    ࢲ΋ͨ·ʹ೷͍ͯ·͢ɻ
64. 2VFTUJPOT
65. 5IBOL
    ZPV !LBXBOPTIJOPCV 1IPUP
    $SFEJU
    IUUQXXXGMJDLSDPNQIPUPTXJMMJBNIPPL
    IUUQXXXGMJDLSDPNQIPUPTGJOOGSPEF
    IUUQXXXGMJDLSDPNQIPUPTNJLFZQIJMMJQT