ep164 Monthly Platform 202410
- published_at
- 2024-10-29
- guest
- @myakura
- toc
-
headings
Theme
第 164 回のテーマは 2024 年 10 月の Monthly Platform です。
Show Note
Chrome 動向
Stable: 130
Updates
-
New in Chrome 130
- https://developer.chrome.com/blog/new-in-chrome-130
- Document Picture-in-Picture
- CSS nested declarations
- box-decoration-break
- What's new in DevTools, Chrome 130
-
Chrome 131 beta
- https://developer.chrome.com/blog/chrome-131-beta
-
CSS
- CSS Anchor Positioning: anchor-scope
- CSS font-variant-emoji
- CSS highlight inheritance
- Improvements to styling structure of
<details>
and<summary>
elements - @page margin boxes
- @property support
<string>
syntax - Support currentcolor in relative color syntax
- Support external SVG resources for clip-path, fill, stroke, and marker-* properties
-
Web APIs
- Direct Sockets API (Isolated Web Apps)
- Exempt Speculation-Rules header from CSP restrictions
- FedCM as a trust signal for the Storage Access API
- COOP value
noopener-allow-popups
- Private Aggregation API: increase contribution limit to 100 for Protected Audience callers
- Select parser relaxation
- WebGPU: Clip distances
- WebGPU: GPUCanvasContext
getConfiguration()
- WebHID on dedicated workers
- WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo
-
New origin trials
- Playout statistics for WebAudio
- Summarizer API
-
Deprecations and removals
- Remove the CSS Anchor Positioning property inset-area
- Remove the ability to disable BeforeunloadEventCancelByPreventDefault
- Remove non-standard GPUAdapter
requestAdapterInfo()
method
- What's New in WebGPU (Chrome 130)
Intents
-
Ship: Device Posture API
- https://groups.google.com/a/chromium.org/g/blink-dev/c/Xbhdn0u6Z9A
- Foldable などをフックする mediaquery
- Ship: Disallow spaces in non-file:// URL hosts
-
Ship: Explicit Compile Hints with Magic Comments
- https://groups.google.com/a/chromium.org/g/blink-dev/c/uNUWZ14SYJI
//# eagerCompilation=all
- など書いてコンパイル最適化
- Ship: FedCM as a trust signal for the Storage Access API
-
Ship: Fetch:
Request.bytes()
andResponse.bytes()
-
Ship: Improvements to styling structure of
<details>
and<summary>
elements - Ship: Protected Audience Bidding & Auction Services
- Ship: Support external SVG resources for 'clip-path', 'fill', 'stroke' and 'marker-*' properties
- Ship: WebGPU: GPUCanvasContext getConfiguration()
- Ship: Exempt Speculation-Rules Header from CSP restrictions
- Ship: CSS Anchor Positioning: allow anchor-size() in inset and margin Properties
- Ship: CSS caret-animation property
- Ship: Dialog Toggle Events
- Ship: Protected Audience: Selectable Reporting IDs
- Ship: Select parser relaxation
- Ship: WebGPU: Texture view usage
- ship: WebGPU: 32-bit float textures blending
- Ship: Ignore Strict-Transport-Security for localhost
-
Ship: Sideways writing modes
- https://groups.google.com/a/chromium.org/g/blink-dev/c/vJ5F2Di0v-k
- 縦書き中に出てくる横書き文字を右 90 度か左 90 度どっちに傾けるか
-
Ship: Support creating ClipboardItem with
Promise<DOMString>
-
Implement and Ship:
PushMessageData::bytes()
- Prototype: :has-slotted pseudo selector.
- Prototype: :local-link pseudo selector.
- Prototype: Auto-generated view transition names
- Prototype: Progress Notification API
- Prototype: Expose coarsened cross-origin renderTime in elment timing/LCP (regardless of TAO)
- Prototype: SelectAudioOutput API
- Prototype: Allow SameSite=None Cookies in First-Party Sandboxed Contexts
- Prototype: AudioContext Interrupted State
-
Experiment: Storage Access Headers
- https://groups.google.com/a/chromium.org/g/blink-dev/c/99MNp6gMDUk
Sec-Fetch-Storage-Access
- Experiment: Summarizer API
- Experiment: Playout Statistics API for WebAudio
- Experiment: Translator API
- Extend Experiment: Cookie Deprecation Label
- Extend Experiment: FedCM Button Mode API and Use Other Account API
- Extend Experiment: WebGPU Subgroups experimentation
- Extend Experiment: JavaScript Promise Integration
- Extend Reverse Origin Trial: Trial for SharedArrayBuffers in non-isolated pages on Desktop platforms
- Change:
- Unship:
- Remove:
- Ready for Developer Testing: Freezing on Energy Saver
- Ready for Developer Testing: WebGPU: Texture view usage
- Web-Facing Change PSA: Document picture-in-picture: copy document mode
-
Web-Facing Change PSA: Relax
<select>
parser - Web-Facing Change PSA: Fix Selection isCollapsed in Shadow DOM
- Web-Facing Change PSA: Attribution Reporting API remove aggregation key identifier size limit for trigger registrations
- PSA: Web Bluetooth and WebUSB changing detached buffer handling
- Proposal: Ignore Strict-Transport-Security headers for Localhost responses
Other
-
web.dev
- Benchmarking the performance of CSS @property
- New to the web platform in September
- CSS nesting improves with CSSNestedDeclarations
- Show Baseline status on your blog posts and presentations
-
google for developers
- Chrome on Android to support third-party autofill services natively - Google Developers Blog
- google developer japan blog
-
chrome developer blog
- https://developer.chrome.com/blog/
- 5 Cool Things To Do with DevTools AI Assistance
- Inheritance changes for CSS selection styling
- Private Network Access on hold
- The box-decoration-break property in Chrome 130
- Translation API available for early preview
- What's happening in Chrome Extensions, October 2024
- chromium blog
- canary
- google security blog
- search blog
- v8
-
Other
-
CrUX Vis
- https://cruxvis.withgoogle.com/#/
- CrUX のデータを可視化して Vital などを表示するサイト
- インターンが作ったらしい
-
Google Chrome Built-in AI Challenge
- https://googlechromeai.devpost.com/
- Develop a web application or Chrome Extension that uses one or more Chrome built-in AI APIs to interact with integrated models such as Gemini Nano. - Devpost
-
CrUX Vis
Firefox 動向
Stable: 131.0.3
Updates
- Firefox 131.0, See All New Features, Updates and Fixes
-
Firefox 131 for developers - Mozilla | MDN
- https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/131
- position-area
- Iterator Helpers
- CHIPS
- Text fragments
- Search Improvements Are On Their Way - These Weeks in Firefox: Issue 169 - Firefox Nightly News
Intents
- Ship: Uint8Array to/from base64 and hex
- Ship: Dialog Toggle Events
- Ship Fetch Keepalive
- Prototype: :has-slotted pseudo
- Prototype: :local-link pseudo
- Prototype: contenteditable=plaintext-only
- Change:
- Remove:
Newsletter
- Engineering Effectiveness Newsletter (August & September 2024 Edition)
- Firefox WebDriver Newsletter 131 - Firefox Developer Experience
- Firefox DevTools Newsletter - 131 - Firefox Developer Experience
- 75x faster: optimizing the Ion compiler backend
MDN / Open Web Docs
- Fixing your website's JavaScript performance | MDN Blog
- Introducing the new MDN Community page | MDN Blog
- Security documentation at TPAC 2024
Standard Position
- 今月 Close された Issue と PR ものをみる
-
Positive
- CSS Layout API
- CSS Painting API
- CSS Properties and Values API
- CSS Typed OM
- CSS Values 5: random()
- Custom elements
- Dialog BeforeToggle/Toggle events
- FedCM as a trust signal for the Storage Access API
- Programatically disabling hardware encoding/decoding in WebRTC
- Scripting media feature
- Selection API: getComposedRanges
- Shadow trees (formerly known as Shadow DOM)
- Submitting element directionality via the dirname attribute
- Worklets
- contain-intrinsic-size auto & longhands
- popover=hint
- template element
-
Negative
- HTML Imports · Issue #1093 · mozilla/standards-positions
- Protected Audience API · Issue #770 · mozilla/standards-positions
-
Defer
- Local Peer-to-Peer API
- PWAs as URL Handlers
-
The
model
element - URL Protocol Handler Registration for web apps
- Window Controls Overlay
Other
- Behind the Scenes: Fixing an In-the-Wild Firefox Exploit - Mozilla Security Blog
- A free and open internet shouldn't come at the expense of privacy
- Improving online advertising through product and infrastructure
- Privacy-preserving digital ads infrastructure: An overview of Anonym's technology
Safari 動向
Stable: 18.0.1
Updates
-
Release Notes for Safari Technology Preview 204 | WebKit
- https://webkit.org/blog/15978/release-notes-for-safari-technology-preview-204/
- Accessibility
-
CSS
- Added support for cross-document view-transitions.
- Added preview support for line-clamp.
- Forms
-
JavaScript
- Removed obsoleted methods for Temporal.PlainTime and Temporal.PlainDateTime to align with specification changes.
- Service Workers
- Web API
-
Web Driver
- Added support for icon_variants in Web Extensions.
- Web Extensions
- Web Inspector
-
Release Notes for Safari Technology Preview 205 | WebKit
- https://webkit.org/blog/15999/release-notes-for-safari-technology-preview-205/
- HTML
-
JavaScript
- Added support for Math.sumPrecise.
- Added support for Iterator.prototype.reduce.
-
Lockdown Mode
- Enabled Lockdown Mode Safe Fonts to try parsing web fonts with a safe font parser in Lockdown Mode. While the safe parser is enabled the list of allowed fonts won't be used. (283951@main) (125621507)
- SVG
- Tables
- Text
- Web API
- Web Driver
- Web Extensions
-
WebAssembly
- Added support for the new Wasm Exception Specification. (283954@main) (131409318)
-
Release Notes for Safari Technology Preview 206 | WebKit
- https://webkit.org/blog/16186/release-notes-for-safari-technology-preview-206/
- CSS
-
Editing
- Implemented ClipboardItem.support()
-
JavaScript
- Completed the Iterator Helpers proposal
-
Media
- Added support for the Image Capture API.
- Rendering
- SVG
- Tables
-
Web Extensions
- Added support for getKeys() in storage areas.
- Added support for i18n.getSystemUILanguage and i18n.getPreferredSystemLanguages.
- WebDriver
-
WebRTC
- Added support for enumerated visible network interfaces.
-
Safari 18.0.1 Release Notes | Apple Developer Documentation
- https://developer.apple.com/documentation/safari-release-notes/safari-18_0_1-release-notes
- Fixed
SameSite
default behavior. だがバグリンクなし
Standard Positions
-
今月 Close されたものをみる
- https://github.com/WebKit/standards-positions/issues?q=is%3Aissue+closed%3A%3E2024-10-01+
-
Support
-
Generate CSS
view-transition-name
from element - CSS Scoping :has-slotted pseudo
-
Generate CSS
Other
-
Help us choose the final syntax for Masonry in CSS | WebKit
- https://webkit.org/blog/16026/css-masonry-syntax/
- Webkit としては grid の拡張にしたい
display: masonry
ならコード量は減るように見えるが、それだけで使うことはあまりなさそう- フィードバック求
Edge 動向
Stable: 130
Updates
Other
- Enhancing the security of Microsoft Edge extensions with the new Publish API - Microsoft Edge Blog
- Limited Preview of Privacy-Preserving Ads API coming to Microsoft Edge - Microsoft Edge Blog
- Attack Techniques: Encrypted Archives - text/plain
- Content-Blocking in Manifest v3 - text/plain
- Browser Security Bugs that Aren't - #2: Web Attacks | Microsoft Browser Vulnerability Research
- Defensive Technology: Antimalware Scan Interface (AMSI) - text/plain
- Passkeys on Windows: Authenticate seamlessly with passkey providers - Windows Developer Blog
- How Microsoft Edge Is Replacing React With Web Components - The New Stack
WHATWG/W3C 動向
TPAC2024
- WebPerf
-
WebAppSec
- https://github.com/w3c/webappsec/blob/main/meetings/2024/2024-09-23-TPAC-Minutes.md
-
https://github.com/w3c/webappsec/blob/main/meetings/2024/2024-09-26-TPAC-minutes.md
-
11:45 - 12:20: Cookies
- (~10m) sandbox="allow-same-site-none-cookies" (https://github.com/explainers-by-googlers/csp-sandbox-allow-same-site-none-cookies) (@aamuley)
- (~5m) NOTE for standardizing cross-site cookie semantics (@dcthetall)
- (~10m) Cookie Layering / RFC6265ter (@johannhof, @annevk)
- (~10m) CHIPS (@johnwilander, @dcthetall)
-
11:45 - 12:20: Cookies
- Web App
-
WHATUP
- https://github.com/whatwg/meta/issues/326
- customizable
<select>
- Tooltips, Hovercards, and Menus
- Rich Inputs explainer openui/open-ui#1090
- PING
- CSSWG
Draft
- Recommendation
-
Proposed Recommendation
- Last Call for Review of Proposed Amendments: WebRTC: Real-Time Communication in Browsers
- Candidate Recommendation
- Working Draft
- First Public Working Draft
Open UI
- https://github.com/openui/open-ui/tree/main/meetings/telecon
-
2024-10-03
- https://github.com/openui/open-ui/blob/main/meetings/telecon/2024-10-03.md
- [select] rendering elements which don't fit the content model #1099
- Does
<select multiple>
need a button and popup by default? #1102 - [switch]: Does the "on" position change between rtl and ltr? #1098
-
2024-10-10
- https://github.com/openui/open-ui/blob/main/meetings/telecon/2024-10-10.md
- [Deferred indefinitely] Link delegation to descendant #1104
- [switch]: Does the "on" position change between rtl and ltr? #1098
-
2024-10-24
- https://github.com/openui/open-ui/blob/main/meetings/telecon/2024-10-24.md
- selectlist: Should
<selectedoption>
respond to mutations in the selected<option>
#825 - The utility of the popover=hint feature #1114
WHATNOT
- https://github.com/whatwg/html/issues?q=is%3Aissue+is%3Aopen+WHATNOT+meeting
- 2024-10-03
-
2024-10-10
- https://github.com/whatwg/html/issues/10666
-
[Joey] Customizable
<select>
element- Anne and Olli feel that the timing issues are not sufficiently resolved for moving to stage 3. Joey will reply to the timing questions on the PR. Dominic and Anne will review the PRs.
-
[Anne] Enhance
<input type=color>
with alpha and colorspace=display-p3- WebKit & Blink are now in support. No opposition from Gecko.
-
[Guy] HTML Integration with ESM Source Phase
- Guy's slide deck. No opposition to the proposal from any of the participants.
-
[Khushal] Canvas Place Element
- WebKit and Gecko are OK with stage 1. Khushal will incorporate the feedback to the explainer.
-
[Keith] Consider throwing for showModal() and showPopover() in non-fully-active documents
- Briefly discussed, it looks good to everyone.
-
[Emilio] [images] Lazy loading and out of band loads
- Carry over.
-
[Dom] Atomic move operation for element reparenting & reordering
- Dom will follow up with Noam and loop in ARIA folks.
-
[Anne] Prevent currentScript from being overridden on document via name=''
- Consensus in the room is that we are open to this.
-
2024-10-17
- https://github.com/whatwg/html/issues/10692
-
[Kurt] Declarative CSS Modules and Declarative Shadow DOM adoptedstylesheets attribute
- Consensus to move to stage 1; Kurt to start working on filing issues and drafting incubation.
-
[Dan] Reference Target
- Consensus to move to stage 1, for phase 1 and phase 2; phase 1 might be nearing stage 2, but concern that some amount of phase 2 needs to be understood first.
-
Upcoming WHATNOT meeting on 2024-10-24 · Issue #10709 · whatwg/html
- https://github.com/whatwg/html/issues/10709
-
New topics
-
[Di] tabindex vs reading-flow property
- Di will add an example with a shadowdom and update the spec as well. Anne and Olli will look at the open standards positions for WebKit and Gecko respectively.
-
[Domenic] Add expect-no-linked-resources Document-Policy to Speculative parsing
- Olli will discuss this with Henri. Mason will ask Alex to come to a future meeting to give us more context.
-
[Keith] Add an event for when a user attempts to submit
- Noam suggested an interesting direction in the issue.
-
[Di] tabindex vs reading-flow property
Other
- WCAG2ICT Published as W3C Group Note
-
How should
<selectedoption>
work? - JakeArchibald.com- https://jakearchibald.com/2024/how-should-selectedoption-work/
<selectedoption>
の仕様についてフィードバック募集<option>
変更されると<selectedoption>
にクローンが表示される- そういう挙動は今までの DOM にはなかった
cloneNode(true)
相当だが、リスナやどは含まれないし、<canvas>
は空になるし、<iframe>
はリロードになる。<selectedoption>
側の変更は<option>
には反映されない- どうするのがいいか?
-
Option1
- Nothing by default, but provide a way to trigger an update
-
Option2
- Automatically reset the content when anything in the selected
<option>
changes
- Automatically reset the content when anything in the selected
-
Option3
- Automatically reset the content when anything in the selected
<option>
changes… debounced
- Automatically reset the content when anything in the selected
-
Option4
- Perform targeted DOM changes when something in the selected
<option>
changes
- Perform targeted DOM changes when something in the selected
- https://github.com/whatwg/html/issues/10520
- Option 1 になった
- CSS masonry will take time, and that's just fine | Sean Voisen
TC39 動向
Meeting
- Meeting Note が公開された時だけやる、それ以外はやらない。
- 2024-01
Proposals Diff
- https://github.com/tc39/proposals/compare/main@{2024-01-01}...main@{2024-02-01}
- https://tc39.github.io/beta/
- 0->1
- 1->2
- 2->2.7
- 2.7->3
- 3->4
New Proposals
WinterCG
- 2024-10-17 meeting · Issue #76 · wintercg/admin
Other
- Language Evolution
- Dan's feedback on JSSugar
IETF 動向
WG
-
RFC 9651 on Structured Field Values for HTTP
- https://lists.w3.org/Archives/Public/ietf-http-wg/2024JulSep/0316.html
- Structured Field Values の更新版が出た
- Date 型と UTF8 型の追加
- ABNF が Appendix になった
-
Work
- [TLS] Last Call: (The Transport Layer Security (TLS) Protocol Version 1.3) to Proposed Standard
- [TLS] Last Call: (Bootstrapping TLS Encrypted ClientHello with DNS Service Bindings) to Proposed Standard
- draft-ietf-lamps-rfc6712bis-07 - Internet X.509 Public Key Infrastructure -- HTTP Transfer for the Certificate Management Protocol (CMP)
- Working Group Last Call: draft-ietf-httpbis-cache-groups-02 from Tommy Pauly on 2024-10-18 (ietf-http-wg@w3.org from October to December 2024)
- Meeting
Other
CDN 動向
Cloudflare
Fastly
Other
セキュリティ動向
周辺動向
- Announcing BCD Watch - Eric's Archived Thoughts
-
Web の同意を考えようプロジェクト|さよなら、ダークパターン。
- https://www.non-deceptivedesign.jp/
- https://prtimes.jp/main/html/rd/p/000000001.000150490.html
- IIJ が主導し「非ダ―クパターン Web サイト(Non-Deceptive Design Accreditation)」制度を運用する一般社団法人ダークパターン対策協会を発足
- 「Web の同意を考えようプロジェクト」からの流れ
- 「形骸化した同意」問題や、「同意疲れ」に対応していく
- 年末までに有識者/政府とガイドライン v1.0 構築
- 2025/7 から審査を開始予定
- October Conference News | Igalia
-
ACF | ACF Plugin no longer available on WordPress.org
- https://www.advancedcustomfields.com/blog/acf-plugin-no-longer-available-on-wordpress-org/
- Advanced Custom Field というプラグインを WP Engine が運営していた
- WP Engine という名前が WP 公式っぽいと、公式が方的に訴える
- WP が ACF をフォークした Secure Custom Field として公開
- WP Engine の WP.com アクセス権限を削除した
- セキュリティガイドラインに則った措置としている
- ACF は広く使われているので問題に
- Bringing WebKit back to Android: Internals
- Blink でも WebKit でもない新開発ブラウザエンジン「Gosub」 - GIGAZINE
- State of CSS 2024
- CSS Highlight Inheritance has Shipped!
- Platform Strategy and Its Discontents - Infrequently Noted
-
SC-081: Introduce Schedule of Reducing Validity and Data Reuse Periods by clintwilson · Pull Request #553 · cabforum/servercert
- https://github.com/cabforum/servercert/pull/553
-
Expand section 6.3.2 to detail schedule of reducing maximum validity periods in coming years
-
- Overall reduction of maximum validity period from 398 days to 45 days
- Home | Passkey Central
- New FIDO Alliance Specs: Importing and Exporting Passkeys | 1Password
- FIDO Alliance Publishes New Specifications to Promote User Choice and Enhanced UX for Passkeys - FIDO Alliance
-
The Disappearance of an Internet Domain
- https://every.to/p/the-disappearance-of-an-internet-domain
- .io ドメインが消えるかもしれないらしい。
- イギリス領インド洋地域(チャゴス諸島の周辺地域)に割り当てられた ccTLD だった
- イギリスがこの地域の返還を決定したので、.io ドメインがなくなるのでは?という話。
Cookie 動向
イベント
-
10 月
- 8-10: BlinkOn19
- 22-23: WebKit Contributors Meeting
-
11 月
- ?: CMA の Q3 レポート
- 02-08: IETF 121 Dublin
-
12 月
- 2-5: TC39 Remote
Wrap Up
-
Chrome
-
130
- Document PiP
- CSS Nested Declarations
- box-decoration-break
-
131 beta
- CSS font-variant-emoji
- ::details-content
- currentcolor in RCS
- ISA Direct Sockets API
- FedCM as a trust signal for SAA
- Select parser relaxation
-
Ship
- Device Posture API
- Explicit Compile Hints with Magic Comments
- Request/Response.bytes()
<details>
/<summary>
styling- CSS caret-animation property
- Dialog Toggle Events
- Select parser relaxation
- Sideways writing modes
-
Prototype
- Progress Notification API
- Allow SameSite=None Cookies in FP Sandboxed contents
-
Experiment
- Storage Access Headers
-
web.dev
- show Baseline status
-
Google Developer Blog
- Chrome on Android to support 3p autofill services
-
other
- CrUX Vis
- Chrome Built-in AI challenge
-
130
-
Firefox
-
131
- Iterator Helpers
- CHIPS
- Text fragments
-
Ship
- Uint8Array Base64/hex
- Dialog Toggle Events
- Fetch Keepalive
-
Prototype
- :has-slotted
- :local-link
-
MDN Blog
- Security documentation at TPAC 2024
-
Standard Position
- Houdini/WC 系の分割・棚卸し
-
positive
- popover=hint
- CSS random()
-
negative
- Protected Audience
- other
-
131
-
Safari
-
TP 204
- cross-document view transitions
- preview support for line-clamp
-
TP 205
- Math.sumPrecise
- Iterator.prototype.reduce
- Lockdown Mode Safe Fonts
-
TP 206
- Implemented ClipboardItem.support()
- Completed the Iterator Helpers proposal
- Added support for the Image Capture API.
-
18.0.1
- fix SameSite default behavior
-
Standard Position
-
Support
- Generate CSS
view-transition-name
from element - CSS Scoping :has-slotted pseudo
- Generate CSS
-
Support
-
Other
- Masonry 仕様のフィードバック
-
TP 204
-
Edge
- Privacy Preserving Ads が OT
- React を WebComponent に刷新した記録
-
W3C/WHATWG
-
TPAC2024
- WHATUP でも
<select>
系議論多い
- WHATUP でも
- Draft
-
Open/UI
<select>
系の議論多い
-
WHATNOT meeting
<select>
系の議論多い
-
Other
<selectedoption>
の仕様議論
-
TPAC2024
- TC39
- WinterCG
-
IETF
- RFC9651 で SFV の date/unicode 更新
- CDN 動向
- セキュリティ動向
-
周辺動向
- Web の同意の非ダークパターン認定
- WordPress が ACF をフォークして問題に
- 新しいブラウザエンジン Gosub
- 証明書の期限を 45 日にする提案が炎上
- Passkey Central
- .io ドメイン消えるかも
- Cookie 動向