ep107 Monthly Platform 202210
- published_at
- 2022-10-30
- guest
- @myakura
- toc
-
headings
Theme
第 107 回のテーマは 2022 年 10 月の Monthly Platform です。
Show Note
Chrome 動向
Stable: 107
Updates
-
New in Chrome 107 - Chrome Developers
- https://developer.chrome.com/en/blog/new-in-chrome-107/
- New properties in Screen Capture API
- Identify render blocking resources
- PendingBeacon API origin trial
-
Chrome 108 beta
- https://developer.chrome.com/en/blog/chrome-108-beta/
-
CSS
- CSS Overflow for replaced elements
- Small, Large, Dynamic, and Logical viewport units
- CSS break-after, break-before and break-inside support
- Last baseline item alignment
- ContentVisibilityAutoStateChanged event
- Federated Credentials Management (was WebID)
- Media Source Extensions in workers
Sec-CH-Prefers-Reduced-Motion
User Preference Media Features Client Hints Header- WebTransport BYOB readers
- Wildcards in Permissions Policy Origins
-
Variable COLRv1 fonts and font feature detection
- COLRv1 variable font support
font-tech()
andfont-format()
condition extensions to CSS@supports
tech()
function support in@font-face
src: descriptor
- Android OSK now resizes the visual viewport by default
- Sync methods for AccessHandles in File System Access API
- WebAuthn conditional UI
-
Origin trials
- Merchant identity in canmakepayment event
- Back/forward cache NotRestoredReason API
-
Deprecations and removals
- Deprecate and remove window.defaultStatus and window.defaultstatus
- ImageDecoderInit.premultiplyAlpha
navigateEvent.restoreScroll()
navigateEvent.transitionWhile()
- WebRTC mediaConstraint's googIPv6
-
What's New In DevTools (Chrome 108) - Chrome Developers
- https://developer.chrome.com/en/blog/new-in-devtools-108/
- Hints for inactive CSS properties
- Auto-detect XPath and text selectors in the Recorder panel
- Step through comma-separated expressions
- Improved Ignore list setting
- Miscellaneous highlights
Intents
- Ship: Align Timers (including DOM timers) at 125 Hz
- Ship: Auto range support for font descriptors inside @font-face rule
- Ship: CSS 'lh' Length Unit
- Ship: CSS Color Module Level 4 + color-mix()
-
Ship: CSS
hyphenate-limit-chars
property - Ship: Conditional Focus
- Ship: Cookies Having Independent Partitioned State (CHIPS)
- Ship: FedCM (was WebID)
- Ship: Increased max nesting level for setTimeout(0)
- Ship: Last Baseline Item Alignment
- Ship: Origin Isolation By Default / Deprecate document.domain on stable
- Ship: Same-site cross-origin prerendering triggered by the speculation rules API
- Ship: Send Mouse Events to Disabled Form Controls
- Ship: Web app launch handler
- Ship : HTTP response status code in Resource Timing
- Ship: Anonymous iframes
- Prototype and Ship: WebTransport BYOB readers
- Prototype: CSS Initial Letters
- Prototype: CSS Nesting
-
Prototype: CSS
hyphenate-limit-chars
property - Prototype: Content-type in Resource Timing
-
Prototype: Document Rules
- https://groups.google.com/a/chromium.org/g/blink-dev/c/N0psmOztjM0
- Speculation Rules での Prefetch を URL のリストではなく、ページ内リンクのパターンで指定できる
- Prototype: No-Vary-Search support in navigation prefetch cache
- Prototype: URLPatternList
- Prototype: Speculation-Rules header
- Prototype: scheduler.yield()
- Prototype: WebUSB & Extension Service Worker Integration
- Ready for Trial: BFCache NotRestoredReasons API
- Ready for Trial: Declarative PendingBeacon API
- Ready for Trial: Partitioning Storage, Service Workers, and Communication APIs
- Experiment: Back/forward cache NotRestoredReason API
- Experiment: Network State Partitioning (once more, with feeling)
- Experiment: Private Aggregation API
- Experiment: Reduce Accept-Language Origin Trial
- Experiment: Private Network Access preflight requests for subresources
- Extend Experiment (again): User-Agent Reduction
- Extend Experiment: Privacy Sandbox Ads APIs through M110
- Deprecate and Remove: Private Network Access requests for subresources without proper preflight response
-
Remove:
-webkit-perspective-origin-[x,y]
- Call for BlinkOn 17 lightning talks!!
- PSA: Support for network quality client-hints in CORS
V8
Other
-
web.dev
- New patterns for amazing apps
- Optimize long tasks
- New to the web platform in September
- Introducing Learn Accessibility
- Building a floating action button (FAB) component
- Sign in with a passkey through form autofill
- Create a passkey for passwordless logins
- Building a Better Web - Part 1: A faster YouTube on web
- CSS Animated Grid Layouts
- Building a tooltip component
- google developer blog
-
google developer japan blog
- https://developers-jp.googleblog.com/
- Google Developers Japan: Chrome Root Program 開始に向けてのお知らせ
- Google Developers Japan: Chrome 106: 新しい CSS 機能、 WebCodecs と WebXR の改善など
- Google Developers Japan: フリーズドライ タブで Android 版 Chrome の起動を高速化する
-
chrome developer blog
- Increasing the Privacy Sandbox Relevance and Measurement origin trial to 5% - Chrome Developers
- Trust Tokens renamed Private State Tokens - Chrome Developers
- DevTools Tips: Discover and fix low contrast text - Chrome Developers
- Advanced Web Apps Fund - Update Oct 2022 - Chrome Developers
- Inside the container query polyfill - Chrome Developers
- A new way to start your Chrome Extension development journey - Chrome Developers
- Chrome Dev Insider: Scaling performance with the framework ecosystem - Chrome Developers
- Help pick a syntax for CSS nesting survey results - Chrome Developers
- Customize and automate user flows beyond Chrome DevTools Recorder - Chrome Developers
- No spooky cookies - Chrome Developers
- Breaking change: sync methods for AccessHandles - Chrome Developers
- A change to overflow on replaced elements in CSS - Chrome Developers
- Is Project Fugu "done"? - Chrome Developers
- Update to the CanMakePayment event behavior of the Payment Handler API - Chrome Developers
- DevTools Tips: Different ways to open DevTools - Chrome Developers
- Prepare for viewport resize behavior changes coming to Chrome on Android
- chromium blog
- canary
-
other
-
Revamp CSP policy for DCC / web.dev
-
https://github.com/GoogleChrome/developer.chrome.com/issues/3964
- web.dev の CSP ヘッダは 2.8KB あるらしい
-
CSP headers should also go per route to prevent bloating headers with nonces for scripts not used on every page. For web.dev we ship roughly 2.8KB of CSP headers for every request right now.
-
https://github.com/GoogleChrome/developer.chrome.com/issues/3964
- サイト所有者向けのガイドラインの更新 | Google 検索セントラル ブログ | Google Developers
- 再開: 検索セントラルのライブイベント | Google 検索セントラル ブログ | Google Developers
- Google 検索でのサイト名の表示 | Google 検索セントラル ブログ | Google Developers
- Search Console のパフォーマンス データのフィルタリングと制限の詳細 | Google 検索セントラル ブログ | Google Developers
- Project Zero: RC4 Is Still Considered Harmful
-
Revamp CSP policy for DCC / web.dev
Firefox 動向
Stable:106
Updates
-
Firefox 106.0, See All New Features, Updates and Fixes
-
https://www.mozilla.org/en-US/firefox/106.0/releasenotes/
- macOS の画像認識機能を使って画像から文字を検出する機能が追加
-
https://www.mozilla.org/en-US/firefox/106.0/releasenotes/
-
Firefox 106 for developers - Mozilla | MDN
-
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/106
<source width height>
@supports font-tech()
/@supports font-format()
<meta media>
-
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/106
Intents
-
Ship: width and height attributes on
<source>
elements - Ship: Import maps
- Ship: CSP3 subset of script-src-elem, script-src-attr, style-src-elem and style-src-attr
-
Ship:
calc()
trigonometric functions and constants - Prototype: Audio Output Devices API
- Prototype: CSS font-variant-emoji
-
Prototype: Enable Partially Implemented Opaque Response Blocking (ORB) in Nightly
- https://groups.google.com/a/mozilla.org/g/dev-platform/c/BJNAZ-BxcqE
-
This is partially implemented because it lacks the Javascript validation stuff such that we want to block JSON responses while allowing Javascript to pass through, however we haven't finished the implementation for this part yet.
- Prototype & Ship: CSS font-palette property and @font-palette-values rule
-
Unship: quotes around the MathML
<ms>
element - XUL layout removal progress
-
RFC: Page Collections
- https://groups.google.com/a/mozilla.org/g/dev-platform/c/ic7unGjE5UE
- リンクをクリックしたら複数ページが開くという Chromium からの提案
- Explainer を共有して興味のある人をさがしている
- bokand/page-collection: A proposal for links that open multiple URLs
- Changing the way jsdoc is linted via ESLint
- Engineering Effectiveness Newsletter (August and September 2022)
- Soft code freeze for Firefox 107 starts on October 13
Other
-
SpiderMonkey Newsletter (Firefox 106-107)
-
https://spidermonkey.dev/blog/2022/10/24/newsletter-firefox-106-107.html
- implemented support for module
import.meta.resolve
(disabled by default).
- implemented support for module
-
https://spidermonkey.dev/blog/2022/10/24/newsletter-firefox-106-107.html
-
Necko Newsletter - Autumn 2022
-
https://groups.google.com/a/mozilla.org/g/dev-platform/c/bsQUnJuYVxQ
- Early Hints 、 WebTransport 、 Oblivious HTTP などが実装中らしい
-
https://groups.google.com/a/mozilla.org/g/dev-platform/c/bsQUnJuYVxQ
- Privacy online just got easier with the new Firefox release
- Protect your privacy and your phone number with Firefox Relay
- Firefox makes browsing more colorful with new 'independent voices'
- Keep your family's internet private with Total Cookie Protection on Firefox
- This Week in Glean: Page Load Data, Three Ways (Or, How Expensive Are Events?) - Data@Mozilla
- Improving Firefox responsiveness on macOS - Mozilla Hacks - the Web developer blog
- A new release, a new button and much more - These Weeks in Firefox: Issue 126 - Firefox Nightly News
- PiP subtitles, screenshots in 'about' pages & more - These Weeks in Firefox: Issue 125 - Firefox Nightly News
Safari 動向
Stable: 16.1
Updates
-
Release Notes for Safari Technology Preview 155
- https://webkit.org/blog/13338/release-notes-for-safari-technology-preview-155/
-
JavaScript
- Disabled ShadowRealm for now (the
--useShadowRealm
flag can enable it) (254483@main) - Implemented
Temporal.PlainDate[Time].{equals, add, subtract}
(Behind the--useTemporal
flag) (254366@main) - Implemented
with
andround
methods forTemporalPlainDate[Time]
(Behind the--useTemporal
flag) (254565@main)
- Disabled ShadowRealm for now (the
-
Web API
- Enabled the Reporting API by default (254520@main)
- Implemented nested Dedicated Workers (254597@main)
- Implemented no-quirks mode for media, plugin, and UA-inline documents (254526@main)
- Added support for Cross-Origin-EmbedderPolicy (COEP) violation reporting (254466@main)
-
Release Notes for Safari Technology Preview 156
- https://webkit.org/blog/13394/release-notes-for-safari-technology-preview-156/
-
JavaScript
- Implemented
Intl.DurationFormat
(254791@main) - Implemented
Temporal.PlainDate#{since, until}
(Behind the--useTemporal
flag) (254780@main)
- Implemented
-
Accessibility
- Integrated ARIA element reflection in the Accessibility Tree (254905@main, 254985@main)
-
Web API
- Implemented
import.meta.resolve()
(254691@main) - Implemented
importmaps
(254987@main) - Implemented support for the
Clear-Site-Data
HTTP header (254745@main) - Prototyped declarative Shadow DOM (254964@main)
- Prototyped streaming for declarative Shadow DOM (255020@main)
- Implemented
-
WebKit Features in Safari 16.1
-
https://webkit.org/blog/13399/webkit-features-in-safari-16-1/
- Web Push for macOS 13 Ventura
- Animated AVIF
- Passkeys
- Scroll to Text Fragment
-
https://webkit.org/blog/13399/webkit-features-in-safari-16-1/
- Safari 16.1 Release Notes
Other
-
[webkit-dev] 2022 WebKit Contributors Meeting - Registration Open!
-
https://lists.webkit.org/pipermail/webkit-dev/2022-October/032371.html
- 11/9, 11/10 online
-
https://lists.webkit.org/pipermail/webkit-dev/2022-October/032371.html
Edge 動向
Stable: 107
Updates
- MS Ignite
- Inspired by challenges in your workday: latest innovations and updates from Microsoft Edge - Microsoft Edge Blog
- Website typo protection defends against fraud including phishing, malware, and other scams - Microsoft Edge Blog
Chakra
Other
- HTTPS Goofs: Forgetting the Bare Domain - text/plain
- Cruising Alaska (Alaskan Brews Cruise) - text/plain
- Capturing Logs for Debugging SmartScreen - text/plain
- Q: Why do tabs sometimes show an orange dot? - text/plain
- Microsoft Employee's Guide to Maximizing Donations - text/plain
- Guest Blog Post - Memory corruption vulnerabilities in Edge | Microsoft Browser Vulnerability Research
- Efficiency mode in Microsoft Edge: Save even more battery life with recent updates - Microsoft Community Hub
WHATWG/W3C 動向
Draft
-
Recommendation
- Last Call for Review of Proposed Corrections: CSS Containment Module Level 1
- Proposed Recommendation
-
Candidate Recommendation
- W3C Invites Implementations of Resource Timing
- Working Draft
-
First Public Working Draft
-
Portable Network Graphics (PNG) Specification (Third Edition)
- https://www.w3.org/TR/2022/WD-png-3-20221025/
- APNG の仕様と EXIF メタデータの拡張仕様を取り込んだ
- HDR にも対応
- First Public Working Draft: Portable Network Graphics (PNG) Specification (Third Edition)
-
CSS View Transitions Module Level 1
- https://www.w3.org/TR/2022/WD-css-view-transitions-1-20221025/
- 元 Shared Element Transitions
- Scroll-linked Animations
- First Public Working Drafts: CSS View Transitions Module Level 1; Scroll-linked Animations
-
Portable Network Graphics (PNG) Specification (Third Edition)
- Chartering
Other
- Upcoming: W3C Workshop on Permissions | W3C News
-
W3C Workshop on Permissions
-
https://www.w3.org/Privacy/permissions-ws-2022/
- 12/5, 12/6 in Munich
-
https://www.w3.org/Privacy/permissions-ws-2022/
- W3C Workshop Report: WCG and HDR for the Web
TC39 動向
Meeting
- Twitter Spaces
-
sep-13
- Intl.DurationFormat Stage 3 Update
-
Temporal update
- IXDTF (Internet Extended Date-Time Format)
- とい RFC が通ろうとしている
- https://datatracker.ietf.org/doc/html/draft-ietf-sedate-datetime-extended-06
-
String.dedent
\x20
などで空白があった場合にそれをどうするか- 結論はよくわからず
-
ShadowRealm Update
- slide がないのでよくわからん
- なんか HTML 周りでエラーがあるっぽい
- それが解決するまで pending
-
Record and Tuple update
- isRecord/isTuple は無くした
- JSON.parseImmutable は別ドラフト
- Object を含むのはやめた、 WeakMap 使え
- TS の型とのインテグレーション
- WebIDL どうするか
-
Well-formed Unicode strings
- WASM は Well formed な Unicode のみ扱う
- Surrogate の片割れだけとかがあったら、 \uFFFD に置き換える
- \uFFFD = 認識できない文字の置換用に予約された文字
isWellFormed()
とtoWellFormed()
を prototype に提供- Stage 2 へ
-
sep-14
-
Iterable functions instead of iterator helper methods
- pipe を前提に method ではなく function にしたい
- 提案ではなく自分のライブラリをプレゼンしてるだけ?
-
Iterator Helpers update
- 細かい変更の議論
- 次の mtg で stage 3 を目指す
-
Array.fromAsync for stage 3
- Stage 3
-
Set Methods, part III
- union/intersection のアルゴリズムに関する議論
- 方針だけ決まった
-
Iterable functions instead of iterator helper methods
-
sep-15
-
Temporal extension
- "!" は特別らしくその扱いについて議論してる
-
Explicit resource management for stage 3
using
句で明示的なリソースの確保/解放がしたい- ステージ移動は今はなし
-
Extractor Objects
- https://github.com/tc39/proposal-extractors
- 分割代入時にロジックを挟める
- Stage 1
-
Refactor of import-related Host Hooks
- import 時の挙動は Host Hooks を呼ぶように定義されている
- その中身の実装は platform に決めさせる
- ここをリファクタリングしたい
- Module Blocks 周り?
-
R&T revisited
- さっきの続き
-
Temporal extension
-
次回
- 11 月にスペインで igalia ホスト
Proposals Diff
New Proposals
Other
IETF 動向
WG
- IETF
-
httpwg
- https://lists.w3.org/Archives/Public/ietf-http-wg/
- https://github.com/httpwg/wg-materials/
- Interim
- Call for Adoption: Structured Fields Revision (RFC8941bis)
- I-D Action: draft-ietf-httpbis-client-cert-field-03.txt
- HTTP Unprompted Authentication
- quicwg
- webtrans
- tlswg
- wpack
- masque
- pearg
- privacypass
- dispatch
- secdispatch
Other
CDN 動向
Cloudflare
- Speed & Reliability
- Security
-
Developers
-
Goodbye, Alexa. Hello, Cloudflare Radar Domain Rankings
- https://blog.cloudflare.com/radar-domain-rankings/
- Alexa Top 100 の後継
- 1.1.1.1 のリゾルバ統計データに基づく
- https://radar.cloudflare.com/domains
- Introducing post-quantum Cloudflare Tunnel
- Stronger than a promise: proving Oblivious HTTP privacy properties
- Partial Cloudflare outage on October 25, 2022
- Cloudflare Pages gets even faster with Early Hints
- Privacy Gateway: a privacy preserving proxy built on Internet standards
-
Goodbye, Alexa. Hello, Cloudflare Radar Domain Rankings
- Deep Dive
Fastly
- Using Client Hints to Detect Disparities | Fastly
- Gatsby on the Edge in under 2 minutes with Fastly | Fastly
- Yamagoya 2022
Other
セキュリティ動向
-
Press Release: PayPal Introduces More Secure Payments with Passkeys
- https://newsroom.paypal-corp.com/2022-10-24-PayPal-Introduces-More-Secure-Payments-with-Passkeys
- Passkeys supported sites and apps | MacRumors Forums
- https://forums.macrumors.com/threads/passkeys-supported-sites-and-apps.2353325/
周辺動向
- I turned JS into a compiled language (for fun and Wasm) - surma.dev
- A First Look at the Websites and Software Applications Accessibility Act Bill
- Launching a new Chromium-based WebView for Android - Engineering at Meta
- MPArch(Multiple Page Architecture) project in Chromium | Gyuyoung Weblog
イベント
-
11 月
- 5-11 IETF 115 London
- 9-10: WebKit Contributors Meeting
- 15-17: BlinkOn17
-
12 月
- 5-6: W3C Workshop on Permissions
Wrap Up
-
Chrome
-
107
- PendingBeacon OT
-
108 Beta
- svh/dvh/lvh
- FedCM
- Wildcards in Permissions Policy Origins
- Variable COLRv1
- Inactive CSS properties in DevTools
-
Ship
- CHIPS
- FedCM
- Origin Isolation by default / deprecate document.domain
- Same-site cross-origin prerendering
- Anonymous iframes
-
Prototype
- CSS Initial Letters
- CSS Nesting
- Document Rules
- scheduler.yield()
-
web.dev
- Passkeys
-
Chrome Developers
- No spooky cookies
- Is Project Fugu Done? → far from it
- Chromium blog
- other blogs
- other
-
107
-
Firefox
-
106
@supports font-tech()
/@supports font-format()
-
Ship
- Import maps
- CSS trigonometric functions
-
Prototype
- ORB (partial) in Nightly
-
other
- Page Collections from Chromium
- import.meta.resolve()
- Early Hints, WebTransport, OHTTP 実装中
-
106
-
Safari
-
TP 155
- disabled ShadowRealm for now
- Reporting API
-
TP 156
- import.meta.resolve()
- Import Maps
- Clear-Site-Data
- prototype Declarative Shadow DOM
-
16.1
- Web Push for Ventura
- Animated AVIF
- Passkeys
- Scroll to Text Fragment
-
TP 155
-
Edge
- MS Ignite
-
W3C/WHATWG
-
Spec
- PNG の EXIF や HDR 対応更新
- Shared Element Transition が CSS View Transitions Module に
- Scroll-linked Animations
-
other
- 12 月 Permission Workshop 開催
- WCG/HDR の Workshop report
-
Spec
-
TC39
- 9 月のミーティング
-
Record & Tuple
- isRecord/isTuple がなくなる
- JSON.parseImmutable は別ドラフト
- Obejct を含むのはやめ WeakMap を使え
- Iterator helpers を method ではなく function にする提案
- 分割代入時にロジックを挟む Extracotr Objects
-
IETF
- 特になし
-
CDN 動向
-
Cloudflare
- Alex Top100 後継を 1.1.1.1 の統計情報で
- OHTTP のブログ
- Early Hints で Cloudflare pages を速く
-
Fastly
- Yamagoya 2022
-
Cloudflare
-
セキュリティ動向
- PayPal が Passkey 対応
-
周辺動向
- Facebok が Chromium-based WebView for Android
- Igalia の MPArch の記事