次世代プラットフォームでのhtml5アプリ開発 firefox os/ubuntu touch

Download 次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch

Post on 04-Jul-2015

12.057 views

Category:

Technology

3 download

Embed Size (px)

TRANSCRIPT

  • 1. Web 2013/05HTML5Firefox OS/Ubuntu Touch

2. Twitter: @masap: Wi-Fi: #FirefoxOS 3. 3Firefox OS/Ubuntu TouchHTML5Ubuntu TouchWeb API 4. 4 5. 5iOS Android Tizen UbuntuTouchFirefox OSSDK Xcode Eclipse withADT PluginTizen SDK Ubuntu SDK WebKit WebKit WebKit WebKit Gecko Objective-C Java JavaScript QML/JavaScriptJavaScript Objective-C XML HTML5/CSSQML/HTML5/CSSHTML5/CSS Objective-C C++ EFL C++ OS iOS Linux Linux Linux Linux 6. 6Firefox OSHTML5http://www.slideshare.net/honmamasashi1/firefox-os-customize14 7. Ubuntu TouchHTML5Qt CreatorUbuntu DesktopUbuntu TouchQtQMLHTML5QMLwebviewAndroidwebview 8. 8Ubuntu Touch 9. 9HTML5(1/3)Ubuntu 13.04Ubuntu SDK$ sudo apt-get install ubuntu-sdk libqt5webkit5-qmlwebkitpluginQt CreatorCtrl-NUbuntu Touch HTML5 UI 10. 10HTML5(2/3)FinishCtrl-Ohtml/index.html Build -> Run Ubuntu 11. HTML5(3/3)Tools -> Ubuntu Touch -> DeviceControl -> Enable -> Developer Tools (20)SSHTools -> Ubuntu Touch -> Device Control-> SSH to deviceBuild -> Ubuntu Touch -> Run Application onDevice 12. UbuntuWeb 13. 13Web API 14. 14HTML5API) Android 15. 15Firefox OS (Gecko)Ubuntu Touch (Webkit) API Ambient light sensor Battery Status Proximity sensor Vibration 16. 16Firefox OS (Gecko)Ubuntu Touch (Webkit) API Ambient light sensor Battery Status Proximity sensor Vibration 17. 17Firefox OSUbuntu TouchUbuntu TouchAPI Firefox OS UbuntuTouchAmbient light sensor Battery Status Proximity sensor Vibration 18. 18Ubuntu TouchUbuntu TouchJavaScriptUbuntu Desktop + ChromiumAPI JavaScriptAmbient light sensor Battery Status addEventListener()levelchange,chargingchangeundefinednavigator.battery.level,navigator.battery.chargingundefinedProximity sensor Vibration navigator.vibrate()Object # has no methodvibrate 19. 19W3C APIRecommendation ProposedRecommendationCandidateRecommendation Battery Status API,Vibration APILast CallWorking DraftWorking Draft API Ambient Light Event,Proximity Events 20. 20Firefox OSUbuntu TouchFirefox OSWebAPIUbuntu TouchWebkitAndroid/Ubuntu Touch/Tizen/Chrome OS 21. 21Web APIFirefox OS 22. 22