This document discusses Ext JS and Gears. It provides an overview of Ext JS including its use of JavaScript, UI components like grids and trees, and data binding using stores and proxies. It also discusses Ext Direct for remoting and Gears which introduced APIs in 2007 for features like databases, geolocation, and notifications to enhance HTML capabilities.

1. Ext JS + Gears
Python Hack-a-thon #2
hagino_3000

2. Agenda
• Ext JS
• Ext JS
• Gears... (?)

3. About me...

4. id : hagino_3000
• SIer
• vim
• java-ja.js
•( )
• !!

6. Ext JS
• JavaScript
•
•

7. Framework?
•
•
•
•

8. Ext JS

9. UI Components

11. •
• svn
•
• etc...
•
•

12. •
• Javascripter
•
• JPY 39,500

14. Observer Pattern

15. UI

16. UI Widget (Grid, Tree...)
DataStore
Record
DataReader
DataProxy
Web API, On Memory

17. Ext Direct
Ext JS

18. Ext.Direct.addProvider({
type: 'remoting',
url: '/direct',
actions: {
"Users":[{ // Rails controller
"name":"get", // action
"len":0
}]
},
namespace : "ServerSide"
});
ServerSide.Users.get({id:100}, callback);
function callback(result, response){
console.dir(result);}

19. # server response
{
"type":"rpc",
"errors":[],
"result":{"id":"100", "name":"yamada"},
"status":true,
"tid":9,
"message":"Success!! Users#get"
}

20. • Ext Designer
• Debugger
•

21. Ext JS ...
• JSON
• JavaScript
•

22. Gears

23. 2007-05-31 Google Gears

24. ...

25. AudioAPI Database2API
BlobAPI DesktopAPI
BlobBuilderAPI FileSystemAPI
CameraAPI GeolocationAPI
CanvasAPI NotificationAPI
ConsoleAPI LocalServerAPI
DatabaseAPI WorkerPoolAPI

26. • WEB+DB PRESS Vol.54
• HTML5 ……