Cutting Edge!

まどすた #1 ～ //build/ 2016 振り返り
2016-05-21（土）
https://roommetro.doorkeeper.jp/events/44062

-----
デモサイト(当日のものとは少し違います):
http://madosta-20160521-demo.azurewebsites.net/
https://github.com/mayuki/Madosta-20160521-Demo

Transcript

1. View Slide

2. http://github.com/mayuki
   http://www.misuzilla.org/
   

   View Slide

3. Browser Updates
   Web Platform Updates
   

   View Slide

4. View Slide

5. Accessibility Tree View
   Paste and Go
   Swipe Navigation
   Browser Extension
   

   View Slide

6. View Slide

7. ! !
   

   View Slide

8. !
   

   View Slide

9. #
   

   View Slide

10. !
    

    View Slide

11. View Slide

12. Chrome
    http://browserext.github.io/browserext/
    

    View Slide

13. browserAction
    contextMenus
    cookies
    extension
    i18n
    pageAction
    runtime
    storage
    tabs
    webNavigation
    webRequest
    windows
    https://github.com/MicrosoftEdge/MicrosoftEdge-Documentation/tree/master/extensions/supported-APIs
    

    View Slide

14. Google Chrome
    window.chrome window.browser
    Unsupported API
    

    View Slide

15. View Slide

16. View Slide

17. View Slide

18. View Slide

19. Web Notifications
    Fetch API
    Web Payments API
    WebRTC v1.0+VP8,H.264/AVC
    VP9
    Opus
    WebM Container
    ECMAScript 6,7,2016
    Web Speech API
    URL API
    Canvas 2D Path 2D
    WOFF 2.0
    Drag and Drop Directories
    High Resolution Time 2
    Beacon
    Windows Hello (FIDO)
    

    View Slide

20. Web Notifications
    Fetch API
    Web Payments API
    WebRTC v1.0+VP8,H.264/AVC
    VP9
    Opus
    WebM Container
    ECMAScript 6,7,2016
    Web Speech API
    URL API
    Canvas 2D Path 2D
    WOFF 2.0
    Drag and Drop Directories
    High Resolution Time 2
    Beacon
    Windows Hello (FIDO)
    

    View Slide

21. http://madosta-20160521-demo.azurewebsites.net/
    https://github.com/mayuki/Madosta-20160521-Demo
    

    View Slide

22. View Slide

23. API
    http://www.w3.org/TR/beacon/
    User-Agent
    

    View Slide

24. // WebIDL
    partial interface Navigator {
    boolean sendBeacon(USVString url, optional BodyInit? data = null);
    };
    // JavaScript
    document.querySelector('#button-01').addEventListener('click', (e) => {
    navigator.sendBeacon('/Home/Collector',
    JSON.stringify({ time: performance.now(), event: 'clicked' }));
    });
    

    View Slide

25. View Slide

26. View Slide

27. View Slide

28. ASP
    .NET Core+ .NET Core
    .NET Core on Linux
    Bash on Windows
    

    View Slide

29. View Slide

30. View Slide

31. Windows Hello
    

    View Slide

32. View Slide

33. View Slide

34. View Slide

35. View Slide

36. ChangeLog ( )
    https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/
    Platform Issues (Issue Tracker)
    https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/
    Platform Data ( )
    

    View Slide

37. Browser Platform Status Tracker
    http://platformstatustracker.azurewebsites.net/
    Microsoft Edge Documentation (ja)
    https://github.com/mayuki/MicrosoftEdge-Documentation
    

    View Slide