ep88 Monthly Web 202109

Info

published_at
2021-10-02
guest
@myakura

Theme

第 88 回のテーマは 2021 年 9 月の Monthly Web です。

Show Note

Chrome 動向

Stable: 94

Updates

  • New in Chrome 93 - Chrome Developers
  • Deprecations and removals in Chrome 94 - Chrome Developers
  • Chromium Blog: Chrome 94 Beta: WebCodecs, WebGPU, Scheduling, and More
    • https://blog.chromium.org/2021/08/chrome-94-beta-webcodecs-webgpu.html
    • WebCodecs
    • WebGPU
    • Scheduling APIs: Prioritized scheduler.postTask()
    • Origin Trials
      • New Origin Trials
        • Early Hints for Navigation
      • Completed Origin Trials
        • Canvas Color Management
        • VirtualKeyboard API
    • Other features in this release
      • CSS
        • Align transform-style: preserve-3d and perspective Property with the Spec
        • flex-basis Honors Keywords 'content' and 'min/max/fit-content'
        • scrollbar-gutter
      • MediaStreamTrack Insertable Streams (a.k.a. Breakout Box)
      • Return Fixed Lists for navigator.plugins and navigator.mimeTypes
    • JavaScript
      • Self Profiling API
    • Deprecations, and Removals
      • Deprecate and Remove WebSQL in Third-Party Contexts
      • Restrict Private Network Requests for Subresources to Secure Contexts
  • What's New In DevTools (Chrome 94) - Chrome Developers
    • https://developer.chrome.com/en/blog/new-in-devtools-94/
    • Use DevTools in your preferred language
    • New Nest Hub devices in the Device list
    • Origin trials in the Frame details view
    • New CSS container queries badge
    • New checkbox to invert the network filters
    • Upcoming deprecation of the Console sidebar
    • Display raw Set-Cookie headers in the Issues tab and Network panel
    • Consistent display native accessors as own properties in the Console
    • Proper error stack traces for inline scripts with #sourceURL
    • Change color format in the Computed pane
    • Replace custom tooltips with native HTML tooltips
    • [Experimental] Hide issues in the Issues tab
  • New in Chrome 94 - Chrome Developers
  • What's New In DevTools (Chrome 95) - Chrome Developers
    • https://developer.chrome.com/en/blog/new-in-devtools-95/
    • New CSS length authoring tools
    • Hide issues in the Issues tab
    • Improved the display of properties
    • Lighthouse 8.4 in the Lighthouse panel
    • Sort snippets in the Sources panel
    • New links to translated release notes and report a translation bug
    • Improved UI for DevTools command menu
  • Deprecations and removals in Chrome 95 - Chrome Developers
  • Chromium Blog: Chrome 95 Beta: Secure Payment Confirmation, WebAssembly Exception Handling and More
    • https://blog.chromium.org/2021/09/chrome-95-beta-secure-payment.html
    • Origin Trials
      • New Origin Trials
        • Access Handles for the File System Access API
        • Reduce User Agent String Information
      • Completed Origin Trials
        • Secure Payment Confirmation
        • WebAssembly Exception Handling
    • Other Features in this Release
      • Adding droppedEntriesCount to PerformanceObserver Callback
      • EyeDropper API
      • New UA platform Version Source on Windows for User Agent Client Hints
      • self.reportError()
      • URLPattern
    • Deprecations, and Removals
      • FTP Support Removed
      • Support for URLs with non-IPv4 Hostnames Ending in Numbers
      • WebAssembly Cross-Origin Module Sharing
      • Deprecate U2F API (Cryptotoken)

Intents

V8

Other

Firefox 動向

Stable: 92.0.1

Updates

Intents

Other

Safari 動向

Stable: 15

Updates

  • Safari 15 Release Notes | Apple Developer Documentation
    • https://developer.apple.com/documentation/safari-release-notes/safari-15-release-notes
    • Authentication and Passwords
      • Added support for Verification Codes to the iCloud Keychain Password Manager. To use verification codes with Safari and Autofill:
        • Use autocomplete=one-time-code to make an <input> eligible for AutoFill.
        • Use a standard otpauth URL and replace the scheme with apple-otpauth to link directly to the password manager for setup.
        • Use a raster image to enable contextual menus on otpauth QR codes that offer to set up a verification code generator.
      • Added technology preview of passkeys in iCloud Keychain:
        • Passkeys are WebAuth credentials intended to replace passwords for website and apps with device sync and backup.
        • To Enable the technology preview, in Safari choose Develop > Enable Syncing Platform Authenticator.
    • CSS
      • Added support for aspect-ratio for box elements
      • Added support for lab(), lch(), hwb() color syntaxes
      • Added support for predefined color spaces using the color() syntax: srgb, display-p3, a98-rgb, prophoto-rgb, rec2020, xyz.
      • Adjusted environment variable calculations where appropriate to adjust for the safe area of the new iOS design
    • HTML
      • Redesigned form controls in iOS.
      • Added support for the theme-color meta tag to change the tab bar background and over-scroll area in macOS and iPadOS, and the status bar in iOS
      • Added support for the media attribute to specify theme-color meta tags for Dark Mode and light appearance.
    • JS
      • Added top-level await
      • Added support for ES6 Modules in Workers and ServiceWorkers
      • Added support for Error.cause
      • Added support for private class methods and accessors (Safari 14.1 added support for private data member syntax)
      • Added support for BigInt64Array and BigUint64Array
    • Media
      • Added support for the MediaSession API to enable SharePlay experiences.
      • Added Playback Speed and Chapters menus to built-in media controls.
      • Added hardware accelerated VP9 and WebM in MSE on all iPads that support iPadOS 15
      • Added support for the Opus audio codec in WebM containers.
    • Security & Privacy
      • Added support for automatic HTTPS upgrades
      • Added IP address hiding from known trackers which users can enable in Safari Preferences
      • Private Click Measurement enhancements for privacy-preserving ad click attribution:
      • Updated attribution reporting to also send reports to the click destination.
      • Added click fraud prevention with un-linkable tokens.
      • Added IP address protection for attribution reports.
    • Payments
      • Added support for creating deferred or recurring payments.
      • Added support for indicating an estimated arrival date for shipping methods.
      • Added support for the user to enter a coupon code.
      • Added support for marking the shipping method as in-store pickup.
    • WebAssembly
      • Added support for streaming compilation.
      • Added support for bulk memory operations.
      • Added support for reference types.
      • Added support for non-trapping conversions from float to int.
    • Web APIs
      • Added support for WebGL 2. The implementation of WebGL runs on top of Metal for better performance
      • Added support for Web Share level 2 enhancements to Web Share that enable sharing files from a web page to an app. See Web Share API for more information
      • User gestures now propagate through requestAnimationFrame with a one second time limit.
    • Web Extensions
      • Added support for Safari Web Extensions in iOS and iPadOS
      • Added support for declarativeNetRequest in Safari Web Extensions
    • Web Inspector
      • Added an inspected page overlay for visualizing and debugging CSS grid contexts.
  • Release Notes for Safari Technology Preview 131
    • https://webkit.org/blog/11962/release-notes-for-safari-technology-preview-131/
    • CSS
      • Changed to consider all snap areas at a given snap offset when snapping (r280527)
      • Fixed aspect ratio for replaced elements (r280471)
      • Implemented the clip value for overflow (r280509)
    • Web API
      • Added initial support for Cross-Origin-Embedder-Policy (COEP) (r280953)
      • Added initial support for Cross-Origin-Opener-Policy (COOP) (r280504, r280881, r280582)
      • Implemented support for <dialog> element cancel event (r280703)
    • JavaScript
      • Renamed Temporal.now to Temporal.Now (r280506)
    • Web Audio
      • Added WebM container support for Vorbis and Opus (r280573, r280416)
    • WebRTC
      • Enabled WebRTC relay by default (r280908)
      • Enabled WebRTCPlatformUDPSocketsEnabled feature by default (r280545)
      • Introduced an experimental feature to toggle WebRTC socket proxying (r280523)
    • WebCrypto
      • Added console logging to encourage the use of authenticated encryption (r280790)
    • Accessibility
      • Added support for aria-selected value changes in table cells (r280633)
  • Release Notes for Safari Technology Preview 132
    • https://webkit.org/blog/11971/release-notes-for-safari-technology-preview-132/
    • JavaScript
      • Added Intl Enumeration APIs (r281513)
      • Enabled Array#findLast method (r281369)
      • Enabled String#at and TypedArray#at (r281370)
      • Implemented Temporal.Calendar behind the flag (–useTemporal) (r281788)
      • Implemented Intl Locale Info extension (r281374)
      • Implemented Intl.DisplayNames V2 (r281375)
    • Web API
      • Implemented Crypto.randomUUID() (r281206, r281284)
      • Implemented self.reportError() (r281756)

Position

Other

Edge 動向

Stable: 94

Updates

Chakra

Other

WHATWG/W3C 動向

Draft

Other

TC39 動向

Meeting

Proposals Diff

New Proposals

Other

IETF 動向

WG

Other

CDN 動向

Cloudflare

Fastly

Other

セキュリティ動向

周辺動向

イベント

Wrap Up

  • Chrome
    • 93 module script / release cycle shorten
    • 94 WebCodecs / WebGPU
    • 95 UA Reduction OT / self.reportError() / eyedropper / URLPattern
    • ship self.reportError()
    • ship script element support
    • ship webtransport
    • ship HTTPS DNS record
    • prototype renderpriority
    • web.dev JS Event History
    • web.dev specuration rules
    • User Device Characteristics レポート
    • Manifest V3 移行
    • UA Reduction Timeline
    • Search Central での <title><h1> の扱い
    • version 100 flag
  • Firefox
    • 92 accent-color / hasOwn / font-family: system-ui
    • prototype cascade layers
    • prototype scroll linked animations
    • version 100 experiment
    • why are hyperlinks blue ?
    • UA-Ch standard position non-harmful
  • Safari
    • Safari 15 release
    • iCloud keychain auth key
    • CSS aspect-ratio
    • HTML meta theme-color
    • JSC top level await / module worker / private class methods & accessor
    • API WebGL 2
    • iOS / iPadOS extension
    • TP COOP/COEP , <dialog>, Temporal 実装開始
    • TP random.UUID, self.reportError 実装
    • Position request for Network Information API
    • Private Relay 提供開始 => カウントフリーやフィルタリングで不具合
  • W3C/WHATWG
    • CSS Nesting FPWD
  • TC39
    • isUSVString
    • Array.fromAsync
    • BigInt Math
    • getIntrinsic
    • Fixed Layout Structs
  • IETF
    • httpbis の Core / BCP RFC が出そう
  • CDN
    • Cloudflare の SXG と Early Hints の話
  • Security
    • secweb で面白そうな論文がちらほら