ep99 Monthly Web 202207
- published_at
- 2022-07-31
- guest
- @myakura
- toc
-
headings
Theme
第 99 回のテーマは 2022 年 7 月の Monthly Web です。
Show Note
ep100 オフラインイベント
- ep100 オフラインイベントは中止
- オンライン開催はしない
- 延期もしくは 2024 年 3 月 に 10 周年イベントとか
Chrome 動向
Stable: 103
Updates
- What's New In DevTools (Chrome 104)
Intents
- Ship: Expose TransformStreamDefaultController
-
Ship:
fetch()
upload streaming - Ship: CSS Overflow for replaced elements
- Ship: Add onbeforeinput global event handler content attribute
- Ship: MSE in Workers
- Ship: Intl.NumberFormat v3 API
-
Ship:
navigateEvent.scroll()
- Prototype: Align async API read/write HTML format with DataTransfer API
- Prototype: COOP: restrict-properties
- Prototype: ContentVisibilityAutoStateChanged event
- Prototype: Custom highlight API pointer events
- Prototype: HTTP response status code in Resource Timing
- Prototype: Borderless Mode for Installed Desktop Web Apps
- Prototype: URLPattern ignoreCase
-
Experiment: Increased max nesting level for
setTimeout(0)
- Experiment: Anonymous iframes
- Experiment: COOP: restrict-properties
- Extend experiment: Privacy Sandbox Ads APIs
- Extend Experiment: Dark mode support for web apps
- Extend Origin Trial: WebGPU
- Deprecate and Remove: Expect-CT
- Deprecate and Remove: CSS default keyword is disallowed in custom identifiers
-
Deprecate and Remove:
navigateEvent.restoreScroll()
- Extend Deprecation Trial: Restrict "private network requests" for subresources from public websites to secure contexts.
- Remove: window.webkitStorageInfo
- PSA: Upcoming chromestatus.com home page change
- PSA: FileSystemReadWriteOptions to become optional on Access Handles
- PSA: Multi-Screen Window Placement implementation change (Accurate Screen Labels)
- PSA: FileSystemReadWriteOptions to become optional on Access Handles
- Upcoming chromestatus.com edit permissions change
- Inactive OWNERS cleanup
- Save the date for BlinkOn 17!
V8
Other
-
web.dev
- How the BBC is rolling out HSTS for better security and performance.
- New to the web platform in July
- New patterns
- google developer blog
-
google developer japan blog
- Google Developers Japan: Chrome 104 ベータ版: メディアクエリの新構文、リージョン キャプチャなど
- Google Developers Japan: Maps JavaScript API のユーザー補助機能に関する最新情報
- chrome developer blog
- DevTools Tips: How to log messages in the Console
- Revamping Analytics in the Chrome Web Store Developer Dashboard
- Expanding Privacy Sandbox testing
-
Help pick a syntax for CSS nesting
- https://developer.chrome.com/en/blog/help-css-nesting/
- CSS nesting の syntax をどうするか議論中でアンケート
- 1:
&
でネストし、曖昧さが生まれる場合はさらに@nest
を付ける - 2: 常に
@nest
と&
を付ける - 3: ブラケットを付けてネストし、必要な場合は
&
を使う
- Top layer support in Chrome DevTools
- An Update On Chrome's Web Framework Funding for 2022
- DevTools Tips: How to emulate CSS user preference media features with DevTools
- Chrome Dev Insider: The CSS and UI edition
- Progress in the Privacy Sandbox (May - June 2022)
- Signed Exchanges launched for desktop sites
- chromium blog
- canary
- Google Online Security Blog: DNS-over-HTTP/3 in Android
- Expanding testing for the Privacy Sandbox for the Web
-
Google Japan Blog: ウェブ向けプライバシー サンドボックスのテスト期間延長について
- https://japan.googleblog.com/2022/07/blog-post.html
- トライアルのフィードバックを元にスケジュールの変更
- API 実装が 2023 Q3 、 3P Cookie 廃止が late 2024 に 1 年延期
- 2021/6 にも API 実装が late 2022 、 3P Cookie 廃止を late 2023 に延期していた
-
Proposing changes to First-Party Sets based on community feedback · Issue #92 · WICG/first-party-sets
-
https://github.com/WICG/first-party-sets/issues/92
- 「セット」をカテゴリごとのサブセットで考える
- Storage Access API を使う
- SameParty 属性を廃止
- CHIPS にも影響するが、現在検討中なのでそちらは案がまとまったら共有する
-
https://github.com/WICG/first-party-sets/issues/92
Firefox 動向
Stable: 103
-
Firefox 103.0, See All New Features, Updates and Fixes
-
https://www.mozilla.org/en-US/firefox/103.0/releasenotes/
-
Removed a configuration option to allow SHA-1 signatures in certificates
-
Your information now has increased protection from online tracking via Total Cookie Protection enabled by default. All third-party cookies are now isolated into partitioned storage.
-
-
https://www.mozilla.org/en-US/firefox/103.0/releasenotes/
-
Firefox 103 for developers - Mozilla | MDN
-
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/103
backdrop-filter
プロパティscroll-snap-stop
プロパティ:modal
擬似クラス- Transferable streams
- Cache API が Secure Context に
-
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/103
Updates
Intents
- Ship: OffscreenCanvas
- Prototype & ship: Canvas2d.fontKerning attribute
- Prototype & Ship: The Content-Security-Policy script-src-elem and script-src-attr directives
-
Prototype: width and height attributes on
<source>
elements - Prototype: animation-composition property
- Engineering Effectiveness Newsletter (June 2022 Edition)
Other
- ESMification Prep: What is JSM?
- ESMification Prep 2: What is an ESM?
- ESMification Prep 3: Dive into example migrations
- These Weeks In Firefox: Issue 120 - Firefox Nightly News
- These Weeks In Firefox: Issue 121 - Firefox Nightly News
-
Understanding Apple's Private Click Measurement
- https://blog.mozilla.org/en/mozilla/understanding-apples-private-click-measurement/
- Martin Thomson による PCM の評価
-
Overall, the design choices in PCM that aim to safeguard privacy provide insufficient privacy protections, but they appear to make the API less useful for measurement.
- Facebook が URL の形式を変更。一部ブラウザーが実装したパラメーター削除機能への対策か【やじうま Watch 】 - INTERNET Watch
Safari 動向
Stable: 15.6
Updates
-
New WebKit Features in Safari 15.6
-
https://webkit.org/blog/13009/new-webkit-features-in-safari-15-6/
- Newly defined in CSS Selectors level 4, the :modal pseudo-class can be used to select dialog elements opened with the showModal() API.
- Fixed
<link rel=preconnect>
to respect crossorigin=anonymous and prevent sending credentials to different-origin links
-
https://webkit.org/blog/13009/new-webkit-features-in-safari-15-6/
-
Release Notes for Safari Technology Preview 149
- https://webkit.org/blog/12998/release-notes-for-safari-technology-preview-149/
-
Web Inspector
- Added support for forcing pseudo-class :focus-visible, :focus-within, and :target (251656@main, 251628@main)
-
Media
- Added support for AVIF images on macOS Ventura and iOS 16 (251850@main)
- Added support for emitting a resize event from PiP window (251512@main)
-
CSS
- Implemented the text-align-last property (251540@main)
- CSS Container Queries
- Rendering
- JavaScript
- Screen Sharing
-
Web Animations
- Added support for custom properties in @keyframes rules (251733@main)
- WebAuthn
- Navigation Preload
-
Web API
- Added support for waiting for event in custom element (251718@main)
- Security
-
Release Notes for Safari Technology Preview 150
- https://webkit.org/blog/13066/release-notes-for-safari-technology-preview-150/
- Web Inspector
- CSS
- Shadow DOM
- JavaScript
-
Web Animations
- Added support for custom properties in Animation.commitStyles() (251858@main)
- Added support for custom properties in JavaScript-originated animations (251856@main)
- Web Share
-
WebAuthn
- Added getPublicKey and getPublicKeyAlgorithm methods to AuthenticatorAttestationResponse (251844@main)
- Added support for authenticators over CCID (252425@main)
-
Web API
- Fixed an issue where SameSite=Lax cookies were sometimes not sent on link navigations (252341@main)
- Rendering
- Accessibility
- Understanding GC in JSC From Scratch
Other
-
Apple - Anne's Blog
- https://annevankesteren.nl/2022/07/apple
- Anne が Mozilla から Apple へ
-
Apple expands commitment to protect users from mercenary spyware - Apple
- https://www.apple.com/newsroom/2022/07/apple-expands-commitment-to-protect-users-from-mercenary-spyware/
- Apple が OS に Lockdown Mode を導入する
- Pegasus など要人や人権活動家のスマートフォンに仕込まれたスパイウェアから守る
- 有効にすると JIT コンパイラが動かなくなるなどの制限はかかる
Edge 動向
Stable: 103
Updates
Chakra
Other
-
Disk caching in Microsoft Edge
- https://blogs.windows.com/msedgedev/2022/07/27/disk-caching-in-microsoft-edge/
- Edge のディスクキャッシュを自動的に圧縮して容量を減らすように
- New Recipes for 3rd Party Cookies - text/plain
- My Next Opportunity - text/plain
- Edge URL Schemes - text/plain
WHATWG/W3C 動向
Draft
-
Recommendation
-
Decentralized Identifiers (DIDs) v1.0
- https://www.w3.org/TR/did-core/
- Google と Mozilla から Formal Objection が出ていたが勧告された
-
Decentralized Identifiers (DIDs) v1.0
- Proposed Recommendation
- Candidate Recommendation
- Working Draft
- First Public Working Draft
- Chartering
Other
- W3C offers an Inclusion Fund and Fellowships for TPAC 2022
- W3C calls for nominations in the election for the Board of Directors of W3C, Inc.
- W3C Board of Directors Job Description
- Nominations and statements for the election for the Board of Directors of W3C, Incorporated
TC39 動向
Meeting
Proposals Diff
- https://github.com/tc39/proposals/compare/main@{2022-07-01}...main@{2022-08-01}
- https://tc39.github.io/beta/
-
0->1
- Symbol Predicates
- Policy Maps and Sets
- Function Memoization
- Object pick/omit
-
1->2
- Import Reflection
-
2->3
- Duplicate named capturing group
- JSON.parse source text access
-
3->4
- Hashbang Grammar
New Proposals
-
wmsbill/proposal-catch-guards
- https://github.com/wmsbill/proposal-catch-guards
- catch で捉える例外をパターンマッチする
-
tc39/proposal-symbol-predicates
- https://github.com/tc39/proposal-symbol-predicates
- isRegistered / isWellKnown などを symbol に生やす
- weak map の key に使える symbol の判定が目的
-
tc39/proposal-policy-map-set
- https://github.com/tc39/proposal-policy-map-set
- Map/Set にメモリ使用量制限をつける
- tc39/proposal-function-memo
-
tc39/proposal-object-pick-or-omit
- https://github.com/tc39/proposal-object-pick-or-omit
- オブジェクトの特定プロパティだけを残したり消したり
Other
IETF 動向
WG
-
IETF
-
IETF 114 Philadelphia
- https://datatracker.ietf.org/meeting/114/materials
- 来月 minutes が出揃ったら
-
IETF 114 Philadelphia
-
httpwg
- https://lists.w3.org/Archives/Public/ietf-http-wg/
- https://github.com/httpwg/wg-materials/
- METADATA frames for HTTP/2 and HTTP/3
- I-D Action: draft-ietf-httpbis-message-signatures-11.txt
- I-D Action: draft-ietf-httpbis-safe-method-w-body-03.txt
- draft-schinazi-httpbis-transport-auth at IETF 114
- Protocol Action: 'Binary Representation of HTTP Messages' to Proposed Standard (draft-ietf-httpbis-binary-message-06.txt)
- Update on geo-hint header
- HTTP Working Group Materials - IETF114
- RFC 9264: Linkset: Media Types and a Link Relation Type for Link Sets
- quicwg
- webtrans
- tlswg
- wpack
- masque
- pearg
- privacypass
- dispatch
- secdispatch
Other
-
IETF | IETF 116 Yokohama
- https://www.ietf.org/how/meetings/116/
- 2022 年 3 月が横浜開催
CDN 動向
Cloudflare
- Speed & Reliability
-
Security
- 2022 年第 2 四半期における DDoS 攻撃の傾向
-
Developers
- Announcing support for WASI on Cloudflare Workers
-
Deep Dive
- When the window is not fully open, your TCP stack is doing more than you think
- NIST's pleasant post-quantum surprise
Fastly
- The state of TLS fingerprinting: What's Working, What Isn't, and What's Next | Fastly
Other
セキュリティ動向
- NIST Announces First Four Quantum-Resistant Cryptographic Algorithms | NIST
周辺動向
- Wolvic 1.0 | Igalia
- Igalia in the News | Igalia
-
Igalia: the Open Source Powerhouse You've Never Heard of - The New Stack
- https://thenewstack.io/igalia-the-open-source-powerhouse-youve-never-heard-of/
- 謎のオープンソース企業 Igalia について中の人や Bloomberg の人にインタビュー
- Some highlights of the Web Engines Hackfest 2022 - Rego's Everyday Life
- ImperialViolet - Passkeys
-
Help design the State of CSS Survey 2022! - Lea Verou
- https://lea.verou.me/2022/07/help-design-the-state-of-css-survey-2022/
- Google の UI fund を得て Lea Verou が State of CSS 2022 の設計に協力
- 8 月 20 日までに GitHub でフィードバックを集めている
- ブラウザ開発者が見ているのでみんな参加して
- The History of JavaScript - DEV Community
- Apple, Google, Facebook's AV1 standards group under antitrust investigation in EU
- 書籍「いちばんやさしい Web3 の教本 人気講師が教える NFT 、 DAO 、 DeFi が織りなす新世界」の回収について - インプレスブックス
イベント
- 8 月
-
9 月
- 12-16: TPAC 2022 Vancouver
- 10 月
-
11 月
- 15-17: BlinkOn17
Wrap Up
-
Chrome
-
Ship
- fetch() upload streaming
-
Prototype
- COOP restrict-properties
-
Deprecate and Remove
- Expect-CT
-
Chrome Developers
- Privacy Sandbox 延期
- CSS Nesting syntax poll
-
other blogs
- DoH3 in Android
-
other
- proposing changes to First-Party Sets
-
Ship
-
Firefox
-
103
- Cookie partitioning by default
backdrop-filter
scroll-snap-stop
:modal
-
Ship
- OffscreenCanvas
-
Prototype
animation-composition
-
other
- Martin on Private Click Measurement
-
103
-
Safari
-
15.6
:modal
-
TP 149
- AVIF
- TP 150
-
blog
- understanding GC
-
other
- Anne to Apple
- Lockdown Mode で JIT が無効化
-
15.6
-
Edge
- ディスクキャッシュの圧縮
- ericlaw Edge チームを離れる
-
W3C/WHATWG
-
Spec
- DID 1.0 勧告
-
other
- W3C, Inc. Board of Directors
-
Spec
-
TC39
- proposal-catch-guards: catch で捉える例外をパターンマッチする
- proposal-symbol-predicates: isRegistered / isWellKnown などを symbol に生やす
- proposal-policy-map-set: Map/Set にメモリ使用量制限をつける
- proposal-function-memo: 関数メモ化
- proposal-object-pick-or-omit: オブジェクトのサブセットを作る
-
IETF
- IETF 114 Philadelphia
- RFC 9264: Linkset: Media Types and a Link Relation Type for Link Sets
- CDN 動向
- Cloudflare Workers WASI サポート
- Fastly The state of TLS fingerprinting
-
セキュリティ動向
- NIST から対量子暗号ガイドのアナウンス
-
周辺動向
- Wolvic 1.0
- 謎のオープンソース企業 Igalia について中の人や Bloomberg の人にインタビュー
- ImperialViolet - Passkeys
- State of CSS Survey 2022 のフィードバック募集
- AV1 に対して EU の公正取引調査
- 「いちばんやさしい Web3 の教本」回収