ep95 Monthly Web 202203

published_at
2022-03-29
guest
@myakura
toc
headings

Theme

第 95 回のテーマは 2022 年 3 月の Monthly Web です。

Show Note

Chrome 動向

Stable: 99

Updates

  • Chromium Blog: Chrome 100 Beta: Reduced User-Agent Strings, Multi-Screen Window Placement, and More
    • https://blog.chromium.org/2022/03/chrome-100-beta-reduced-user-agent.html
    • Last Version for Unreduced User-Agent String
    • Multi-Screen Window Placement
    • Origin Trials
      • Continuing Origin Trials
        • Media Source Extensions in Workers
      • Completed Origin Trials
        • Digital Goods API
    • Other Features in this Release
      • AbortSignal.prototype.throwIfAborted()
      • Capability Delegation
      • HIDDevice forget()
      • mix-blend-mode: "plus-lighter"
      • Sec-CH-UA-WoW64 Client Hint
      • SerialPort Integration with WritableStream Controller's Abort Signal
      • TLS ALPN Extension in wss-schemed WebSockets Connections
      • Web NFC: NDEFReader makeReadOnly()
      • WebTransport serverCertificateHashes Option
    • Deprecations, and Removals
  • New in Chrome 99
  • What's New In DevTools (Chrome 99)
    • https://developer.chrome.com/en/blog/new-in-devtools-99/
    • Throttling WebSocket requests
    • New Reporting API pane in the Application panel
    • Support wait until element is visible/clickable in the Recorder panel
    • Better console styling, formatting and filtering
      • Properly style log messages with ANSI escape code
      • Properly support %s, %d, %i and %f format specifiers
      • More intuitive console group filter
    • Sourcemaps improvements
      • Debug Chrome extension with sourcemap files
      • Improved source folder tree in the Sources panel
      • Display worker source files in the Sources panel
    • Chrome's Auto Dark Theme updates
    • Touch-friendly color-picker and split pane
    • Miscellaneous highlights
    • Download the preview channels
    • Getting in touch with the Chrome DevTools team
    • What's New in DevTools
  • What's New In DevTools (Chrome 100)
    • https://developer.chrome.com/en/blog/new-in-devtools-100/
    • View and edit @supports at rules in the Styles pane
    • Recorder panel improvements
      • Support common selectors by default
      • Customize the recording's selector
      • Rename a recording
    • Preview class/function properties on hover
    • Partially presented frames in the Performance panel
    • Miscellaneous highlights
    • Download the preview channels
    • Getting in touch with the Chrome DevTools team
  • Deprecations and removals in Chrome 100

Intents

V8

Other

Firefox 動向

Stable: 98.0.2

Updates

Intents

Other

Safari 動向

Stable: 15.4

Updates

  • Safari 15.4 Release Notes | Apple Developer Documentation
  • New WebKit Features in Safari 15.4
    • https://webkit.org/blog/12445/new-webkit-features-in-safari-15-4/
    • HTML
      • lazyload
      • <dialog> & ::backdrop
    • CSS
      • :has()
      • Cascade Layers
      • CSS Containment
      • svw, lvw, dvw
      • :focus-visible
      • accent-color
      • calc()
      • font-palette
      • @font-palette-values
      • text-decoration-skip-ink
      • ic unit
      • remove non-standard css
    • Web APIs
      • BroadcastChannel
      • Web Locks API
      • scroll-behavior
      • ResizeObserverSize
      • structuredClone
      • File System Access API
    • JavaScript
      • findLast() & findLastIndex()
      • at()
      • Object.hasOwn()
      • Intl Enumeration
      • Intl.Locale v2
      • Intl.DisplayNames v2
      • Intl.NumberFormat v2h3
    • Web Apps
      • Navigation Preload
    • Media
      • WebRTC perfect negotiation
      • requestVideoFrameCallback()
    • Privacy
      • Private Click Measurement
    • Security
      • CSP Lv3
      • 'strict-dynamic', 'unsafe-hashes', and 'report-sample'
    • WKWebView
      • Fullscreen API
    • Safari Web Extensions
    • Web Inspector
  • Release Notes for Safari Technology Preview 141
    • https://webkit.org/blog/12434/release-notes-for-safari-technology-preview-141/
    • CSS
      • Enabled support for overflow: clip (r288973)
      • Implemented CSS overscroll-behavior for asynchronous scrolling on macOS (r288777)
    • JS
      • Added support for the WASM branch hinting proposal (r288758, r288761)
      • Added support for the import assertion syntax behind a flag (r288473)
    • WebAPI
      • Implemented AbortSignal.timeout() (r289058)
    • WebAuthn
      • Added authenticator attachment to PublicKeyCredential (r288622)
    • Content Security Policy
      • Implemented wasm-unsafe-eval (r289022)
  • Release Notes for Safari Technology Preview 142
    • https://webkit.org/blog/12522/release-notes-for-safari-technology-preview-142/
    • Web Inspector
    • CSS Subgrid
      • Enabled subgrid by default (r290111)
      • Added accounting for subgrid margin, border, and padding when sizing (r290096)
      • Added support for parsing subgrid in grid-template-columns and grid-template-row (r289722)
      • Implemented getComputedStyle for subgrids (r289993)
    • CSS Container Queries
      • Enabled CSS Container Queries by default (r290025)
      • Added query container tracking so they can be invalidated on size change (r289457)
      • Added support for all size features (r289838)
      • Added support for full range notation in size queries (r290037)
      • Added support for range operators in size queries (r289789)
      • Changed size queries on unsupported axis to evaluate to unknown (r289890)
      • Implemented container name matching (r289617)
      • Implemented full query parser and evaluator (r289742)
      • Implemented inline-size containment (r289466)
      • Implemented container shorthand serialization (r289886)
      • Matched container queries correctly in non-rendered subtrees (r290205
    • CSS
      • Enabled CSS Motion Path by default (r290071)
      • Enabled overscroll-behavior by default (r289683)
    • Web Animations
      • Enabled the KeyframeEffect.composite property (r290067)
      • Added composite accumulation support for transform properties (r289599)
      • Added support for logical properties in JS-originated animations (r289216)
      • Aligned animations with different, but compatible, frameRate values (r290121)
      • Allowed setting frameRate as an option passed to Element.animate() (r290123)
      • Allowed setting frameRate as an option passed to document.timeline.animate() (r290125)
      • Implemented parsing and animation support for offset shorthand (r289876)
    • Rendering
    • Forms
      • Changed input elements to return an empty string for an invalid floating-point number that ends with "." (r290124)
    • JavaScript
      • Enabled Shadow Realms support by default (r290119)
      • Implemented Temporal.PlainDate behind a flag: __XPC_JSC_useTemporal=1 (r290209)
    • Shared Workers
      • Added support for sharing Shared Workers (including across WebProcesses) (r289247)
    • Workers
    • Dialog Element
    • Web API
      • Added support for both versions of ScreenCaptureKit API (r289547)
    • Experimental Model Element
      • Improved sizing on macOS (r289495)
    • Web Extensions
      • Added support for the browser.action.openPopup() and browser.browserAction.openPopup() API to open the extension popup for a specific window (this is a WECG proposal)
      • Added support for the optional_host_permissions manifest key in manifest_version 3 extensions (this is a WECG proposal)
      • Added support for browser.runtime.getFrameId() so it easier to get frame identifiers from content scripts (this is a WECG proposal)
      • Added support for the frameId option that can be passed to browser.tabs.sendMessage()
  • Working together on Interop 2022

Position

Other

Edge 動向

Stable: 99

Updates

Chakra

Other

WHATWG/W3C 動向

Draft

Other

TC39 動向

Meeting

  • 2021-03
    • https://github.com/tc39/agendas/blob/main/2022/03.md
    • 明日から開催
    • Array Grouping Status Update
    • Resizable buffers normative changes for TA#set and TA#subarray
    • Temporal update and normative changes
    • ShadowRealms Updates
    • Destructuring Private Fields for Stage 3
    • RegExp set notation + Unicode properties of strings for Stage 3
    • Change Array by Copy for Stage 3
    • Bikeshedding pipe operator's topic token
    • Decorators for Stage 3
    • Bikeshedding call-this syntax
    • Pattern matching for Stage 2
    • String.dedent Status Update
    • Units Conversion For stage 1 slides
    • Intl.MessageFormat for Stage 1
    • Function.prototype.once for Stage 1
    • Types as Comments for Stage 1

Proposals Diff

New Proposals

Other

IETF 動向

WG

Other

CDN 動向

Cloudflare

Fastly

Other

セキュリティ動向

周辺動向

イベント

Wrap Up

  • Chrome
    • 99
      • Cascade Layers
      • showPicker()
    • 100
      • UA reduction deprecation trial
      • AbortSignal.throwIfAborted()
      • Capability Delegation
    • Ship
      • Priority Hints
      • hidden=until-found / beforematch
    • Prototype
      • Cookie age upper limit
      • @scope
      • bfcache NotRestoredReason API
      • update on Popup API
    • web.dev
      • Interop 2022
  • Firefox
    • 98
      • <dialog>
    • Ship
      • pipeTo()
    • Prototype
      • content-visibility: hidden
    • Other
      • Tuple implementation by Igalia
      • Exposure guidelines update on standardization venue
      • MDN redesign
      • MDN and Open Web Docs
      • MDN Plus
      • Web Vision
      • Interop 2022
  • Safari
    • 15.4
      • lazyload
      • <dialog>
      • :has()
      • Cascade Layers
      • svw, lvw, dvw, etc.
      • :focus-visible
      • BroadCastChannel
      • findLast()/findLastIndex()
      • hasOwn()
      • at()
      • CSP Level 3
    • TP 141
      • overscroll-behavior
      • AbortSignal.timeout()
    • TP 142
      • Subgrid
      • Container Queries
    • Position Request
      • positive on FedCM
    • Other
      • Interop 2022
  • Edge
    • Interop 2022
    • Cognitive API で alt の自動生成
    • IE11 から Edge への強制移行が「日本を除く」になってる
  • W3C/WHATWG
    • Add <search> element to html
  • TC39
    • 2021/3 の Meeting が盛り上がりそう
      • Decorators for Stage 3
      • Pattern Matching for Stage 2
      • Types as Comments for Stage 1
      • - IETF
    • IETF | IETF 113 Vienna and Online
  • CDN 動向
    • Cloudflare
      • DDR サポート on 1.1.1.1
      • ウクライナのトラフィック解析
      • iColud Private Relay の Egress を担当している話
    • Akamai
      • iColud Private Relay の Egress を担当している話
  • セキュリティ動向
    • Meta, MS, Google による Trusted Types の Rollout Report
    • SCT Auditing の Paper
  • 周辺動向
    • Open Web Advocay
    • PayPay 銀行 Firefox サポート終了
    • Interop 2022 の各社ブログ
    • Internet Society の「国境でアクセスを弾いたりしない」
    • ロシア情勢が Web/Internet/Tech に与えた影響の記録 2022 年 3 月