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-autospaceproperty - 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.keyandKeyboardEvent.codevalues 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
 - 
              
dialogmodaltargetattribute · 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 noneproperty 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 へのコメント