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 へのコメント