Sencha ®ƒ•ƒ¬ƒ¼ƒ ƒ¯ƒ¼‚¯ Ext JS 5 «¤„¦ 15 ˆ†§è¬™‚‹‚ˆ

  • View
    474

  • Download
    1

Embed Size (px)

Text of Sencha ®ƒ•ƒ¬ƒ¼ƒ ƒ¯ƒ¼‚¯...

  • Sencha Ext JS 5 15

    @martini3oz

  • Sencha UG Co-Organizer Sencha

  • Sencha Touch 2 HTML5/JavaScript Sencha Touch iOSAndroid

    Sencha Touch

  • HTML5

    Sencha

  • sencha generate app

  • Web

  • index.html

    1 ! 2 ! 3 ! 4 ! 5 ! 6 ! 7 MyList! 8 ! 9 !10 !11 !12 !13 !14 !

  • index.html

    Sencha HTML

    index.html

  • SASS

  • JavaScript Alter JS Sencha JavaScript

  • 1 // ! 2 Ext.define('MyApp.mypackage.MyClass', {! 3 extend: 'MyApp.SuperClass',! 4 config: {! 5 myConfig: true! 6 }! 7 });! 8 ! 9 // !10 var instance = Ext.create('MyApp.mypackage.MyClass', {!11 myConfig: false!12 });!

  • TreePanel

  • GridPanel

  • ToolBar

  • Chart

  • 200

  • 1 // ! 2 Ext.define('MyApp.view.MyPanel', {! 3 extend: 'Ext.form.Panel',! 4 config: {! 5 title: '11',! 6 items: [{! 7 xtype: 'textfield',! 8 fieldLabel: '',! 9 name: 'name'!10 },{!11 xtype: 'datefield',!12 fieldLabel: '',!13 name: 'birthday'!14 }]!15 }!16 });

  • 1 // ! 2 Ext.define('MyApp.view.MyPanel', {! 3 extend: 'Ext.form.Panel',! 4 config: {! 5 title: '11',! 6 items: [{! 7 xtype: 'textfield',! 8 fieldLabel: '',! 9 name: 'name'!10 },{!11 xtype: 'datefield',!12 fieldLabel: '',!13 name: 'birthday'!14 }]!15 }!16 });

  • MVC - MVVM

    Application

    View

    ViewModel

    ViewController

    Model

    Store

    Proxy

    Controller

  • MVC - MVVM

    Application

    View

    ViewModel

    ViewController

    Model

    Store

    Proxy

    Controller

  • ViewController

  • Sencha UG

    Sencha

    http://www.meetup.com/Japan-Sencha-User-Group/

    https://atnd.org/users/160956