Your SlideShare is downloading. ×
0
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
End of native?
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

End of native?

3,521

Published on

Sencha Touch : HTML5 + CSS3 + JavaScript …

Sencha Touch : HTML5 + CSS3 + JavaScript
スマートフォン向けWebアプリフレームワーク

Published in: Technology
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
3,521
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
55
Comments
1
Likes
1
Embeds 0
No embeds

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. End of Native ? Sencha Touch : HTML5 + CSS3 + JavaScript Web Ext Japan, LLC (@extjapan) (@naotori)
  • 2. End of Native or rise of web app
  • 3. End of Native Application
  • 4. End of Native Application • • HTML5 Web
  • 5. End of Native Application • • HTML5 Web Native App Web App
  • 6. My iPhone
  • 7. My iPhone
  • 8. My iPhone
  • 9. Web Application
  • 10. Web Application • Web Web • HTML5 •
  • 11. • 1990 • • Web •
  • 12. • 1990 • • Web •
  • 13. • URL • • •
  • 14. • • • •
  • 15. • Time to Market • • •
  • 16. • • • •
  • 17. HTML5
  • 18. HTML5 • • API • CSS3
  • 19. HTML5 • http://www.apple.com/html5/ • http://mrdoob.com/projects/chromeexperiments/ball_pool/ • http://www.apple.com/html5/showcase/transitions/ • http://mrdoob.com/119/Zoom_blur_HTML5 • http://www.apple.com/html5/showcase/typography/ • http://mrdoob.com/97/Depth_of_Field_HTML5 • http://www.apple.com/html5/showcase/gallery/ • http://mrdoob.com/92/Google_Gravity_HTML5 • http://www.apple.com/html5/showcase/threesixty/ • http://onecm.com/projects/canopy/ • http://www.effectgames.com/demos/canvascycle/ • http://calinmocanu.webs.com/the_canvas/fish.htm • http://tech.kayac.com/data/html5_and_css3/demo/index.html# • http://www.andrew-hoyer.com/experiments/cloth/ • http://www.chromeexperiments.com/ • http://www.zynaps.com/jslab.xml?id=envmap • http://balldroppings.com/js/ • http://hakim.se/experiments/html5/trail/03/ Safari/Chrome
  • 20. • 8 • HTML5 HTML5
  • 21. HTML5 ~
  • 22. HTML5 ~ • IE9 • IE6/7/8 •
  • 23. HTML5 ~
  • 24. HTML5 ~ • JavaScript • HTML5? CSS3? ?
  • 25. HTML5 ~ /
  • 26. HTML5 ~ / • iOS Android BlackBerry WebOS • Windows Phone
  • 27. • • API •
  • 28. About Sencha
  • 29. Ext JS is now Sencha
  • 30. Ext JS is now Sencha • 2006 • 2007 Ext JS • 2010 6 VC • Sencha jQTouch Raphaël
  • 31. Ext JS is now Sencha • 2006 • 2007 Ext JS • 2010 6 VC • Sencha jQTouch Raphaël JavaScript
  • 32. Sencha Ext JS Ext GWT Sencha Touch Ext Core Ext Designer jQTouch Raphael
  • 33. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • 34. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • 35. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • 36. Sencha Ext Designer JavaScript Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
  • 37. Sencha Ext Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Java Ext GWT
  • 38. JavaScript
  • 39. JavaScript • • Ext JS •
  • 40. • HTML/CSS/JavaScript •
  • 41. DOM
  • 42. DOM • DOM Document Object Model • JavaScript DOM • DOM
  • 43. Ext JS
  • 44. Ext JS • HTML • • •
  • 45. About me
  • 46. • 2008 Ext Japan @extjapan • Sencha • Ext JS / Sencha Touch • @naotori
  • 47. Sencha Touch beta
  • 48. Coming Soon: BlackBerry 6 & WebOS
  • 49. Demo http://www.bitsoflove.be/ http://m.echo2010.com/ cactusfestival/web/ http://m.skicrystal.com/ http://nils-dehl.de/m/
  • 50. WebKit Rocks! • HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
  • 51. WebKit Rocks! • HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
  • 52. • WebKit • • • Orientation • • • • • GUI
  • 53. • • Tap Double tap Tap and hold Swipe Pinch Drag & drop
  • 54. • • WebKitCSSMatrix • GUI
  • 55. GUI • Lists Nested Grouped Sortable • Carousel • Picker • Overlay • Toolbars & buttons • HTML5 Audio Video GeoLocation
  • 56. <75k minified & gzipped
  • 57. FAQ
  • 58. FAQ • Sencha Touch Ext JS
  • 59. FAQ • Sencha Touch Ext JS • jQuery
  • 60. FAQ • Sencha Touch Ext JS • jQuery • AppStore/Android Market
  • 61. HTML5?
  • 62. HTML5? • HTML5 CSS3
  • 63. HTML5? • HTML5 CSS3 • HTML5
  • 64. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio
  • 65. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local
  • 66. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation
  • 67. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5
  • 68. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets?
  • 69. HTML5? • HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets? • SVG?
  • 70. Sencha Touch • Version: 0.95β • • Android • API •
  • 71. • ¥9,900/ • • GPLv3
  • 72. • HTML5
  • 73. • HTML5 • JavaScript+HTML+CSS iOS Android
  • 74. • HTML5 • JavaScript+HTML+CSS iOS Android • PhoneGap
  • 75. • HTML5 • JavaScript+HTML+CSS iOS Android • PhoneGap •
  • 76. Objective-C Ext Japan, LLC (@extjapan) (@naotori)
  • 77. Objective-C JavaScript Ext Japan, LLC (@extjapan) (@naotori)

×