ep127 Monthly Platform 202307
- published_at
- 2023-07-31
- guest
- @myakura
- toc
-
headings
Theme
第 127 回のテーマは 2023 年 7 月の Monthly Platform です。
Show Note
Chrome 動向
Stable:115
Updates
-
New in Chrome 115 - Chrome Developers
- https://developer.chrome.com/en/blog/new-in-chrome-115/
- Scroll driven animations
- Fenced Frames
- Topics API
- And more!
- Further reading
-
Chrome 116 beta - Chrome Developers
- https://developer.chrome.com/en/blog/chrome-116-beta/
-
CSS
- CSS Motion Path
- Display and content-visibility animations
-
Web APIs
- AbortSignal.any()
- BYOB support for Fetch
- Back/forward cache NotRestoredReason API
- Document Picture-in-Picture
- Expanded Wildcards in Permissions Policy Origins
- FedCM bundle: Login Hint API, User Info API, and RP Context API
- Non-composed Mouse and Pointer enter/leave events
- Remove document.open sandbox inheritance
- Report Critical-CH caused restart in NavigationTiming
-
Origin trials in progress
- COOP: restrict-properties
- FedCM Sign-in Status API
- EditContext API
- Long Animation Frame Timing
-
What's new in Chrome 116 for Extensions - Chrome Developers
- https://developer.chrome.com/en/blog/chrome-116-beta-whats-new-for-extensions/
- Programmatically open a Sidepanel
- WebSocket support in Service Workers
- Strong keepalive for Service Workers
- Recording audio and video in the background
- New API: runtime.getContexts()
- New offscreen reason: GEOLOCATION
- chrome.action.setBadgeText()
- Summary: another step towards Manifest V3
Intents
-
Ship: Array grouping
- https://groups.google.com/a/chromium.org/g/blink-dev/c/DaKH9F7X3Lc
- Object.map/Map.map で実装
- Ship: Back/forward cache NotRestoredReasons API
- Ship: Inherit Base URL snapshot for about:blank and about:srcdoc, with about:blank inheriting from initiator, not parent.
- Ship: Media Queries: prefers-reduced-transparency feature
- Ship: Opaque Response Blocking (ORB, aka CORB++) v0.2
- Ship: Permissions-Policy: unload
- Ship: Protected Audience features: recency, rounding bids & scores
- Ship: Read Chrome device attributes
- Ship: Remove non-standard appearance keywords
- Ship: Support stroke-box, content-box and border-box in the transform-box CSS property
- Ship: Web Serial support for Bluetooth RFCOMM services
- Ship: [URL] Allow "%00" as a valid URL path
- Prototype and Ship: Clear Client Hints via Clear-Site-Data header
- Prototype and Ship: Clear-Site-Data header wildcard syntax
- Prototype and Ship: content-visibility: auto implies contain-intrinsic-size: auto
- Implement and Ship: Per-frame quantizer in VideoEncoder
- Prototype: CSS font-variant-emoji
- Prototype: Captured Surface Control
- Prototype: Element Capture
-
Prototype: Insert CJK Inter-script Spacing: the CSS
text-autospace
property - Prototype: Japanese Phrase Line Breaking
- Prototype: Media Queries: prefers-reduced-transparency feature
- Prototype: Sec-CH-Prefers-Reduced-Transparency User Preference Media Features Client Hints Header
- Prototype: fetchLater API
- Prototype: inverted-colors media query
- Experiment: Compression dictionary transport with Shared Brotli
- Experiment: HTTPS Upgrades
-
Experiment: MathML columnspan/rowspan attributes on
<mtd>
element - Experiment: ServiceWorker static routing API
- Experiment: Tabbed web apps
- Experiment: Zstd Content-Encoding
- Extend Experiment: SoftNavigation performance Entry
- Extend Experiment: WebAssembly Garbage Collection (WasmGC), plus stringref
- Change:
- Unship:
- Remove:
- PSA: Warning on Insecurely-Delivered Downloads
- Clear Client Hints via Clear-Site-Data header
Other
-
web.dev
- https://web.dev/
- New to the web platform in June
- 3 common types of test automation
- How Back/forward Cache Helped Yahoo! JAPAN News Increase Revenue by 9% on Mobile
- Pyramid or Crab? Find a testing strategy that fits
- Designing the user experience of passkeys on Google accounts
- Adapting typography to user preferences with CSS
-
google developer blog
- https://developers.googleblog.com/
- Designing the user experience of passkeys on Google accounts
- google developer japan blog
-
chrome developer blog
- https://developer.chrome.com/blog/
- DevTools Tips: Local and session storage - Chrome Developers
- WebRTC: Legacy getStats() migration guide - Chrome Developers
- DevTools Tips: Record and replay user flows with the Recorder - Chrome Developers
- A case study on scroll-driven animations performance - Chrome Developers
- What's happening in Chrome Extensions? - Chrome Developers
- Debugging websites in Chrome on iOS 16.4+ - Chrome Developers
- WebGPU: the cross-platform graphics API of tomorrow - Chrome Developers
- Shipping the Privacy Sandbox relevance and measurement APIs - Chrome Developers
- FedCM updates: IdP Sign-In Status API, Login Hint, and more - Chrome Developers
- DevTools Tips: Breakpoints and logpoints - Chrome Developers
- chromium blog
- canary
-
v8
- Speeding up V8 heap snapshots · V8
-
other
- An update on site names | Google Search Central Blog | Google for Developers
- Google Online Security Blog: An important step towards secure and interoperable messaging
- Google Online Security Blog: A look at Chrome's security review culture
- Google Online Security Blog: The Ups and Downs of 0-days: A Year in Review of 0-days Exploited In-the-Wild in 2022
- So, you don't like a web platform proposal
- Web-Environment-Integrity/explainer.md at main · RupertBenWiser/Web-Environment-Integrity
Firefox 動向
Stable: 115.0
Updates
-
Firefox 115.0, See All New Features, Updates and Fixes
- https://www.mozilla.org/en-US/firefox/115.0/releasenotes/
- Windows 7 、 Windows 8 、 macOS 10.12 、 10.13 、 10.14 のサポートがこのバージョンで終了
-
Firefox 115 for developers - Mozilla | MDN
- https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/115
link rel="modulepreload"
@import supports()
Array.fromAsync()
- Change array by copy
Response.json()
URL.canParse()
URLSearchParams.has({ value })/URLSearchParams.delete({ value })
-
The Firefox Unleashed - These Weeks in Firefox: Issue 141 - Firefox Nightly News
- https://blog.nightly.mozilla.org/2023/07/05/the-firefox-unleashed-these-weeks-in-firefox-issue-141/
- Nightly で Spectre/Meltdown 用のミティゲーションを無効に
- JetStream 2 で 6%, TodoMVC の Speedmeter 3 で 2-3% パフォーマンスが改善
-
Full Speed Into The Future - These Weeks in Firefox: Issue 142 - Firefox Nightly News
- https://blog.nightly.mozilla.org/2023/07/14/full-speed-into-the-future-these-weeks-in-firefox-issue-142/
- Firefox がついに Chrome よりも高速なブラウザに - GIGAZINE
- Firefox has surpassed Chrome on Speedometer | Hacker News
- L10n Report: July 2023 Edition | Mozilla L10N
Intents
- Ship: math-style, math-depth, font-size: math
- Ship "camera" & "microphone" in permissions.query()
-
Ship RTCRtpScriptTransform
- https://groups.google.com/a/mozilla.org/g/dev-platform/c/Gowr5Fx5jng
- 元 Insertable Streams
- Implement and Ship: canvas2d getContextAttributes method
- Prototype: text-transform: math-auto
-
Change: Align
KeyboardEvent.key
andKeyboardEvent.code
values of Windows logo key and its modifier state - Unship: MathML scriptminsize and scriptsizemultiplier attributes
-
Unship: mathvariant other than
<mi mathvariant=normal>
Newsletter
- Necko Newsletter #4 - 2023 H1 Recap
- Engineering Effectiveness Newsletter (June 2023 Edition)
- Firefox DevTools Newsletter - 115 - Firefox Developer Experience
- Firefox WebDriver Newsletter - 115 - Firefox Developer Experience
MDN / Open Web Docs
- Introducing AI Help: Your Trusted Companion for Web Development | MDN Blog
- Reflections on AI Explain: A postmortem | MDN Blog
- Scroll progress animations in CSS | MDN Blog
- Securing your CDN: Why and how should you use SRI | MDN Blog
- Maximizing impact of open documentation for the web platform
- OWD projects in H1 2023
Standard Position
- 今月 Close されたものをみる
- Request for Position: Web Environment Integrity API · Issue #852 · mozilla/standards-positions
- Request for position update on Web Serial with add-on gating · Issue #847 · mozilla/standards-positions
- Positive: Managed Media Source by padenot · Pull Request #846 · mozilla/standards-positions
- ManagedMediaSource API · Issue #845 · mozilla/standards-positions
- contenteditable="plaintext-only" · Issue #839 · mozilla/standards-positions
-
dialogmodaltarget
attribute · Issue #834 · mozilla/standards-positions - Tabbed web apps · Issue #811 · mozilla/standards-positions
Other
-
MDN can now automatically lie to people seeking technical information · Issue #9208 · mdn/yari
- https://github.com/mdn/yari/issues/9208
- AI Help の hallucination が技術ドキュメントにふさわしくないという批判
- MDN の Steering Commitee にも伝えられず機能が追加されたという情報も
- Responsibly empowering developers with AI on MDN
- Messaging Layer Security is now an internet standard
- Minimum issuance volume for established CAs?
Safari 動向
Stable: 16.6
Updates
- Safari 16.6 Beta Release Notes | Apple Developer Documentation
-
Release Notes for Safari Technology Preview 174
- https://webkit.org/blog/14390/release-notes-for-safari-technology-preview-174/
- Added support for
contain-intrinsic-size: auto none
property syntax (265617@main) - Added support for WebCodecs temporal scalabilityMode for software codecs, including parsing and error handling (265561@main)
- Added support for WebM files with no track ID (265425@main)
-
Release Notes for Safari Technology Preview 175
- https://webkit.org/blog/14398/release-notes-for-safari-technology-preview-175/
- Added WebCodecs HEVC support (266044@main)
- Added support for priority to CSS Highlight API (265812@main)
- Aligned
<script type language>
with the HTML Standard (265977@main)
Standard Positions
- 今月 Close されたものをみる
-
exclusive accordions with
<details name="">
· Issue #209 · WebKit/standards-positions - Removing the zoom CSS property · Issue #170 · WebKit/standards-positions
- Content-type in Resource Timing · Issue #88 · WebKit/standards-positions
Other
Edge 動向
Stable: 115
Updates
- Sidebar Extensions: Boost your users' productivity with Microsoft Edge Add-ons
- Fighting notification spam in Microsoft Edge
Other
-
🎻 Eric Lawrence on Twitter: "https://t.co/SwtGWnHsVe" / X
- https://twitter.com/ericlaw/status/1685097282452983808
- Twitter の Web App マニフェストが更新され、アイコンが X になったので Edge がアイコンが変わったけど大丈夫かというポップアップを出した
WHATWG/W3C 動向
Draft
- Recommendation
-
Proposed Recommendation
- Call for Review: WoT Architecture 1.1, Thing Description 1.1 and WoT Discovery are W3C Proposed Recommendations
- Web Content Accessibility Guidelines (WCAG) 2.2 is a W3C Proposed Recommendation
- Candidate Recommendation
- Working Draft
- First Public Working Draft
-
Chartering
-
Managed Components Community Group Proposed
- https://lists.w3.org/Archives/Public/public-new-work/2023Jul/0001.html
- Managed Components (3rd Party Script を読み込むフォーマット)
- これをサンドボックス上で読み込むための標準化
-
Managed Components Community Group Proposed
Other
- Draft Note: Korean Layout Gap Analysis
- Draft Note: Vision for W3C
-
Vision for W3C
- https://www.w3.org/TR/2023/DNOTE-w3c-vision-20230725/
- The Web is for all humanity.
- The Web is designed for the good of its users.
- The Web must be safe for its users.
- There is one interoperable world-wide Web.
-
domfarolino/observable
- https://github.com/domfarolino/observable
- EventTarge をベースに Observable をやり直したい
- WC F2F DOM Parts - Summer 2023 - Google Docs
- Do we need WCAG 3 (now)? · Eric Eggert
TC39 動向
ES2023
-
Release ES2023 · tc39/ecma262
- https://github.com/tc39/ecma262/releases/tag/es2023
Array.prototype.findFromLast()
- Change Array by Copy
- Hashbang Grammar
- Symbols as WeakMap keys
Meeting
- Meeting Note が公開された時だけやる、それ以外はやらない。
Proposals Diff
New Proposals
Other
- What's Next for JavaScript: New Features to Look Forward to - The New Stack
WinterCG 動向
- Meeting や大きな動きがあった月だけやる
Meeting
- 2023-07-06 Meeting · Issue #52 · wintercg/admin
IETF 動向
WG
- IETF
-
httpwg
- https://lists.w3.org/Archives/Public/ietf-http-wg/
- https://github.com/httpwg/wg-materials/
- RFC 9440 on Client-Cert HTTP Header Field
- quicwg
- webtrans
- tlswg
- wpack
- masque
- pearg
- privacypass
- dispatch
- secdispatch
Other
- Last Call: draft-ietf-lake-edhoc-20.txt (Ephemeral Diffie-Hellman Over COSE (EDHOC)) to Proposed Standard
- Last Call: draft-ietf-emu-aka-pfs-11.txt (Forward Secrecy for the Extensible Authentication Protocol Method for Authentication and Key Agreement (EAP-AKA' FS)) to Informational RFC
- Last Call: <draft-ietf-uuidrev-rfc4122bis-08.txt> (Universally Unique IDentifiers (UUID)) to Proposed Standard
- Last Call: <draft-ietf-wish-whip-09.txt> (WebRTC-HTTP ingestion protocol (WHIP)) to Proposed Standard
- Last Call: <draft-ietf-jsonpath-base-16.txt> (JSONPath: Query expressions for JSON) to Proposed Standard
CDN 動向
Cloudflare
-
2023 年第 2 四半期インターネットの混乱のまとめ
- https://blog.cloudflare.com/ja-jp/q2-2023-internet-disruption-summary-ja-jp/
- 2023 Q2 に起こったインターネットの混乱を要因ごとにまとめた記事
- 政府主導の遮断、悪天候、ケーブル損傷、停電、技術的問題、サイバー攻撃、軍事行動、インフラメンテナンスなど
- Cloudflare Radar's new BGP origin hijack detection system
- Measuring the Internet's pulse: trending domains now on Cloudflare Radar
Fastly
Other
セキュリティ動向
周辺動向
- Web ブラウザ開発エンジニア(ゲーム専用機) - ニンテンドーシステムズ株式会社
- Bringing HDR video to Reels - Engineering at Meta
-
Cross-Platform Mobile App Frameworks in 2023 | Igalia
- https://www.igalia.com/2023/07/18/Cross-Platform-Mobile-App-Frameworks-in-2023.html
- mobile cross platform 開発のフレームワークを調査したペーパー
- Capacitor, React Native, NativeScript, Flutter, and Ark を比較
- Unpacking Google's new "dangerous" Web-Environment-Integrity specification
- Happy 50th birthday, Ethernet | APNIC Blog
イベント
-
7 月
- IETF | IETF 117 San Francisco
- 8 月
-
9 月
- 7: WEB+DB PRESS 創刊 22.9 周年パーティ(副題 うまい肉と IPA) - connpass
- 11-15: TPAC 2023
- 26-28: W3C Workshop Secure the Web Forward
Wrap Up
-
Chrome
-
115
- Scroll driven animations
- Privacy Sandbox Ads API
-
116 Beta
- display and content-visibility animations
- BFCache NotRestoredReason API
- Document PiP
- Wildcards in Permission-Policy origins
-
Ship
- Array grouping
- BFCache NotRestoredReason API
- prefers-reduced-transparency
- Permissions-Policy: unload
-
Prototype
- CSS CJK enhancements (text-autospace, line breaking)
- Screen Capture enhancements (Captured Surface Control, Element Capture)
- fetchLater()
-
Experiment
- Compression dictionary transport with Shared Brotli
- HTTPS Upgrades
- ServiceWorker static routing API
- Zstd Content-Encoding
-
web.dev
- Yahoo Japan BFCache
-
other blogs
- Chrome's security review culture
-
other
- Web Environment Integrity on fire
-
115
-
Firefox
-
115
- link rel=modulepreload
- Array.fromAsync()
- Change array by copy
- URL.canParse()
-
Ship
- RTCRtpScriptTransform (Insertable Streams)
-
MDN Blog
- Responsibly empowering developers with AI on MDN
-
other
- MDN AI に関する批判 issue
- Messaging Layer Security is now an internet standard
-
115
-
Safari
-
TP174
contain-intrinsic-size: auto none
- WebCodecs temporal scalabilityMode for software codecs, including parsing and error handling
- WebM files with no track ID
-
TP175
- WebCodecs HEVC support
- support for priority to CSS Highlight API
- Aligned
<script type language>
with the HTML Standard (265977@main)
-
Position
- exclusive accordions with
<details name="">
- Removing the zoom CSS property
- Content-type in Resource Timing
- exclusive accordions with
-
TP174
- Edge
-
W3C/WHATWG
-
Spec
- WCAG 2.2 is a W3C Proposed Recommendation
-
other
- Vision for W3C
- domfarolino/observable
- WC F2F DOM Parts - Summer 2023 - Google Docs
- Do we need WCAG 3 (now)? · Eric Eggert
-
Spec
- TC39
- WinterCG
-
IETF
- RFC9440 Client-Cert HTTP Header Field
- WebRTC-HTTP ingestion protocol Last Call
- JSONPath Last Call
-
CDN 動向
- 2023 年第 2 四半期インターネットの混乱のまとめ
- セキュリティ動向
-
周辺動向
- ニンテンドーでブラウザ開発者募集
- Vivaldi から WEI へのコメント