Who am I? JavaNews.jp Java FAQ Ajax blog OpenGL FAQ Google WebLog Digital Gadget / Software Design SIGGRAPH Tokyo Chair

Size: px

Start display at page:

Download "Who am I? JavaNews.jp Java FAQ Ajax blog OpenGL FAQ Google WebLog Digital Gadget / Software Design SIGGRAPH Tokyo Chair"

ゆゆこいのら
7 years ago
Views:

1 JavaFest in Sapporo 2005/12/9

2 Who am I? JavaNews.jp Java FAQ Ajax blog OpenGL FAQ Google WebLog Digital Gadget / Software Design SIGGRAPH Tokyo Chair

3 Agenda Ajax Ajax Ajax Ajax Ajax Ajax Ajax

4 Ajax Asynchronous JavaScript And XML Adaptive Path / Jesse James Garrett

5 Another Ajax

6 Ajax Google Maps / Google Moon Google Suggest Google RSS Reader Amazon s diamond search (f) Amazon A9 Microsoft Start.com (f) goo GO Amazon Zuggest

7 Top 10 Ajax Applications Kiko : Backbase's RSS Reader : Backpack : ToDo Writely Amazon Zuggest : TimeTracker : Del.icio.us Director : Backbase's Information Portal : Protopage : Periodic Table of the Elements :

8 - Writely / JotSpot Ajax Office - Num Sum - S5 / Presentacular Yahoo! Mail / Gmail Kiko / JuicyCal Webnote - inetword

9 Ajax Office or Not?

10 Bindows GUI

11 Top 20 Ajax Applications

12 Ajax Q&A Ajax Ajax Ajax = XMLHttpRequest

13 Ajax Adaptive Path / Jesse James Garrett

14 Ajax

15 Ajax = XMLHttpRequest?

16 Ajax

18 Ajax Flash?

19 Ajax

20 Ajax XML, XSLT

21 Ajax

23 Ajax

24 Ajax

25 Ajax JavaScript (ECMA Script / JScript) DHTML (DynamicHTML) CSS (Cascading Style Sheets) http (http status) XML (extensible Markup Language) XSLT (extensible Stylesheet Language Transformations) DOM (Document Object Model) Java(Servlet/JSP/JSF) or PHP or.net

26 Ajax (XHTML+CSS)DHTML,Web DOM(Document Object Model) XML XSLT (XSL Transformations), XMLHttpRequest, JavaScript

27 Ajax

28 Ajax XmlHttpObject Prototype.js Script.aculo.us DWR Dojo Ajax.NET SAJAX

29 XMLHttpRequest IE 5.0+ ( ) Opera 7.6+ Safari Firefox 0.8+ Netscape 7.1+ Mozilla 1.4+ Konqueror 3.0+

30 Ajax XMLHttpRequest iframe script

31 var xmlhttp = this.xmlhttprequest? new XMLHttpRequest() : new ActiveXObject( Microsoft.XMLHTTP ); xmlhttp.onreadystatechange = function() { if (xmlhttp.readystage == 4) { if (xmlhttp.status == 200) { alert(xmlhttp.responsetext); } else { alert( Error: + xmlhttp.status + + xmlhttp.statustext); } } } xmlhttp.open( GET, /cgi-bin/test-ctrl, true); xmlhttp.send(null);

32 XMLHttpRequest Properties onreadystatechange readystate responsetext responsexml status statustext

33 XMLHttpRequest method abort() getallresponseheaders() getresponseheader(label) open(method,url,asyngflag,use rname,password) send(content) setrequestheader(label,value)

34 XMLHttpRequest sample

35 Ajax XML plane text Base64 binary encode JavaScript eval JSON (JavaScript Object Notation)

36 Ajax JavaScript

37 Ajax

38 Ajax

39 Ajax URL,,,, Web / ( ) JavaScript ON,

40 Ajax

41 Ajax Usability Mistakes Not giving immediate visual cues for clicking widgets. Breaking the back button Changing state with links (GET requests) Blinking and changing parts of the page unexpectedly Not using links I can pass to friends or bookmark Too much code makes the browser slow Inventing new UI conventions Not cascading local changes to other parts of the page Asynchronously performing batch operations Scrolling the page and making me love my place Blocking Spidering

42 Ajax JSMin : JavaScript Minifier Squish : JavaScript code compactor ShrinkSafe : JavaScript compressor Swell : Ajax debugging Greasmonkey : firefox plugin IE Leak Detector : IE DOM Inspector JSDoc : JavaScript documentation tool JsLint : JavaScript JsUnit : JavaScript Unit Test tool Selenium : JavaScript auto test tool

43 Dojo s Compressor JavaScript Swell

44 Ajax Debug

45 Ajax Security sandbox Cross Site Scripting CGI Proxy Servlet Proxy script tag

46 Ajax Performance Drip : Internet Explorer Leak Detector Venkman Profiler Process Explorer JsLint

47 Ajax Accessibility

48 Ajax Dojo : UI DWR(Direct Web Remoteing) : Java Prototype.js : JavaScript SAJAX script.aculo.us : Web2.0 Rico : JavaScript MochiKit :

49 Prototype.js JavaScript Ajax.Request Ajax.Updater Ajax.PeriodicalUpdater

50 Ajax tag library Ajax Pages JavaScript Template Engine

51 Ajax IDE/Tools Microsoft Atlas Genuitec MyEclipse Enterprise Workbench TIBCO General Interface Turbo TIBET JackBe Visual Ajax GUI Development Tool telerik r.a.d.callback RIALTO Interakt JS Eclipse AjaxBuilder

52 Ajax AHAH AHAH (Asynchronous HTML and HTTP) XML

53 Ajax Arax Arax (Asynchronous RPC and XML) RPC (Remote Procedure Call) news/dyamic_cockpit_technology

54 Ajax Nokia S60 OSS Browser S60browser/index.html DHTML, CSS, SVG-Tiny JavaScript 1.5

55 Ajax

56 Ajax Books Ajax Ajax Ajax in Action Foundations of Ajax Pragmatic Ajax PDF Professional Ajax Ajax Patterns and Best Practices Beginning AJAX AJAX Programming with Java Ajax Design Patterns Ajax for Dummies Head Rush Ajax

57 Ajax Resources Ajaxian Ajax Matters del.icio.us < Technorati < fiftyfourevelen.com feedmarker < Ajax blog < Ajax Magazine <

58 Summary

59 ? Gmail : yukio.ando@gmail.com

Ajax-ch00

Ajax-ch00 vi vii viii ix C O N T E N T S..................................................... iii.......................................................... iv........................................................