chrome apps 概要

38
Chrome Apps 概要 2014/4/9 html5j Web プラットフォーム部 第1回 Toru Yoshikawa (@yoshikawat)

Upload: yoshikawat

Post on 01-Nov-2014

3.079 views

Category:

Technology


2 download

DESCRIPTION

4/9に開催されたhtml5j Webプラットフォーム部 第1回の説明資料です。

TRANSCRIPT

  • 1. Chrome Apps 2014/4/9 html5j Web 1 Toru Yoshikawa (@yoshikawa_t)
  • 2. Who? html5jHTML5 () Google Developer Experts (Chrome) HTML5 Experts.jp No.3 Web ()jQuery Mobile ()Sublime Text 2 Japan Users Group () Blog: http://d.hatena.ne.jp/pikotea/ / Toru Yoshikawa @yoshikawa_t
  • 3. Agenda Chrome Apps Chrome Apps Chrome Apps API Chrome Apps Appendix Chrome Apps
  • 4. Chrome Apps
  • 5. Chrome Apps Chrome Web Store HTML5CSS3JavaScriptWeb ChromeChromeOS HTML5 API
  • 6. Chrome Apps Chrome Apps Packaged Apps ChromeHosted Apps WebChrome Web Store Extensions
  • 7. Packaged Apps Chrome UI API USB, Bluetooth, Serial
  • 8. Extensions UI JavaScriptContent Scripts
  • 9. Chrome Apps
  • 10. Chrome Apps 1. 2. 3.JS 4.html 5.Web API https://developer.chrome.com/apps/first_app
  • 11. ( http://bit.ly/chromeapps20131224 )
  • 12. Chrome AppsExtensions 1
  • 13. CSP (Content Security Policy) CSPW3C CSPHTTP"Content- Security-Policy" eval https://dvcs.w3.org/hg/content-security-policy/raw- le/tip/csp-specication.dev.html
  • 14. CSP Chrome Apps CSP
  • 15. localStoragechrome.storage chrome.storageAPI GoogleChrome setIntervalsetTimeoutchrome.alarms setTimeout persistent:true
  • 16. Chrome Apps API
  • 17. Chrome Apps API API Apps http://developer.chrome.com/apps/api_index.html Extensions http://developer.chrome.com/extensions/ api_index.html
  • 18. Chrome Apps API chrome.browserAction chrome.contextMenus chrome.pageAction chrome.omnibox chrome.notifications Option Page Override Pages chrome.tabs chrome.window chrome.app.window UI
  • 19. Chrome Apps API chrome.bookmarks chrome.cookies chrome.history chrome.commands chrome.pageCapture MHTML chrome.storage chrome.fileSystem chrome.mediaCalleries
  • 20. Chrome Apps API Message Passing CORS XHR XMLHttpRequest chrome.declarativeWebRequest chrome.proxy Chrome chrome.webNavigation chrome.webRequest chrome.pushMessaging Google Cloud Messaging chrome.socket TCPUDP
  • 21. Chrome Apps API chrome.serial chrome.usb USB
  • 22. Chrome Apps API chrome.management chrome.permissions chrome.brawsingData chrome.contentSettings JavaScript chrome.extension chrome.fontSettings
  • 23. Chrome Apps API chrome.tts chrome.ttsEngine
  • 24. Chrome Apps API chrome.idle chrome.runtime chrome.app.runtime chrome.i18n chrome.alarms setTimeoutsetInterval chrome.privacy chrome.webstore chrome.devtools
  • 25. Chrome Apps Chrome In-App Payments ChromeGoogle Checkout 1
  • 26. Apache CordovaChrome Apps Cordova API https://github.com/MobileChromeApps/mobile-chrome- apps/blob/master/README.md Chrome Apps for mobile (http://bit.ly/1jtaGR4)
  • 27. Chrome :) Chrome Apps Chrome Web Store Chrome Developer Tools http://amzn.to/12eKqmt Chrome API Developers JP https://sites.google.com/site/chromeapijp/
  • 28. Thank you!! (@yoshikawa_t)
  • 29. Appendix
  • 30. Chrome Apps
  • 31. Chrome Apps Content Scripts chrome://inspect
  • 32.
  • 33. Console Console
  • 34. chrome://extensions
  • 35. Content Script Sources Content Scripts
  • 36. Content ScriptConsole
  • 37. chrome://inspect
  • 38. Resources https://developer.chrome.com/ https://developer.chrome.com/apps/about_apps https://github.com/MobileChromeApps/mobile- chrome-apps/