Internet Explorer 10 と Windows ストアアプリ

PowerPoint: http://sdrv.ms/15XbQAu
PDF: https://speakerd.s3.amazonaws.com/presentations/7150b6c09c320130377362ecddd7671a/Internet_Explorer_10とWindowsストアアプリ.pdf

サンプル:
http://mayuki.github.io/Sample/Cod2013/
https://github.com/mayuki/Cod2013

Transcript

1. View Slide

2. About Me
   

   View Slide

3. !
   

   View Slide

4. Internet Explorer 10 &
   Web Windows
   

   View Slide

5. CSS DOM HTML5 JavaScript/API
   

   View Slide

6. SVG Windows 8
   http://msdn.microsoft.com/ja-jp/library/ie/hh673549.aspx
   

   View Slide

7. CSS
   CSS Device Adaptation
   CSS3
   CSS3 ("Flexbox")
   CSS3
   CSS3
   CSS3
   CSS3 3-D
   CSS3
   CSS3
   CSS3
   CSS3
   CSS3
   DOM
   API
   CSSOM
   createContextualFragment
   XMLHttpRequest
   HTML5
   Application Cache API ("AppCache")
   Drag and Drop API
   File API
   Web Workers
   WebSocket
   JavaScript/API
   IndexedDB
   ECMAScript5 strict
   

   View Slide

8. http://mayuki.github.io/Sample/Cod2013/
   https://github.com/mayuki/Cod2013
   

   View Slide

9. CSS
   

   View Slide

10. #container {
    width: 300px;
    height: 300px;
    display: -ms-grid;
    -ms-grid-columns: 25% 75%; /* 25% 75% 2 */
    -ms-grid-rows : 50% 50%; /* 50% 50% 2 */
    }
    #box1 {
    background-color: #ffaaaa;
    -ms-grid-column: 1;
    -ms-grid-row : 1;
    }
    #box2 {
    background-color: #aaffaa;
    -ms-grid-column: 2;
    -ms-grid-row : 1;
    }
    #box3 {
    background-color: #aaaaff;
    -ms-grid-column : 1;
    -ms-grid-row : 2;
    -ms-grid-column-span: 2;
    }
    
    
    Box1 (25%)
    
    
    Box2 (50%)
    
    
    Box3 (50%+50%)
    
    
    

    View Slide

11. View Slide

12. http://ie.microsoft.com/testdrive/graphics/hands-on-
    css3/hands-on_grid.htm
    

    View Slide

13. View Slide

14. CSS Animations
    CSS Transitions
    

    View Slide

15. View Slide

16. API
    Web (Candidate Recommendation)
    

    View Slide

17. View Slide

18. View Slide

19. View Slide

20. API
    Internet Explorer
    

    View Slide

21. View Slide

22. API
    Web
    

    View Slide

23. JavaScript API
    Internet Explorer
    

    View Slide

24. API
    Web
    

    View Slide

25. (draggable )
    

    View Slide

26. View Slide

27. JavaScript
    

    View Slide

28. View Slide

29. View Slide

30. http://mayuki.github.io/Sample/Cod2013/HtmlApp/App.html
    

    View Slide

31. View Slide

32. HTML, JavaScript, CSS ?
    HTML !
    

    View Slide

33. View Slide

34. https://github.com/mayuki/Cod2013/blob/master/REA
    DME.md
    https://github.com/mayuki/Cod2013/tree/master/Cod2
    013DemoApp
    

    View Slide

35. View Slide

36. HTML, JavaScript, CSS ?
    HTML !
    

    View Slide

37. View Slide

38. Internet Explorer 10
    Web
    Windows
    

    View Slide

39. http://msdn.microsoft.com/ja-jp/library/ie/hh673549.aspx
    http://ie.microsoft.com/testdrive/
    http://ie.microsoft.com/testdrive/graphics/hands-on-css3/
    

    View Slide