ep92 Monthly Web 202201

published_at
2022-01-23
guest
@myakura
toc
headdings

Theme

第 92 回のテーマは 2021 年 12 月と 2022 年 1 月の Monthly Web です。

Show Note

Chrome 動向

Stable: 97

Updates

  • New in Chrome 97 - Chrome Developers
  • Chromium Blog: Chrome 98 Beta: Color Gradient Vector Fonts, Region Capture Origin Trial, and More
    • https://blog.chromium.org/2022/01/chrome-98-beta-color-gradient-vector.html
    • COLRv1 Color Gradient Vector Fonts
    • Preparing for a Three Digit Version Number
    • Origin Trials
      • New Origin Trial
        • Region Capture
    • Other Features in this Release
      • Adding auto Keyword for contain-intrinsic-size
      • AudioContext.outputLatency
      • CSS Color Adjust: 'only' Keyword for color-scheme
      • document.adoptedStyleSheets is Now Mutable
      • High Dynamic Range Color Media Queries
      • New window.open() Behavior for Popups, Tabs, and Windows
      • Private Network Access Preflight Requests for Subresources
      • structuredClone() Method on Windows and Workers
      • WebAuthn minPinLength Extension
      • Window Controls Overlay for Installed Desktop Web Apps
      • WritableStream controller AbortSignal
    • Deprecations, and Removals
      • Remove SDES Key Exchange for WebRTC
  • Deprecations and removals in Chrome 98 - Chrome Developers
  • What's New In DevTools (Chrome 98) - Chrome Developers

Intents

V8

Other

Firefox 動向

Stable: 96.0.2

Updates

Intents

Other

Safari 動向

Stable: 15.2

Updates

  • New WebKit Features in Safari 15.2 | WebKit
  • Release Notes for Safari Technology Preview 137 | WebKit
    • https://webkit.org/blog/12156/release-notes-for-safari-technology-preview-137/
    • Web Inspector
    • CSS
      • Enabled support for :has() pseudo-class by default
      • Added support for new srgb-linear, xyz-d50 and xyz-d65 colorspaces
      • Added support for oklab() and oklch() colors
      • Added support for replaced elements with intrinsic ratio and no intrinsic size
      • Added support for *vi (inline) and *vb (block) viewport units
      • Added helper to add CSS property with implicit default
    • JavaScript
      • Added Intl.NumberFormat.formatRangeToParts for ICU 69~ platforms
      • Implemented Date.prototype.toTemporalInstant()
    • WebAssembly
    • Experimental Model Element
      • Added support for mouse-based manipulation of <model> on macOS
      • Added audio support
      • Added support for controlling looping animations
      • Added support for getting and setting the camera
      • Added support for pausing and resuming animations
      • Added support for seeking animations
    • Accessibility
      • Added accessibility attributes for <model>
    • Web API
      • Added initial implementation for the Web Lock API
    • Content Security Policy
      • Implemented submitting samples in violation reports (r286150)
    • Media
      • Added support for more requestVideoFrameCallback metadata (r285984)
    • Apple Pay
    • Web Extensions
      • Added support for special matching characters (*, |, ||, and ^) in urlFilter of declarativeNetRequest rules instead of treating them as regex patterns
      • Added permission prompting inside Web Inspector for devtools extension tabs
      • Added support for CSS injections and removals of more than one file with browser.scripting
  • Release Notes for Safari Technology Preview 138 | WebKit
    • https://webkit.org/blog/12176/release-notes-for-safari-technology-preview-138/
    • CSS
      • Enabled :focus-visible pseudo-class by default
      • Enabled the resolution media query by default
      • Enabled the CSS Contain property by default
    • Experimental Model Element
      • Added load and error events to distinguish resource load from model readiness
    • Web Animations
      • Added a way to run scripted animations via CustomEffect
    • Web API
      • Changed to group radio buttons with no form owner
      • Fixed the range of <input type="time"> to be reversible
      • Fixed an <input> that's been autofilled with obscured content to still be editable
      • Implemented AbortSignal.throwIfAborted
      • Improved <input type="datetime-local"> value parsing and sanitization
      • Restored navigator.hardwareConcurrency
      • Fixed setting onselectionchange content attribute to add an event listener
    • Service Workers
      • Enabled NavigationPreloadManager by default
      • Added support for ServiceWorker downloads
      • Fixed "no-cache" network error
      • Fixed same-site lax cookies not sent by fetch event handler after page reload
    • WebAssembly
      • Added preparation of WebAssembly.Memory imports in Wasm/ESM modules
    • Web Extensions
      • Added support for changed web_accessible_resources declaration with manifest_version 3

Position

Other

Edge 動向

Stable: 97

Updates

Chakra

Other

WHATWG/W3C 動向

Draft

Other

TC39 動向

Meeting

Proposals Diff

New Proposals

Other

IETF 動向

WG

Other

CDN 動向

Cloudflare

Fastly

Other

セキュリティ動向

周辺動向

イベント

Wrap Up

  • Chrome
    • 97
      • WebTransport
      • script.supports()
      • FindLast/FindLastIndex
    • 98
      • COLRv1 fonts
      • HDR media queries
      • structuredClone()
      • Private Network Access Preflight
    • Ship
      • showPicker()
      • mix-blend-mode: plus-lighter
    • Prototype
      • focusgroup
      • Subgrid
    • Other
      • State of CSS
  • Firefox
    • 96
      • SameSite=Lax by default
      • Web Locks API
    • 互換性・障害
      • Schemeful SameSite ロールバック
      • Telemetry の HTTP/3 実装で障害
    • Ship
      • Form-associated custom elements
      • <dialog>
    • Unship
      • WebVR
    • SpiderMonkey
      • Records/Tuples
      • New Set methods
      • Import Assertions
      • WritableStream/pipeTo()
    • Other
      • Why are hyperlinks blue revisited
  • Safari
    • 15.2
      • WASM enhancements
      • COOP/COEP
      • Wide-gamut Canvas
    • TP 137
      • :has()
      • Web Locks API
    • TP 138
      • :focus-visible by default
      • Containment by default
      • Navigation Preload
    • other
      • Private Relay Overview
      • Safari 15 IndexedDB Leaks
  • Edge
  • WHATWG/W3C
    • Layers 含む Cascading & Inheritancs Lv5 が CR
    • WCAG 3.0 が WG Draft
    • CSS Snapshot 2021
    • Meta と Mozilla が Interoperable Private Attribution (IPA) を提出
  • TC39
    • Record & Tuples referenced Object
  • IETF
    • AUTH48 で HTTP Core & H3 に採番される
  • CDN
    • 2022 年に入って 5 箇所でインターネット切断
  • セキュリティ動向
    • Coinhive 無罪
    • Color.js / Faker.js に悪意のあるコード
  • 周辺動向
    • NTT がドメインを変更(docomo.ne.jp / ntt.co.jp)
    • Vivaldi は暗号通貨に手を出さない
    • Opera は Crypto Browser として Web3 進めていく
    • State of CSS / State of JS