Submit Search
Upload
End of native?
•
Download as KEY, PDF
•
1 like
•
1,671 views
Yuki Naotori
Follow
Sencha Touch : HTML5 + CSS3 + JavaScript スマートフォン向けWebアプリフレームワーク
Read less
Read more
Technology
Report
Share
Report
Share
1 of 89
Download now
Recommended
100915 HTML5とか勉強会発表資料
100915 HTML5とか勉強会発表資料
Yuki Naotori
Hardware hacking on the pi; what's js got to do with it
Hardware hacking on the pi; what's js got to do with it
Alexander Roche
prdc10-Bdd-real-world
prdc10-Bdd-real-world
Amir Barylko
mvcconf-bdd-quality-driven
mvcconf-bdd-quality-driven
Amir Barylko
Auf Augenhöhe mit Android Studio und Gradle
Auf Augenhöhe mit Android Studio und Gradle
inovex GmbH
Android Studio und gradle
Android Studio und gradle
Dominik Helleberg
Apache Rave (Incubating) at SURFnet
Apache Rave (Incubating) at SURFnet
Jasha Joachimsthal
HTML5ビデオ導入編
HTML5ビデオ導入編
Yuki Naotori
Recommended
100915 HTML5とか勉強会発表資料
100915 HTML5とか勉強会発表資料
Yuki Naotori
Hardware hacking on the pi; what's js got to do with it
Hardware hacking on the pi; what's js got to do with it
Alexander Roche
prdc10-Bdd-real-world
prdc10-Bdd-real-world
Amir Barylko
mvcconf-bdd-quality-driven
mvcconf-bdd-quality-driven
Amir Barylko
Auf Augenhöhe mit Android Studio und Gradle
Auf Augenhöhe mit Android Studio und Gradle
inovex GmbH
Android Studio und gradle
Android Studio und gradle
Dominik Helleberg
Apache Rave (Incubating) at SURFnet
Apache Rave (Incubating) at SURFnet
Jasha Joachimsthal
HTML5ビデオ導入編
HTML5ビデオ導入編
Yuki Naotori
HTML5 History & Features
HTML5 History & Features
Dave Ross
Mobile html5
Mobile html5
ElanaBoehm
Filling the HTML5 Gaps with Polyfills and Shims
Filling the HTML5 Gaps with Polyfills and Shims
reybango
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
Shumpei Shiraishi
Welcome! RGBA
Welcome! RGBA
Even Wu
HTML5 - Let’s make the WEB more powerful
HTML5 - Let’s make the WEB more powerful
Naga Harish M
Looking into HTML5 + CSS3
Looking into HTML5 + CSS3
Christopher Schmitt
InfoTalk#17 1st
InfoTalk#17 1st
Wakasa Masao
html5和移动web应用
html5和移动web应用
麦哥UE
HTML5のご紹介
HTML5のご紹介
yoshikawa_t
A Holistic Approach to HTML5 Game Design & Development
A Holistic Approach to HTML5 Game Design & Development
Karl Bunyan
FocusOnLearning Conference 2016 Austin, TX
FocusOnLearning Conference 2016 Austin, TX
Kirsten Rourke
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)
Shumpei Shiraishi
[2010]我有一个梦想
[2010]我有一个梦想
Twinsen Liang
HTML5 Trends + Cascade Server CMS by Uzo Okafor
HTML5 Trends + Cascade Server CMS by Uzo Okafor
hannonhill
Mobile App Development
Mobile App Development
Chris Morrell
Building Pistachio with Sencha Touch 2 (introductory)
Building Pistachio with Sencha Touch 2 (introductory)
Luis Merino
Html5 public
Html5 public
doodlemoonch
HTML5 and the Mobile Web
HTML5 and the Mobile Web
MrJ1971
120611 html5とか勉強会 st2
120611 html5とか勉強会 st2
Yuki Naotori
101125 sencha con2010報告
101125 sencha con2010報告
Yuki Naotori
More Related Content
Similar to End of native?
HTML5 History & Features
HTML5 History & Features
Dave Ross
Mobile html5
Mobile html5
ElanaBoehm
Filling the HTML5 Gaps with Polyfills and Shims
Filling the HTML5 Gaps with Polyfills and Shims
reybango
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
Shumpei Shiraishi
Welcome! RGBA
Welcome! RGBA
Even Wu
HTML5 - Let’s make the WEB more powerful
HTML5 - Let’s make the WEB more powerful
Naga Harish M
Looking into HTML5 + CSS3
Looking into HTML5 + CSS3
Christopher Schmitt
InfoTalk#17 1st
InfoTalk#17 1st
Wakasa Masao
html5和移动web应用
html5和移动web应用
麦哥UE
HTML5のご紹介
HTML5のご紹介
yoshikawa_t
A Holistic Approach to HTML5 Game Design & Development
A Holistic Approach to HTML5 Game Design & Development
Karl Bunyan
FocusOnLearning Conference 2016 Austin, TX
FocusOnLearning Conference 2016 Austin, TX
Kirsten Rourke
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)
Shumpei Shiraishi
[2010]我有一个梦想
[2010]我有一个梦想
Twinsen Liang
HTML5 Trends + Cascade Server CMS by Uzo Okafor
HTML5 Trends + Cascade Server CMS by Uzo Okafor
hannonhill
Mobile App Development
Mobile App Development
Chris Morrell
Building Pistachio with Sencha Touch 2 (introductory)
Building Pistachio with Sencha Touch 2 (introductory)
Luis Merino
Html5 public
Html5 public
doodlemoonch
HTML5 and the Mobile Web
HTML5 and the Mobile Web
MrJ1971
Similar to End of native?
(20)
HTML5 History & Features
HTML5 History & Features
Mobile html5
Mobile html5
Filling the HTML5 Gaps with Polyfills and Shims
Filling the HTML5 Gaps with Polyfills and Shims
WHAT IS HTML5? (at CSS Nite Osaka)
WHAT IS HTML5? (at CSS Nite Osaka)
Welcome! RGBA
Welcome! RGBA
HTML5 - Let’s make the WEB more powerful
HTML5 - Let’s make the WEB more powerful
Looking into HTML5 + CSS3
Looking into HTML5 + CSS3
InfoTalk#17 1st
InfoTalk#17 1st
html5和移动web应用
html5和移动web应用
HTML5のご紹介
HTML5のご紹介
A Holistic Approach to HTML5 Game Design & Development
A Holistic Approach to HTML5 Game Design & Development
FocusOnLearning Conference 2016 Austin, TX
FocusOnLearning Conference 2016 Austin, TX
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
WHAT IS HTML5?(20100510)
WHAT IS HTML5?(20100510)
[2010]我有一个梦想
[2010]我有一个梦想
HTML5 Trends + Cascade Server CMS by Uzo Okafor
HTML5 Trends + Cascade Server CMS by Uzo Okafor
Mobile App Development
Mobile App Development
Building Pistachio with Sencha Touch 2 (introductory)
Building Pistachio with Sencha Touch 2 (introductory)
Html5 public
Html5 public
HTML5 and the Mobile Web
HTML5 and the Mobile Web
More from Yuki Naotori
120611 html5とか勉強会 st2
120611 html5とか勉強会 st2
Yuki Naotori
101125 sencha con2010報告
101125 sencha con2010報告
Yuki Naotori
SpreadOfficeとSencha Touch
SpreadOfficeとSencha Touch
Yuki Naotori
Sencha touchのはじめかた
Sencha touchのはじめかた
Yuki Naotori
Sencha touch とyubizo engineで作るネイティブアプリ
Sencha touch とyubizo engineで作るネイティブアプリ
Yuki Naotori
Ext JS→Sencha
Ext JS→Sencha
Yuki Naotori
Ext Designerについて
Ext Designerについて
Yuki Naotori
Ext Direct 入門 II
Ext Direct 入門 II
Yuki Naotori
Ext JS & HTML5
Ext JS & HTML5
Yuki Naotori
Ext.util.Observableについて
Ext.util.Observableについて
Yuki Naotori
Ext.Directについて
Ext.Directについて
Yuki Naotori
Ext Jsで柔軟に開発仕事をこなす
Ext Jsで柔軟に開発仕事をこなす
Yuki Naotori
ExtJS 事例 2ちゃんビューアー「Cromartie49」
ExtJS 事例 2ちゃんビューアー「Cromartie49」
Yuki Naotori
090422 第10回勉強会(公開用)
090422 第10回勉強会(公開用)
Yuki Naotori
Ext.ux.google
Ext.ux.google
Yuki Naotori
Prototyping tool "Degino"
Prototyping tool "Degino"
Yuki Naotori
第9回勉強会 開発の基本
第9回勉強会 開発の基本
Yuki Naotori
第9回勉強会(Ext3.0について)
第9回勉強会(Ext3.0について)
Yuki Naotori
第8回Ext勉強会プレゼン - 石丸
第8回Ext勉強会プレゼン - 石丸
Yuki Naotori
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
Yuki Naotori
More from Yuki Naotori
(20)
120611 html5とか勉強会 st2
120611 html5とか勉強会 st2
101125 sencha con2010報告
101125 sencha con2010報告
SpreadOfficeとSencha Touch
SpreadOfficeとSencha Touch
Sencha touchのはじめかた
Sencha touchのはじめかた
Sencha touch とyubizo engineで作るネイティブアプリ
Sencha touch とyubizo engineで作るネイティブアプリ
Ext JS→Sencha
Ext JS→Sencha
Ext Designerについて
Ext Designerについて
Ext Direct 入門 II
Ext Direct 入門 II
Ext JS & HTML5
Ext JS & HTML5
Ext.util.Observableについて
Ext.util.Observableについて
Ext.Directについて
Ext.Directについて
Ext Jsで柔軟に開発仕事をこなす
Ext Jsで柔軟に開発仕事をこなす
ExtJS 事例 2ちゃんビューアー「Cromartie49」
ExtJS 事例 2ちゃんビューアー「Cromartie49」
090422 第10回勉強会(公開用)
090422 第10回勉強会(公開用)
Ext.ux.google
Ext.ux.google
Prototyping tool "Degino"
Prototyping tool "Degino"
第9回勉強会 開発の基本
第9回勉強会 開発の基本
第9回勉強会(Ext3.0について)
第9回勉強会(Ext3.0について)
第8回Ext勉強会プレゼン - 石丸
第8回Ext勉強会プレゼン - 石丸
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
Recently uploaded
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
Scott Keck-Warren
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
Pixlogix Infotech
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
soniya singh
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
OnBoard
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Paola De la Torre
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
2toLead Limited
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
Recently uploaded
(20)
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
End of native?
1.
2.
End of Native
? Sencha Touch : HTML5 + CSS3 + JavaScript Web Ext Japan, LLC (@extjapan) (@naotori)
3.
End of Native
or rise of web app
4.
End of Native
Application
5.
End of Native
Application • • HTML5 Web
6.
End of Native
Application • • HTML5 Web Native App Web App
7.
My iPhone
8.
My iPhone
9.
My iPhone
10.
Web Application
11.
Web Application •
Web Web • HTML5 •
12.
13.
•
1990 • • Web •
14.
•
1990 • • Web •
15.
16.
•
URL • • •
17.
18.
• • • •
19.
20.
•
Time to Market • • •
21.
22.
• • • •
23.
HTML5
24.
HTML5 • •
API • CSS3
25.
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
26.
•
8 • HTML5 HTML5
27.
HTML5 ~
28.
HTML5 ~ •
IE9 • IE6/7/8 •
29.
HTML5 ~
30.
HTML5 ~ •
JavaScript • HTML5? CSS3? ?
31.
HTML5 ~
/
32.
HTML5 ~
/ • iOS Android BlackBerry WebOS • Windows Phone
33.
34.
• •
API •
35.
About Sencha
36.
37.
Ext JS is
now Sencha
38.
Ext JS is
now Sencha • 2006 • 2007 Ext JS • 2010 6 VC • Sencha jQTouch Raphaël
39.
Ext JS is
now Sencha • 2006 • 2007 Ext JS • 2010 6 VC • Sencha jQTouch Raphaël JavaScript
40.
Sencha Ext JS Ext GWT Sencha
Touch Ext Core Ext Designer jQTouch Raphael
41.
Sencha Ext Designer
Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
42.
Sencha Ext Designer
Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
43.
Sencha Ext Designer
Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
44.
Sencha Ext Designer
JavaScript Ext Core Ext JS jQTouch Sencha Touch Raphael Ext GWT
45.
Sencha Ext
Designer Ext Core Ext JS jQTouch Sencha Touch Raphael Java Ext GWT
46.
JavaScript
47.
JavaScript • •
Ext JS •
48.
49.
•
HTML/CSS/JavaScript •
50.
DOM
51.
DOM •
DOM Document Object Model • JavaScript DOM • DOM
52.
Ext JS
53.
Ext JS •
HTML • • •
54.
About me
55.
56.
•
2008 Ext Japan @extjapan • Sencha • Ext JS / Sencha Touch • @naotori
57.
Sencha Touch beta
58.
Coming Soon: BlackBerry
6 & WebOS
59.
Demo
http://www.bitsoflove.be/ http://m.echo2010.com/ cactusfestival/web/ http://m.skicrystal.com/ http://nils-dehl.de/m/
60.
WebKit Rocks! •
HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
61.
WebKit Rocks! •
HTML5 + CSS3 • Transforms, Transitions, and Animations • Canvas • SQLite • Cache Manifest • Geo-Location
62.
•
WebKit • • • Orientation • • • • • GUI
63.
• •
Tap Double tap Tap and hold Swipe Pinch Drag & drop
64.
• •
WebKitCSSMatrix • GUI
65.
GUI •
Lists Nested Grouped Sortable • Carousel • Picker • Overlay • Toolbars & buttons • HTML5 Audio Video GeoLocation
66.
<75k minified & gzipped
67.
FAQ
68.
FAQ •
Sencha Touch Ext JS
69.
FAQ •
Sencha Touch Ext JS • jQuery
70.
FAQ •
Sencha Touch Ext JS • jQuery • AppStore/Android Market
71.
HTML5?
72.
HTML5? •
HTML5 CSS3
73.
HTML5? •
HTML5 CSS3 • HTML5
74.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio
75.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local
76.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation
77.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5
78.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets?
79.
HTML5? •
HTML5 CSS3 • HTML5 • input[type=search] video audio • webstorage session/local • geolocation • HTML5 • WebSockets? • SVG?
80.
Sencha Touch •
Version: 0.95β • • Android • API •
81.
•
¥9,900/ • • GPLv3
82.
83.
84.
• HTML5
85.
• HTML5 • JavaScript+HTML+CSS
iOS Android
86.
• HTML5 • JavaScript+HTML+CSS
iOS Android • PhoneGap
87.
• HTML5 • JavaScript+HTML+CSS
iOS Android • PhoneGap •
88.
Objective-C
Ext Japan, LLC (@extjapan) (@naotori)
89.
Objective-C JavaScript
Ext Japan, LLC (@extjapan) (@naotori)
Download now