Beyond the Native!

エクセルソフト・エンバカデロ共催セミナー
「モバイル向けクロスプラットフォーム開発ツールのイマを体感　～３大モバイルアプリ開発ツールを総ざらえ～」

Transcript

1. Beyond the Native! )5.-̑ΞϓϦέʔγϣϯ։ൃπʔϧ4FODIBͷ͝঺հ 2014.12.18 @ XLsoft + Embarcadero’s Seminar
2. zofari.com
3. Zofari is joining Yahoo!
4. WHO AM I? KAWANO Shinobu Sales Engineer at Canon IT Solutions, Inc Twitter : kawanoshinobu GitHub : kawanoshinobu
5. 4FODIB஡๪ɺ΋͘΋͘ձ
6. I — open source programming.
8. (Sencha Insights #6) Ext.ux.AccordionList by KAWANO Shinobu This Sencha Touch component allows you to create lists whose items can be expanded to reveal further nested list items. A very useful project whose source code can be found on GitHub. (Sencha Insights #9) Hello, Sencha Touch Flat UI Theme If you're keen on the "Flat Design" trend then this open source Sencha Touch theme is what you're looking for. It is a very attractive and trendy theme that can be dropped into your applications now. (Sencha Insights #14) Sencha Touch + WebRTC! This demo shows off a WebRTC extension for Sencha Touch that shows how the technology can work within a Sencha Touch app. A very interesting demo!
9.  4FODIBϑϨʔϜϫʔΫͷ͝঺հ
    σϞϯετϨʔγϣϯ
    2"
   AGENDA
10.  4FODIBϑϨʔϜϫʔΫͷ͝঺հ
     σϞϯετϨʔγϣϯ
     2"
    AGENDA
11. ૿͑ଓ͚ΔϓϥοτϑΥʔϜ  8JOEPXT
    .BD
    04
    9
    -JOVY
     J04
     "OESPJE
    ,JOEMF
    'JSF
     8JOEPXT
    1IPOF
     #MBDL#FSSZ
     5J[FO
    'JSF'PY
    04
    
    
12. J04ΞϓϦͷ։ൃ  0CKFDUJWF$ͰϓϩάϥϜΛॻ͘
     9DPEFʢ*%&ʣΛར༻͢Δ
     J04ͷ"1*Λར༻͢Δ
     J04ΞϓϦ։ൃͷϊ΢ϋ΢ΛֶͿ
     όʔδϣϯΞοϓʹରԠ͢Δ
13. "OESPJEΞϓϦͷ։ൃ  +BWBͰϓϩάϥϜΛॻ͘
     &DMJQTFʢ*%&ʣΛར༻͢Δ
     "OESPJEͷ"1*Λར༻͢Δ
     "OESPJEΞϓϦ։ൃͷϊ΢ϋ΢ΛֶͿ
     όʔδϣϯΞοϓʹରԠ͢Δ
15. )5.-ͰΞϓϦ։ൃʂ
16. )5.-ͷϝϦοτ  ΫϩεϓϥοτϑΥʔϜͰಈ࡞͢Δ
     8FCͷ։ൃܦݧΛ׆͔ͤΔ
    
    ։ൃίετɺอकίετͷ࡟ݮʂ
17. 8FC։ൃऀ͕׳Εͨ࡞ۀϑϩʔ  ࢖͍׳ΕͨςΩετΤσΟλ
     λʔϛφϧͱίϚϯυϥΠϯπʔϧ
     ϒϥ΢βͷ։ൃऀπʔϧͰσόοά
18. )5.-ͷσϝϦοτ  ػೳཁ݅Λຬͨͤͳ͍৔߹͕͋Δ
     ϓογϡ௨஌ɺ഑෍ɺFUD
     ϢʔβʔମݧΛଛͳ͏৔߹͕͋Δ
    
19. σϝϦοτΛຒΊΔ
      ػೳཁ݅Λຬͨͤͳ͍৔߹͕͋Δ
     ϓογϡ௨஌ɺ഑෍ɺFUD
     ϢʔβʔମݧΛଛͳ͏৔߹͕͋Δ
    
20. ϋΠϒϦουΞϓϦͱ͍͏ख๏
21. ωΠςΟϒΞϓϦͷ
    ɹϒϥ΢βίϯϙʔωϯτʢ8FC7JFXʣ
    ্Ͱ)5.-ΞϓϦΛಈ࡞ͤ͞Δ ωΠςΟϒ ɹϒϥ΢βίϯϙʔωϯτ )5.- +BWB4DSJQU $44
22. ωΠςΟϒ ɹϒϥ΢βίϯϙʔωϯτ )5.- +BWB4DSJQU $44 )5.-
    +BWB4DSJQU
    $44͸
    ΞϓϦέʔγϣϯʹؚΊͯ഑෍͢Δ
    ʢΦϑϥΠϯͰ΋ಈ࡞͢Δʣ ϒϥ΢βίϯϙʔωϯτΛܦ༝ͯ͠
    ωΠςΟϒػೳΛ࣮ߦ͢Δ
    ʢωΠςΟϒϒϦοδʣ
23. ωΠςΟϒ )5.- ɹϒϥ΢βίϯϙʔωϯτ +BWB4DSJQU $44 )5.-
    +BWB4DSJQU
    $44͸
    ΞϓϦέʔγϣϯʹؚΊͯ഑෍͢Δ
    ʢΦϑϥΠϯͰ΋ಈ࡞͢Δʣ ϒϥ΢βίϯϙʔωϯτΛܦ༝ͯ͠
    ωΠςΟϒػೳΛ࣮ߦ͢Δ
    ʢωΠςΟϒϒϦοδʣ ͜͏͍ͬͨϋΠϒϦουΞϓϦΛ
    ؆୯ʹ࡞ΕΔΑ͏ʹͯ͘͠ΕΔͷ͕
    ɹ1IPOF(BQͱ͍͏ϑϨʔϜϫʔΫ
24. ࠷ۙͷ1IPOF(BQ͸ͱͬͯ΋؆୯ ίϚϯυϥΠϯπʔϧ
25. ωΠςΟϒϒϦοδ͸ࣗ༝ʹ։ൃՄೳ +BWB΍0CKFDUJWF$ͰϓϥάΠϯΛॻ͚͹ɺͳΜͰ΋Ͱ͖Δ $PSEPWB
    1MVHJO
    3FHJTUSZ IUUQQMVHJOTDPSEPWBJP
26. اۀ޲͚ͷϞόΠϧΞϓϦ͸ɺա൒਺͕
    )5.-Λ༻͍ͨϋΠϒϦουΞϓϦʹͳΔ IUUQXXXHBSUOFSDPNOFXTSPPNJE
27. σϝϦοτΛຒΊΔ
      ػೳཁ݅Λຬͨͤͳ͍৔߹͕͋Δ
     ϓογϡ௨஌ɺ഑෍ɺFUD
     ϢʔβʔମݧΛଛͳ͏৔߹͕͋Δ
    
28. ϥΠϒϥϦɺπʔϧΛ׆༻͢Δ
29. ϥΠϒϥϦɺπʔϧΛ׆༻͢Δ )5.-ΞϓϦΛ࡞ΔͨΊͷϥΠϒϥϦ͸
    Φʔϓϯιʔεͷ΋ͷ͕΄ͱΜͲʂ
30. ΦʔϓϯιʔεͷϥΠϒϥϦ  ͋Δ໨తʹಛԽͨ͠୯ػೳͷίʔυ

    ޮՌతʹ૊Έ߹ΘͤΔͷ͸৬ਓܳͷੈք
     কདྷੑ

    ϝϯςφϯε͕์ஔ͞ΕΔ͜ͱ΋͋Δ
     υΩϡϝϯτ

    ιʔείʔυ͕࢓༷ɺͱ͍͏͜ͱ΋
    
31. ੜଘظؒͷ୹͍ΞϓϦͳΒɺͦΕͰ΋Α͔ͬͨ  ظؒݶఆͷαΠτ
     झຯͷΞϓϦ
    
    
    
    FUD
32. اۀγεςϜͰ͸ͦΕͰ͸ࠔΔʂ
33. اۀγεςϜ։ൃͷಛ௃  ௕ظʢ೥ʙʣͷϝϯςφϯε
     εΩϧͷҟͳΔϝϯόʔͰͷڠۀ
 
    ඼࣭΍ਐ௙Λ͍͔ʹ҆ఆͤ͞Δ͔
     ෯޿͍ϒϥ΢βରԠ
     ཁһͷ֬อɺҭ੒
    
34.  ϥΠϒϥϦͷબఆ
     ϥΠϒϥϦͷ૊Έ߹Θͤ
 ʢෆ੔߹͕͓͖ͳ͍͔ʣ
     ϥΠϒϥϦͷόʔδϣϯΞοϓ
     ϓϩδΣΫτͷӬଓੑ
    ࣗ৴Λ࣋ͬͯ൑அͰ͖·͔͢ʁ
35. ͦ͜ʹ4FODIBͷଘࡏཧ༝͕͋Γ·͢ʂ
36. ϑϧελοΫʢશ෦ࠐΈʣʂ  ๛෋ͳ6*ίϯϙʔωϯτ
     ΫϥεγεςϜ
     .7$ɺ.77.ΞʔΩςΫνϟ
     σʔλύοέʔδ
     ϢʔςΟϦςΟؔ਺
     ςʔϚγεςϜ
     Ϗϧυπʔϧ
     ౷߹։ൃ؀ڥʢ*%&ʣ
    
    
    FUD
37. اۀγεςϜ։ൃΛҙࣝͨ͠ઃܭ  ෯޿͍ϒϥ΢βαϙʔτ
     *&ɺ*&͔Β࠷৽ͷ$ISPNF·Ͱ
     େྔσʔλૢ࡞࣌ͷύϑΥʔϚϯε
     ۀ຿ΞϓϦʹదͨ͠6*ίϯϙʔωϯτ
     άϦου
     νϟʔτɺάϥϑ
     νʔϜ։ൃΛॏࢹ
    
    
    FUD
38. ։ൃϕϯμʔʹΑΔαϙʔτ  υΩϡϝϯτ
     νϡʔτϦΞϧɺ8FCJOBS
     ແঈαϙʔτ
     ༗ঈαϙʔτ
     ٕज़ίϯαϧςΟϯά
     τϨʔχϯά
     ܧଓతͳόʔδϣϯΞοϓ
 FUD
39. େاۀͰͷಋೖ࣮੷ʂ
40. ͜ΕͳΒ҆৺ͯ͠ར༻Ͱ͖Δʂ
41. ͓٬༷΋)BQQZ
     5 H 5
42. “We're choosing Sencha as our name because it evokes next-generation software development and it's easy to remember, spell and pronounce. Sencha -- the name of a popular Japanese green tea -- is in the tradition of Java, and represents a new level of development.” Ext JS + jQTouch + Raphaël = Sencha http://www.sencha.com/blog/ext-js-jqtouch-raphael-sencha/ Tips: SENCHA?
43. SENCHA EXT JS
44. SENCHA TOUCH
45. SENCHA ARCHITECT
46. SENCHA GXT
47. ͓໰͍߹Θͤ͸ͪ͜Βʂ
48.  4FODIBϑϨʔϜϫʔΫͷ͝঺հ
     σϞϯετϨʔγϣϯ
     2"
    AGENDA
49. triplam.com
50. 5SJQMBN͸झຯͰ࡞੒ͨ͠
    ΦʔϓϯιʔεΞϓϦͰ͢ɻ ˞4FODIB੡඼͸঎༻ϥΠηϯεͱ
    ΦʔϓϯιʔεϥΠηϯεʢ(1-ʣͷ
    σϡΞϧϥΠηϯεͰ͢ɻ
51. 5SJQMBNͷٕज़త಺৘ ✈
    ϥΠϒϥϦ
     4FODIB
    &YU
    +4
    
     4FODIB
    5PVDI
    
    ✈
    πʔϧ
     4FODIB
    "SDIJUFDU
    
     8FC4UPSN
     "QQ*OTQFDUPS
    4FODIB
     4JFTUB
     $PSEPWB
     9DPEF
    "OESPJE
    4%,
     (JU ✈
    σʔλετϨʔδ
     1BSTF
    N#BB4
    ✈
    ϓογϡ௨஌
     1BSTF
    N#BB4
    ✈
    Ϣʔβʔೝূ
     'BDFCPPL
    "1*
    ✈
    ϒϥ΢β
     (PPHMF
    $ISPNF
    
52. Desktop Interface
53. Smart Phone Interface
54. Available on the App Store
55. Ұൠతͳ8FCϖʔδ IUNM
    MBOHKB
    
    
    IFBE
    
    
    
    
    TDSJQU
    UZQFUFYUKBWBTDSJQU
    TSDlKTFYUBMMKT TDSJQU
    ʜ
    
    
    IFBE
    
    
    CPEZ
    
    
    EJW
    JETJUFOBW
    DMBTTTJUFOBW
    
    
    
    
    
    
    B
    ISFG
    DMBTTNFOVJDPO
    
    
    
    
    
    
    
    
    J
    DMBTTGB
    GBCBSTJ
    
    
    
    
    
    
    B
56. 4FODIB IUNM
    MBOHKB
    
    
    IFBE
    
    
    
    
    TDSJQU
    UZQFUFYUKBWBTDSJQU
    TSDlKTFYUBMMKT TDSJQU
    ʜ
    
    
    IFBE
    
    
    CPEZ
    
    
    CPEZ
    IUNM
57. 4FODIB IUNM
    MBOHKB
    
    
    IFBE
    
    
    
    
    TDSJQU
    UZQFUFYUKBWBTDSJQU
    TSDlKTFYUBMMKT TDSJQU
    ʜ
    
    
    IFBE
    
    
    CPEZ
    
    
    CPEZ
    IUNM
58. ʂ
59. ී௨ͱ͸ҧ͏Ξϓϩʔν
60. +BWB4DSJQUͰ6*Λఆٛ
61. ϨΰϒϩοΫͷΑ͏ʹੵΈ্͛Δ
62. ϓϩύςΟΛઃఆ
63. Ͱ͖͕͋Γʂ
64. ૉఢʂʂ
65. +4Ͱ6*Λఆٛ͢ΔϝϦοτ  อकੑͷେ෯ͳ޲্
     6*ͷϥΠϑαΠΫϧͷ؅ཧ
     (6*πʔϧͰͷ8:4*8:(։ൃ
    
66. +4Ͱ6*Λఆٛ͢ΔσϝϦοτ  ಈతʹ%0.Λੜ੒͢Δίετ
     ίϯϙʔωϯτຖͷϝϞϦར༻
    
67. +4Ͱ6*Λఆٛ͢ΔσϝϦοτ  ಈతʹ%0.Λੜ੒͢Δίετ
     ίϯϙʔωϯτຖͷϝϞϦར༻
    
    ϨΨγʔϒϥ΢β
    
    ʷ
    
    ࠷ۙͷϒϥ΢β
    
    
    
    ˓
    
    কདྷ
    
    
    
    
    
    
    
    
    
    
    
    
    
    ˑˑˑ
68. DEVELOPMENT
69. DESIGN
70. BUILT IN THEME
71. DEBUG
72. CUSTOM COMPONENT
73. TEST
74. Native Packaging (iOS)
75. Native Packaging (Android)
76. RELEASE
77. DOCUMENT
78. CONCLUSION
79.  )5.-͸௿ίετɾΫϩεϓϥοτϑΥʔϜ
     8FCͰෆՄೳͳػೳཁ݅͸ϋΠϒϦουͰ࣮ݱ
     ߴ඼࣭ͳ)5.-ΞϓϦΛ։ൃ͢ΔͳΒ
 ϑϧελοΫͰ࣮੷े෼ͷ4FODIBͰʂ CONCLUSION
80. ଓʑͱ੒ޭࣄྫ͕ੜ·Ε͍ͯ·͢ʂ
81. 4FODIBΛ׆༻ͯ͠৽͍࣌͠୅ͷ
    ΞϓϦέʔγϣϯΛ։ൃ͠·͠ΐ͏ʂ
82. QUESTIONS?
83. PHOTO CREDITS http://www.flickr.com/photos/zergev/8430388219/ http://www.flickr.com/photos/jstar/409405305 http://www.flickr.com/photos/msittig/7268114390/ http://www.flickr.com/photos/finnfrode/9420285303 http://www.flickr.com/photos/74576085@N00/5428693024/ http://www.flickr.com/photos/greencolander/3203922211 http://www.flickr.com/photos/tetsumo/3802078924 http://www.flickr.com/photos/losangelespersonaltrainer/ 9784885695 4FODIB͸ɺ4FODIB
    *ODͷొ࿥঎ඪͰ͢ɻ
    .JDSPTPGUɺ8JOEPXTɺ*OUFSOFU
    &YQMPSFS͸ɺถࠃ.JDSPTPGU
    $PSQPSBUJPOͷถࠃɺ೔ຊ͓Αͼͦͷଞͷࠃʹ͓͚Δొ࿥঎ඪ· ͨ͸঎ඪͰ͢ɻ
    .BD
    ͸ɺถࠃ͓ΑͼͦͷଞͷࠃͰొ࿥͞Ε͍ͯΔ"QQMF
    *ODͷ঎ඪͰ͢ɻ
    ͦͷଞهࡌ͞Ε໊ͨࣾɺ੡඼໊౳͸ɺͦΕͧΕ֤ࣾͷొ࿥঎ඪ·ͨ͸঎ඪͰ͢ɻ