Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Flex/Flash meets HTML5 Family

2,728 views

Published on

Flex meets HTML5 Familyと題して、Flex勉強会第121回@福井での発表。
内容はFlashとHTML5 Familyの連携

Published in: Technology
  • Be the first to comment

Flex/Flash meets HTML5 Family

  1. 1. Flex meets HTML5 Family @shoito 2010/09/11(Sat)
  2. 2. / shoito
  3. 3. → [4Y]
  4. 4. • HTML5 HTML5 Family • Web Storage API as3webstorage • Geolocation API as3geolocation •
  5. 5. HTML5 HTML5 Family
  6. 6. Indexed Database Web workers API Web Storage Geolocation API HTML5 WebSocket File API Web SQL Database ...etc HTML5 & HTML5 Family
  7. 7. Web Storage API as3webstorage
  8. 8. KEY : VALUE KEY : VALUE KEY : VALUE Web Storage API
  9. 9. Session Storage • • sessionStorage.setItem(“key”, “value”); sessionStorage.removeItem(“key”); sessionStorage.clear();
  10. 10. Local Storage • • • localStorage.setItem(“key”, “value”); localStorage.removeItem(“key”); localStorage.clear();
  11. 11. as3webstorage ActionScript3 Web Storage
  12. 12. Flash Flash HTML SharedObject 100KB ( ) Web Storage 5MB :
  13. 13. ActionScript <-> JavaScript ExternalInterface
  14. 14. flash.external.ExternalInterface ActionScript function hoge( ):void (Flash) ExternalInterface ExternalInterface .call(funcJ); .addCallback(“funcA”, hoge); function funcJ( ) { } funcA(); JavaScript (HTML)
  15. 15. Geolocation API as3geolocation
  16. 16. Geolocation API
  17. 17. as3geolocation ActionScript3 Geolocation
  18. 18. Web SQL Database Flash + HTML 5: Offline Flash Apps using DataStore API
  19. 19. • Flex ActionScript <-> JavaScript • ExternalInterface AS <-> JS XML • AS <-> JS
  20. 20. Thanks! @shoito 2010/09/11(Sat)

×