Sencha ƒ•ƒ¬ƒ¼ƒ ƒ¯ƒ¼‚¯®çµ±ˆé–‹ç™ƒ„ƒ¼ƒ« Sencha Cmd

  • View
    899

  • Download
    3

Embed Size (px)

DESCRIPTION

Sencha UG勉強会 第19回@大阪 で発表した資料です。

Text of Sencha...

  • 1. Sencha Sencha Cmd
  • 2. Sencha UG Co-Organizer Sencha Sencha Touch 2
  • 3. Sencha Sencha Cmd Sencha Cmd
  • 4. Sencha Sencha Cmd Sencha Cmd
  • 5. HTML5 Sencha
  • 6. Sencha Sencha Ext JS Sencha Touch Sencha GXT Sencha Architect Sencha Cmd Sencha Animator Support Training Sencha Space
  • 7. Sencha Sencha Ext JS Sencha Touch Sencha GXT Sencha Architect Sencha Cmd Sencha Animator Support Training Sencha Space
  • 8. Sencha Sencha Cmd Sencha Cmd
  • 9. Sencha Cmd Sencha CUI Ext JS 4.x / Sencha Touch 2.x Sencha Framework
  • 10. JS Web
  • 11. JS Web generate MVC
  • 12. JS Web app build / compile &
  • 13. JS Web web Apache
  • 14. JS Web app build native cordova/phonegap
  • 15. JS Web build package / package generate
  • 16. SDK sencha generate workspace /path/to/workspace
  • 17. MVC Sencha sencha generate app AppName /path/to/workspace
  • 18. MVC sencha generate controller sencha generate model sencha generate form sencha generate view
  • 19. sencha generate theme
  • 20. Sencha Cmd ! SDK sencha upgrade sencha app upgrade /path/to/sdk
  • 21. Web Web Apache sencha web -port 8080 start
  • 22. option production / testing / native / package production = & testing = sencha app build [option]
  • 23. Sencha Sencha Cmd Sencha Cmd
  • 24. JavaScript 1 = 1
  • 25. 1 = 1 = MyApp.view.Main = /app/view/Main.js
  • 26. Ext.define(MyApp.view.Main, { extend: Ext.tab.Panel, : : });
  • 27. Ext.define(MyApp.view.Main, { extend: Ext.tab.Panel, : : });
  • 28. Ext.define(MyApp.view.Main, { extend: Ext.tab.Panel, : : });
  • 29. require Ext.define(MyApp.view.Main, { extend: Ext.tab.Panel, requires: [ Ext.form.Panel, Ext.grid.Panel ], : });
  • 30. extend / requires 1=1
  • 31. SDK
  • 32. sencha app build
  • 33. watch
  • 34. watch sencha app watch
  • 35. Sencha Cmd Sencha Touch packager.json iOS / Android Cordova / PhoneGap
  • 36. Cordova & PhoneGap with Sencha Cmd 4 https://vimeo.com/85689341 Sencha TouchPhoneGap http://www.xenophy.com/sencha-blog/9717
  • 37. Sencha Sencha Cmd Sencha Cmd
  • 38. init refresh resolve js resources sass slice page native-package
  • 39.
  • 40. local.properties - ${app.dir}/.sencha/app/${build.environment}.properties ${app.dir}/.sencha/app/build.properties ${app.dir}/.sencha/app/defauls.properties
  • 41. ) build.properties skip.{}=1 ) slice skip.slice=1
  • 42. {$app.dir}sencha/app/sencha.cfg {$app.dir}app.json ${workspace.dir}/workspace.json ${workspace.dir}/.sencha/workspace/sencha.cfg
  • 43. ) index.php index.html index.php app.page.name=index.php "page": { "name": "index.php" } sencha.cfg app.json
  • 44. ${app.dir}/build.xml build.xml .sencha/build-impl.xml
  • 45. ! build-impl.xml target -before-foo -after-bar -after-page page init refresh resolve js resources sass slice page native-package
  • 46. ) PHP Sencha
  • 47. And More... http://docs.sencha.com/cmd/