Ext JS 勉強会 2月＠東京　資料

1. Ext JS & HTML5
2010 2 25

2. :
:
: Ext JS & Google App Engine (Python)
URL : www.degino.com
Twitter : Tommy1969
2010 2 25

3. HTML5
Media: video, audio, canvas
Structure: header, footer, section, nav, article, etc...
Form & Grid: form , dataview (*)
Local Database : Web Database
JavaScript : Web Sockets, Web Workers
CSS3 : Effect, Animation
Misc : File API,
2010 2 25

4. HTML 5 Demo
2010 2 25

5. Ext JS HTML5
Ext JS HTML5
Media ○
Structure ○
Form&Grid ○
LocalDB ○
Background ○
Other ○
2010 2 25

6. Form Example
2010 2 25

7. Ext JS Roadmap
Ext JS 3.2 (2010/3)
Ext JS 4.0
HTML5
HTML5 WebSocket
Canvas
2010 2 25

8. Ext JS HTML5
Web Database ?
Ext.data.DataProxy (?)
Canvas, SVG, Video
Ext.Panel
2010 2 25

9. Canvas Panel 1
MyCanvas = Ext.extend(Ext.Panel, {
initComponent: function() {
MyCanvas.superclass.initComponent.call(this);
this.on({
render: this._render,
bodyresize: function(panel, width, height) {
if (this.canvas) this.canvas.setSize(width, height);
}
});
}
};
2010 2 25

10. Canvas Panel 2
MyCanvas._render = function() {
var size = this.getSize();
var cfg = Ext.copyTo({
tag : 'canvas',
width: size.width,
height: size.height
},
this, 'poster,start,loopstart,loopend,playcount,autobuffer,loop');
this.canvas = this.body.createChild(cfg);
};
2010 2 25

11. 2010 2 25