Flex meets HTML5 Family
         @shoito




                   2010/09/11(Sat)
/ shoito
→   [4Y]
• HTML5 HTML5 Family
• Web Storage API as3webstorage
• Geolocation API as3geolocation
•
HTML5   HTML5 Family
Indexed Database
         Web workers             API


         Web Storage       Geolocation API

HTML5
          WebSoc...
Web Storage API
 as3webstorage
KEY : VALUE
  KEY : VALUE
  KEY : VALUE



Web Storage API
Session Storage


•
•
sessionStorage.setItem(“key”, “value”);
sessionStorage.removeItem(“key”);
sessionStorage.clear();
Local Storage

•
•
•
localStorage.setItem(“key”, “value”);
localStorage.removeItem(“key”);
localStorage.clear();
as3webstorage
ActionScript3   Web Storage
Flash


                                            Flash


HTML       SharedObject
           100KB      (   )
          ...
ActionScript <-> JavaScript
   ExternalInterface
flash.external.ExternalInterface

ActionScript                  function hoge( ):void
(Flash)
    ExternalInterface        ...
Geolocation API
 as3geolocation
Geolocation API
as3geolocation
ActionScript3   Geolocation
Web SQL Database


           Flash + HTML 5:
Offline Flash Apps using DataStore API
• Flex
    ActionScript <-> JavaScript

• ExternalInterface    AS <-> JS               XML




•                          ...
Thanks!



             @shoito
          2010/09/11(Sat)
Flex/Flash meets HTML5 Family
Flex/Flash meets HTML5 Family
Flex/Flash meets HTML5 Family
Flex/Flash meets HTML5 Family
Flex/Flash meets HTML5 Family
Upcoming SlideShare
Loading in …5
×

Flex/Flash meets HTML5 Family

2,314 views

Published on

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,314
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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)

×