ep103 Monthly Platform 202208

published_at
2022-09-04
guest
@myakura
toc
headings

Theme

第 103 回のテーマは 2022 年 08 月の Monthly Platform です。

Show Note

Chrome 動向

Stable: 105

Updates

  • New in Chrome 104
  • Chromium Blog: Chrome 105 Beta: Custom Highlighting, Fetch Upload Streaming, and More
    • https://blog.chromium.org/2022/08/chrome-105-beta-custom-highlighting.html
    • Custom Highlight API
    • Container Queries
    • :has() Pseudo Class
    • Fetch Upload Streaming
    • Window Controls Overlay for Installed Desktop Web Apps
    • Origin Trials
      • Completed Origin Trials
      • Media Source Extensions in Workers
      • Viewport-height Client Hint
    • Other Features in this Release
      • Accurate Screen Labels for Multi-Screen Window Placement
      • CSS: Preventing Overscroll Effects for Fixed Elements
      • DisplayMediaStreamConstraints.systemAudio
      • Expose TransformStreamDefaultController
      • HTML Sanitizer API
      • import.meta.resolve()
      • Improvements to the Navigation API
      • onbeforeinput Global Event Handler Content Attribute
      • Opaque Response Blocking v0.1
      • Picture-in-Picture API Comes to Android
      • Response.json()
      • Syntax Changes to Markup Based Client Hints Delegation
      • Writable Directory Prompts for the File System Access API
    • Deprecations, and Removals
      • Remove WebSQL in Non-secure Contexts
      • CSS Default Keyword is Disallowed in Custom Identifiers
      • Deprecations in the Navigation API
      • Deprecate Non-ASCII Characters in Cookie Domain Attributes
      • Remove Gesture Scroll DOM Events
  • New in Chrome 105
  • Deprecations and removals in Chrome 105
    • https://developer.chrome.com/en/blog/deps-rems-105/
    • Remove Web SQL in non-secure contexts
    • CSS default keyword is disallowed in custom identifiers
    • Deprecations in the Navigation API
    • Deprecate non-ASCII characters in cookie domain attributes
    • Remove Gesture Scroll DOM Events
  • What's New In DevTools (Chrome 105)
    • https://developer.chrome.com/en/blog/new-in-devtools-105/
    • Step-by-step replay in the Recorder
    • Support mouse over event in the Recorder panel
    • Largest Contentful Paint (LCP) in the Performance insights panel
    • Identify flashes of text (FOIT, FOUT) as potential root causes for layout shifts
    • Protocol handlers in the Manifest pane
    • Top layer badge in the Elements panel
    • Attach Wasm debugging information at runtime
    • Support live edit during debugging
    • View and edit @scope at rules in the Styles pane
    • Sourcemap improvements
    • Miscellaneous highlights
  • Chromium Blog: Chrome 106 Beta: New CSS Features, WebCodecs and WebXR Improvements, and More
    • https://blog.chromium.org/2022/09/chrome-106-beta-new-css-features.html
    • Origin Trials
      • Anonymous iframes
      • Pop-Up API
    • Other Features in this Release
      • Client Hints persistency in Android WebView
      • CSS
        • grid-template properties interpolation
        • 'ic' length unit
        • preserve-parent-color value for the forced-color-adjust CSS property.
        • Unprefix -webkit-hyphenate-character property
      • JavaScript: Intl.NumberFormat v3 API
      • SerialPort BYOB reader support
      • WebCodecs dequeue event
      • WebXR Raw Camera Access
    • Deprecations, and Removals
      • Remove non-ASCII characters in cookie domain attributes
      • Remove HTTP/2 push
  • Deprecations and removals in Chrome 106

Intents

V8

Other

Firefox 動向

Stable: 104

Updates

Intents

Other

Safari 動向

Stable: 15.6.1

Updates

  • Release Notes for Safari Technology Preview 151
    • https://webkit.org/blog/13093/release-notes-for-safari-technology-preview-151/
    • CSS
      • Enabled support for the color-mix() function (252716@main)
      • Enabled support for specifying the interpolation color space in CSS gradients (252716@main)
      • Added support for the scan media query (252717@main)
      • Added a basic implementation of :dir (252737@main)
    • Rendering
      • Added dark mode support for plain text documents (252673@main)
      • Added a check for WebGL Extensions in getIndexedParameter() and getSamplerParameter() (252895@main)
    • Media
      • Added support for legacy VP8 and VP9 codec names (252535@main)
      • Added missing default CSS style for text and background colors for WebVTT (252464@main)
    • JavaScript
      • Removed ordering check for Intl.NumberFormat, Intl.DateTimeFormat, and Intl.PluralRules range functions (252911@main)
    • Web API
      • Aligned StorageEvent.initStorageEvent() with the HTML specification (252521@main)
      • Aligned XHR aborting with the specification (252611@main)
    • Web Components
      • Updated shadow DOM and dialog element focusing to the latest spec (252959@main)
      • Updated delegatesFocus to match the latest spec (252901@main)
  • Release Notes for Safari Technology Preview 152

Other

Edge 動向

Stable: 105

Updates

Chakra

Other

WHATWG/W3C 動向

Draft

Other

  • TPAC topics -- please contribute to this list
  • [css-values-4][css-writing-modes-4] Revisit decision to use 永 instead of 水 as the ic unit
    • https://github.com/w3c/csswg-drafts/issues/7577
    • ic が参照する文字を "水" から "永" に変えようという運動
      • Chrome の intent を見て違和感を持った中国の開発者が SNS で盛り上がった
      • 永字八法(運筆すべてが "永" に入っていること)に馴染み深いこと、タイポグラフィでも基本の文字になっていることから
    • "水" は Writing Modes の縦中横の大きさを決める文字としても使われており、変更すると breaking change になる
      • Level 3 は勧告もしているので、変更にはプロセス的にも負荷のある作業
    • Chromium では仕様の変更には賛成するが、"水" と "永" で幅が変わることはないことから、内部的な実装は "水" のままにするらしい
    • 仕様と実装がばらけるのでそれは避けたいという話になっている
  • [selectors] The forgiving nature of :has breaks jQuery when used with a complex :has selector
    • https://github.com/w3c/csswg-drafts/issues/7676
    • Chrome 105 で :has() が有効になったところ、 jQuery が壊れた
    • jQuery は昔から :has() セレクタや、:contains などを独自拡張として持っていた
      • $() のセレクタはまずブラウザ querySelectorAll() に渡され、 fail したら jQuery のエンジンに渡すようになっている
      • ul:has(li:contains('Item')) といったセレクタはこれまで jQuery で処理されるようになっていた
    • ネイティブ :has() の引数は forgiving selector list をとり、中のセレクタに invalid なものがあっても fail しない
      • なので jQuery 内の :has() がネイティブ実装を参照し続け、 jQuery のエンジンにフォールバックしなくなってしまった

TC39 動向

Meeting

Proposals Diff

New Proposals

Other

IETF 動向

WG

Other

CDN 動向

Cloudflare

Fastly

Other

セキュリティ動向

周辺動向

イベント

Wrap Up

  • Chrome
    • 105
      • Container Queries
      • :has()
      • Fetch Upload Streaming
      • Sanitizer API
      • import.meta.resolve()
      • Response.json()
      • Remove SQL in non-secure contexts
    • 106 Beta
      • Anonymous iframes
      • Pop-up API
      • Intl.NumberFormat v3 API
      • Remove HTTP/2 Server Push
    • Ship
      • ic length unit
        • 水か永か
      • @font-face tech() function
      • Permissions Policy Origins にワイルドカード
      • UA Reduction Phase 5 (freezing desktop platform version)
    • other intents
      • Apple から <model> のフィードバック
    • Chrome Developers
      • top layer
      • Container Queries
      • :has()
      • Removing HTTP/2 Server Push
      • Deprecating and removing Web SQL
  • Firefox
    • 104
      • Array.findLast()/Array.findLastIndex()
      • element.focus({ focusVisible })
    • Prototype
      • COLRv1
      • JavaScript decorators
    • other intents
    • other
      • Origin Trials (OffscreenCanvas and COEP: credentialless)
      • position signals が positive, neutral, negative に
  • Safari
    • TP 151
      • color-mix()
      • scan media query
      • :dir
      • Range の ordering check 削除
    • TP 152
      • Array の rename #groupBy -> #group と #groupByToMap -> groupToMap
    • Blog
    • Other
      • :has() のブログ
      • Webkit on GitHub
  • Edge
    • 104 で Enhanced Security Mode 導入
    • Chrome の OT Token が Edge でも動く
  • W3C/WHATWG
    • Spec
      • Geolocation API in W3C Recommendation
        • Living Standard にして Level N を無くす
    • Other
      • ic での "水" か "永" か問題
      • :has() と forgiving selector list で jQuery の独自拡張 :has() が壊れる
  • TC39
    • Meeting 2022-07
      • Change Array by Copy の toSplice 廃止
      • NumberFormat v3 の Range order check 廃止
  • IETF
    • IETF 114
    • RFC 9292 Binary Representation of HTTP Messages
  • CDN 動向
    • Zip with WASI on Cloudflare Workers
  • セキュリティ動向
    • Coincheck が Sign in with Apple の廃止
  • 周辺動向