Ext JS & HTML5
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Ext JS & HTML5

  • 8,879 views
Uploaded on

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

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

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • This is very helpful for you and for us i think it is one of the best blog in the world.

    http://www.downloadaresfree.org/
    Are you sure you want to
    Your message goes here
    Be the first to like this
No Downloads

Views

Total Views
8,879
On Slideshare
8,713
From Embeds
166
Number of Embeds
4

Actions

Shares
Downloads
47
Comments
1
Likes
0

Embeds 166

http://extjs.co.jp 88
http://www.slideshare.net 45
http://www.extjs.co.jp 32
http://translate.googleusercontent.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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