ep94 Monthly Web 202202

published_at
2022-02-20
guest
@myakura
toc
headdings

Theme

第 94 回のテーマは 2022 年 2 月の Monthly Web です。

Show Note

Chrome 動向

Stable: 98

Updates

  • Chromium Blog: Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More
    • https://blog.chromium.org/2022/02/chrome-99-css-cascade-layers-new-picker.html
    • Preparing for Chrome 100
    • CSS Cascade Layers
    • New showPicker() Method on HTMLInputElement Objects
    • Origin Trials
      • New Origin Trials
        • Dark Mode Support for Web Apps
      • Completed Origin Trials
        • Handwriting Recognition API
        • Window Controls Overlay for Installed Desktop Web Apps
    • Other Features in this Release
      • Allow infinity, -infinity and NaN in CSS calc()
      • CSS Color Adjust: 'only' Keyword for color-scheme
      • document.adoptedStyleSheets is Now Mutable
      • Improve Alignment with Spec for Exposing nextHopProtocol Across Origin Boundaries
      • New Canvas 2D Features
      • Unprefixed text-emphasis Properties
    • Deprecations, and Removals
      • Remove Battery Status API on Insecure Origins
      • Remove font-family -webkit-standard
      • Remove GamepadList
      • Update WebCodecs to Match Spec
  • Deprecations and removals in Chrome 99 - Chrome Developers
  • New in Chrome 98 - Chrome Developers
  • Google Developers Japan: Chrome 98 ベータ版: カラー グラデーション ベクター フォント、リージョン キャプチャのオリジン トライアルなど
  • Chrome and Firefox soon to reach major version 100

Intents

V8

Other

Firefox 動向

Stable: 97.0.1

Updates

Intents

Other

Safari 動向

Stable: 15.3

  • マイナーが奇数ならセキュリティリリース
  • メジャーで機能追加
  • Version History

Updates

  • Safari 15.4 Beta Release Notes | Apple Developer Documentation
    • https://developer.apple.com/documentation/safari-release-notes/safari-15_4-release-notes
      • CSS
        • Containment contain property
        • Cascade Layers
        • accent-color
        • :has()
        • text-decoration-skip-ink
        • small/large/dynamic viewport units (svw, svh etc.)
        • :focus-visible
        • ic unit
        • calc() math functions (sin, cos, tan, log etc.)
        • unprefix appearance, mask, backface-visibility, text-combine-upright etc.
      • HTML
        • <dialog>
        • <img loading>
      • Web API
        • BroadcastChannel
        • ServiceWorker Navigation Preload
        • scroll-behavior and ScrollOptions
        • Web Locks
        • removed XSS Auditor
      • JavaScript
        • Object.hasOwn()
        • self.structuredClone()
        • Array.prototype.findLast() and Array.prototype.findLastIndex()
        • at()
        • Intl enhancements
      • Security
        • CSP3 improvements
  • Release Notes for Safari Technology Preview 139 | WebKit
    • https://webkit.org/blog/12193/release-notes-for-safari-technology-preview-139/
    • Web Inspector
    • CSS
    • :has()
      • Added style invalidation for :disabled, :enabled, :valid, and :invalid (r287445, r287551)
    • Web Animations
      • Added support for the animation shorthand property in the computed style (r287535)
    • Rendering
      • Changed to pre-layout orthogonal children to compute the preferred logical width inside a flexbox (r287263)
    • SVG
    • WebAuthn
    • Web API
      • Added support for using a user-specified preference before using the system's preferred color scheme (r287030)
    • JavaScript
      • Aligned Array.prototype.toLocaleString to ECMA402 definition (r287560)
    • Content Security Policy
      • Changed to always use UTF-8 encoded content when checking hashes (r287270)
      • Implemented CSP strict-dynamic for module scripts (r287756)
    • Media
      • Added MediaRecorder support for the bitsPerSecond option (r287613)
    • Service Workers
      • Added full support for Service Worker interception of fetch requests with FormData body (r287612)
    • Web Extensions
      • Added support for the redirect rule type in declarativeNetRequest, which requires host permissions to be granted for the host of the URL being redirected
      • Added support for declarativeNetRequest.getMatchedRules, which requires host permissions to be granted to view the URLs of blocked resources
  • Release Notes for Safari Technology Preview 140 | WebKit
    • https://webkit.org/blog/12255/release-notes-for-safari-technology-preview-140/
    • Web Inspector
    • :has() Pseudo-Class
      • Added support for :has(:not(foo)) (r288303)
      • Avoided complex style invalidation with repeated DOM mutations (r288012, r287973)
    • CSS
      • Added support for intrinsic sizes in flex-basis (r288113)
      • Added support for intrinsic sizes to the flex shorthand (r288184)
      • Added support for "missing"/"none" color components (r288143)
      • Added support for interpolating colors with "missing"/"none" components via color-mix() (r288427)
      • Added support for preloading of layered @import rules (r288099)
    • Web API
      • Added support for FetchEvent.handled API for Service Workers (r287915)
      • Enabled form.requestSubmit() (r288179)
    • Web Animations
      • Added support for animation-composition CSS property (r288433)
    • JavaScript
    • WebAssembly
    • Dialog Element
      • Added visibility: visible to modal dialogs in the user-agent stylesheet (r288233)
    • HTML
    • Media
    • WebAuthn
      • Allowed single use of WebAuthn without user gesture for all relying parties (r287957)
    • Accessibility
      • Exposed toggle buttons using role="button" as form controls (r288100)
      • Improved support for aria-owns in ARIA trees (r288117)
    • Content Security Policy
      • Improved handling of multiple policies (r288132)
    • Privacy
      • Fixed an issue where a website may be able to track sensitive user information (r288078)
    • SVG
    • Scrolling
    • Web Extensions
  • The File System Access API with Origin Private File System | WebKit
  • Introducing the Dialog Element | WebKit
  • The Focus-Indicated Pseudo-class :focus-visible | WebKit

Position

  • 特になし

Other

  • No, Apple Did Not Crowdfund :focus-visible in Safari – Eric's Archived Thoughts
    • https://meyerweb.com/eric/thoughts/2022/01/24/no-apple-did-not-crowdfund-focus-visible-in-safari/
    • Safari TP で :focus-visible が有効になったことを Apple の人がツイート
    • Igalia の貢献とクラウドファンディングについて言及したところ、 Apple が自分で実装せずにクラウドファンディングに頼ったと見られちょっと炎上
    • Igalia の Eric Meyer が、 Apple が Igalia に実装を頼んだわけではないこと、 Open Prioritization プロジェクトの目的について改めて説明

Edge 動向

Stable: 98

Updates

Chakra

Other

WHATWG/W3C 動向

Draft

Other

TC39 動向

Meeting

Proposals Diff

New Proposals

Other

IETF 動向

WG

Other

  • AUTH48 status page for C430 > RFC Editor
    • https://www.rfc-editor.org/auth48/C430
      • HTTP/3 と QPACK に割り当てられていた RFC 番号が変更
        • HTTP3: 9113 -> 9114
        • QPACK: 9114 -> 9204
      • bcp56bis に RFC 9205 が割当てられた
      • 9110 draft-ietf-httpbis-semantics-19.txt
      • 9111 draft-ietf-httpbis-cache-19.txt
      • 9112 draft-ietf-httpbis-messaging-19.txt
      • 9114 draft-ietf-quic-http-34.txt
      • 9163 draft-ietf-httpbis-expect-ct-08.txt
      • 9180 draft-irtf-cfrg-hpke-12.txt
      • 9193 draft-ietf-core-senml-data-ct-07.txt
      • 9204 draft-ietf-quic-qpack-21.txt
      • 9205 draft-ietf-httpbis-bcp56bis-15.txt
  • AUTH48 for HTTP/3 and QPACK from Mike Bishop

CDN 動向

Cloudflare

Fastly

Other

セキュリティ動向

周辺動向

イベント

Wrap Up

  • Chrome
    • 98
      • COLRv1
    • 99
      • Cascade Layers
      • input.showPicker()
      • Window Controls Overlay
    • Ship
      • Autofill in ShadowDOM
      • AbortSignal.throwIfAborted()
      • Network State Partitioning
      • UA reduction phase 4 (MAJOR.0.0.0)
      • Sec-CH-UA-WoW64
    • Prototype
      • bfcache on Cache-Control: no-store
      • AbortSignal.timeout()
      • Document Picture-in-Picture
    • Ready for Trial
      • FedCM
    • Other
      • Version 100 on March 29
  • Firefox
    • 97
      • CSS cap/ic unit
      • Cascade Layers
      • scroll-gutter
      • CSS d
      • AbortSignal.throwIfAborted()
    • Ship
      • OffScreenCanvas (WebGL only) for Zoom
      • Soft reload cache revalidation
    • Other
      • SameSite=Lax デフォルト化のバックアウト
      • Privacy Preserving Attributes for Advertising
  • Safari
    • 15.4 Beta
      • CSS
        • Containment contain property
        • Cascade Layers
        • :has()
        • new viewport units
        • :focus-visible
        • CSS sin()/cos()/tan() etc.
        • unprefix
      • HTML
        • <dialog>
        • <img loading>
      • Web API
        • BroadCastChannel
        • Navigation Preload
        • Web Locks
      • JavaScript
        • Object.hasOwn()
        • self.structuredClone()
        • Array.findLast()/Array.findLastIndex()
        • at()
      • Security
        • CSP3
    • TP 139
    • TP 140
      • :has(:not(foo))
      • form.requestSubtmit()
    • Origin Private File System
    • Intro Dialog Element
    • Other
      • :focus-visible のための Igalia のクラファンが Apple によるものという勘違い炎上
  • Edge
    • 88 から Guard 系のセキュリティ強化
    • IE を Selenium でテストする方法
  • WHATWG/W3C
  • TC39
  • IETF
    • HTTPWG interim
      • Retrofit Structured Fields for HTTP
      • The Geohash HTTP Client Hint
    • Auth48 で番号が変わった
      • HTTP3: 9113 -> 9114
      • QPACK: 9114 -> 9204
  • CDN 動向
  • セキュリティ動向
  • 周辺動向
    • Igalia が Firefox Reality を Fork した Wolvic ブラウザ