Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Cutting Edge!

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

Mayuki Sawatari

May 21, 2016
Tweet

More Decks by Mayuki Sawatari

Other Decks in Programming

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