ep142 Monthly Platform 202402

published_at
2024-02-27
guest
@myakura
toc
headings

Theme

第 142 回のテーマは 2024 年 2 月の Monthly Platform です。

Show Note

Chrome 動向

Stable: 122

Updates

  • New in Chrome 121
    • https://developer.chrome.com/blog/new-in-chrome-121
    • CSS updates.
      • scrollbar-color
      • scrollbar-width
      • font-palette
      • ::spelling-error
      • ::grammar-error
      • mask-mode
      • mask-composite
      • mask-position
      • mask-repeat
    • Speculation Rules API updates
    • Element Capture API origin trial
    • And more!
      • resizeBy() and resizeTo() in DPinP
      • <select> showPicker()
      • scope_extensions OT
  • Chrome 122 beta
    • https://developer.chrome.com/blog/chrome-122-beta
    • CSS
      • CSS @container queries with unsupported features never match
      • CSS pseudo-element ::backdrop inheriting from originating element
      • CSS supports() conditions for @import
    • Web APIs
      • Async Clipboard API: Read unsanitized HTML
      • Do not delete File kind objects in dataTransfer.clearData()
      • FedCM: disconnect
      • Interoperable mousedown event cancellation in iframe
      • Iterator helpers
      • MessagePort.onclose
      • RTCRtpSender setParameters() extensions for requesting the generation of a key frame
      • Set methods
      • Storage Buckets API
      • URLPattern: hasRegExpGroups
      • WebGL drawingBufferStorage
      • X25519Kyber768 key encapsulation for TLS
    • Origin trials in progress
      • Web app scope extensions
      • Captured Surface Control
  • New in Chrome 122
  • What's new in DevTools (Chrome 122)
    • https://developer.chrome.com/blog/new-in-devtools-122
    • The official collection of Recorder extensions is live
    • Network improvements
      • Failure reason in the Status column
      • Improved Copy submenu
    • Performance improvements
      • Breadcrumbs in the Timeline
      • Event initiators in the Main track
      • JavaScript VM instance selector menu for Node.js DevTools
    • Elements improvements
      • The ::view-transition pseudo-element is now editable in Styles
      • The align-content property support for block containers
    • New shortcut and command in Sources
    • Posture support for emulated foldable devices
    • Dynamic theming
    • Third-party cookies phaseout warnings in the Network and Application panels
    • Lighthouse 11.4.0
    • Accessibility
    • Miscellaneous highlights
  • What's New in WebGPU (Chrome 122)
  • Chrome 123 beta
    • https://developer.chrome.com/blog/chrome-123-beta
    • CSS
      • CSS light-dark() color function
      • CSS picture-in-picture display mode
      • align-content CSS property for blocks
      • The field-sizing CSS property
      • The CSS text-spacing-trim property
    • Web APIs
      • Allow for WebAuthn credential creation in a cross-origin iframe
      • Attribution reporting feature bundle
      • Cross App and Web Attribution Measurement
      • blocking=render on inline module scripts
      • Document picture-in-picture: allow the focus() API to focus the opener
      • Import attributes with syntax
      • jitterBufferTarget
      • Long Animation Frame Timing
    • NavigationActivation
    • pagereveal event
    • PointerEvent.deviceId for Multi-Pen Inking
    • Private network access checks for navigation requests: warning-only mode
    • Private Network Access permission to relax mixed content
    • Sec-CH-UA-Form-Factor client hint
    • Service Worker Static Routing API
    • Shared Storage update
    • zstd Content-Encoding
    • New origin trials
      • WebAssembly JavaScript promise integration
    • Removals
      • The window-placement alias for permission and permission policy window-management
  • What's happening in Chrome Extensions?
    • https://developer.chrome.com/blog/extension-news-january-2024
    • User Scripts API
    • Reading List API
    • Declarative Net Request API safe rules
      • 静的ルールが 50->10 個に
    • Other API launches
      • Cookies API
      • File Handling API
      • Push API
      • Cross-browser compatibility enhancements
    • Upcoming features...
    • Documentation updates
      • Upcoming guides
      • New video: exploring the platform evolution with Simeon
      • More updates
  • The deprecation trial for SharedArrayBuffer on desktop Chrome is extended to Chrome 124

Intents

Other

Firefox 動向

Stable: 123

Updates

Intents

Newsletter

MDN / Open Web Docs

Standard Position

Other

Safari 動向

Stable: 17.3

Updates

  • Apple announces changes to iOS, Safari, and the App Store in the European Union - Apple
  • Mozilla says Apple's new browser rules are 'as painful as possible' for Firefox - The Verge
  • Why don't users in the EU have access to Home Screen web apps?
    • https://developer.apple.com/support/dma-and-apps-in-the-eu#8
    • iOS 17.4 で EU のみ PWA (Home Screen web apps) のサポートがオフになる
    • これまで WebKit と iOS が密に結合していることで、権限取得やストレージ分離などが機能していたから提供できた
    • 任意のブラウザが入ることで、ユーザの同意をバイパスしたデバイスアクセスや、インストールが発生する危険性がある
    • DMA の要件を満たしながら、ここにセキュリティモデルを構築するには Home Screen web apps は使われてない
    • 従って EU では PWA を削除せざるをえなかった
  • The web just gets better with Interop 2024
  • Bringing Back Horizontal Rules in Select Elements
  • Release Notes for Safari Technology Preview 187
  • Release Notes for Safari Technology Preview 188
    • https://webkit.org/blog/15026/release-notes-for-safari-technology-preview-188/
    • Added support for the new CSS content alternative text syntax. (272455@main) (26942023)
    • Added supports() syntax for @import rules. (273591@main) (109060734)
    • Made -apple- prefixed pseudo-elements no longer valid. (272538@main) (120268884)
    • Removed support for AppCache. (273297@main) (113343269)
    • Added support for CustomStateSet in custom elements and :state() pseudo-class. (272474@main) (120072599)
  • How to use Media Source Extensions with AirPlay | WebKit
  • Release Notes for Safari Technology Preview 189 | WebKit
    • https://webkit.org/blog/15050/release-notes-for-safari-technology-preview-189/
    • Added support for light-dark() function for color values. (273634@main) (117033939)
    • Added support for @starting-style. (273740@main) (121918611)
    • Added a Media details panel to Web Inspector when selecting a video or audio element in the Elements tab. (273777@main) (118865793)
    • Added support for missing WebRTC stats. (273643@main) (121594743)
  • Safari 17.4 Beta Release Notes | Apple Developer Documentation
    • https://developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes
    • Accessibility
      • Added support for the new CSS content alternative text syntax. (26942023)
    • AutoFill
      • Added support for Apple Cash virtual card numbers and showing the user their Apple Cash balance when using AutoFill. (107634154)
    • CSS
      • Added support for @scope. (82359096)
      • Added support for percentages to letter-spacing and word-spacing. (114538918)
      • Added support for align-content on block containers. (114740670)
      • Added support for invalidating :any-link, :link, and :-webkit-any-link inside :has(). (116616425)
      • Added the white-space-collapse and text-wrap-mode CSS properties. (117248327)
      • Added support for CSS custom properties of ::backdrop. (117949961)
      • Added support for ::grammar-error and ::spelling-error (119314048)
      • Added support for align-content on table cells. (119701629)
    • Forms
      • Added support for vertical writing mode support for form controls. (12072686)
      • Added support for <hr> inside <select> rendered as a separator on iOS. (108783915)
      • Added support for the showPicker() method for <input type="date">. (110099910)
      • Added support for <input type="checkbox" switch>. (119378678)
    • JavaScript
      • Added support for Promise.withResolvers. (116473362)
      • Added TimeZoneOffset format support to Intl.DateTimeFormat. (117124296)
      • Added support for ArrayBuffer.prototype.transfer. (117337535)
      • Aligned the implementation of the internal function IntlMathematicalValue (used in Number.prototype.toLocaleString, and Intl.NumberFormat) with its current specification. (117535507)
    • Enabled Array group methods. (118037635)
      • Added support for ArrayBuffer.prototype.detached, ArrayBuffer.prototype.transfer, and ArrayBuffer.prototype.transferToFixedLength. (118037759)
    • Media
      • Added support for all of HTML's character entities in WebVTT. (51064890)
      • Added support for VP8/VP9 and WebM on iOS and iPadOS. (64825245)
      • Added WebCodecs HEVC support. (112067287)
      • Added MediaStream support for whiteBalanceMode. (115552800)
      • Added support for the Vorbis audio codec on iOS. (116776158)
      • Added prioritizing video sources with power efficient hardware-decoded codecs before software-decoded codecs. (120679553)
    • Safari Extensions
      • Extensions that haven't been granted permission to Private Browsing can now open Private Browsing windows. (105983371)
    • SVG
      • Added support for kernelUnitLengthX and kernelUnitLengthY for SVGFESpecularLightingElement. (118768259)
    • Web Animations
      • Added support for transition-behavior: allow-discrete. (108703206)
    • Web API
      • Added Element.prototype.setHTMLUnsafe(), ShadowRoot.prototype.setHTMLUnsafe(), and Document.parseHTMLUnsafe() methods. (115345128)
      • Added scaleNonUniform in DOMMatrixReadOnly. (117875678)
      • Added support for AbortSignal.any(). (117985827)
      • Added support for element.checkVisibility(). (118157977)
      • Added ShadowRoot clonable attribute. (119707278)
      • Added support for CustomStateSet in custom elements and :state() pseudo-class. (120072599)
    • Web Apps
      • Added support for the shortcuts manifest member on macOS. Shortcuts are available in the File menu and the Dock context menu. Users can set up custom keyboard shortcuts for them in System Settings > Keyboard > Keyboard Shortcuts > App Shortcuts. (106137954)
      • Added support for the categories manifest member on macOS. When creating a Launchpad folder containing web apps, the folder is automatically named accordingly. (116480550)
    • Web Assembly
      • Enabled extended constant expressions. (118190467)
    • Web Inspector
      • Added support for grouping source map load errors. (109239646)
      • Added support for logging a message to the Console when a page attempts to load a font URL blocked by Lockdown Mode. (114657783)
    • WebAuthn
      • Added support for getClientCapabilities(). (119058559)
    • WebGL
      • Added support for new WebGL extensions:
      • EXT_clip_control
      • EXT_depth_clamp
      • EXT_polygon_offset_clamp
      • WEBGL_polygon_mode (118110035)

Standard Positions

Other

Edge 動向

Stable: 122

Updates

Other

WHATWG/W3C 動向

Draft

OpenUI

Other

TC39 動向

Meeting

Proposals Diff

New Proposals

Other

  • Operator Overloading withdrawn
  • JSON.tryParse rejected

WinterCG 動向

Meeting

IETF 動向

WG

Other

CDN 動向

Cloudflare

Fastly

Other

セキュリティ動向

周辺動向

イベント

Wrap Up

  • Chrome
    • 121
      • scope_extensions Origin Trial
    • 122
      • Iterator Helpers
      • Set methods
      • Storage Buckets API
      • DevTools: breadcrumbs in Timeline
    • 123 Beta
      • light-dark()
      • align-content for blocks
      • text-spacing-trim
      • Import attributes with syntax
      • NavigationActivation
      • Sec-CH-UA-Form-Factor
      • SW Static Routing API
      • zstd Content-Encoding
    • Ship
      • text-spacing-trim
      • light-dark()
      • Element reflection
      • SW Static Routing API
      • WebSocketStream (w/o OT partners)
      • Zstd Content-Encoding
      • setHTMLUnsafe()
      • priority header
      • Sec-CH-UA-Form-Factor
      • standardized CSS zoom
      • ReadableStream async iteration
    • Prototype
      • CSS functions
      • writingsuggestions attribute
      • text-box-trim/text-box-edge
      • line-clamp
      • Web Monetization
      • reading-order-items
      • Interest Invokers
    • PSA
      • Chromium Issue Tracker migration
    • web.dev
      • Interop 2023 wrapup
      • Interop 2024
        • Accessibility
        • CSS Nesting
        • Declarative Shadow DOM
        • Popover
        • Relative Color Syntax
        • Scrollbar Styling
        • @starting-style / transition-behavior
        • text-wrap: balance
    • Chrome Developers
      • EditContext
      • CSS ::backdrop inheritance
      • align-content for blocks
    • other
      • Google shuts down search cache
  • Firefox
    • 123
      • Declarative Shadow DOM
      • Early Hints preload
    • Ship
      • Gamepad API for non-secure context
    • Prototype
      • Float16Array
      • Observable
      • user-find
    • Standard Position
      • :has()
      • @scope
      • Element reflection
    • other
      • Mozilla Monitor Plus
      • Next steps
        • Trustworthy AI
        • CEO step down
        • layoff
      • Navigation API on roadmap
  • Safari
    • TP 188
      • CSS content alt text
      • Remove AppCache
    • TP 189
      • light-dark()
      • @starting-style
    • Safari 17.4 Beta
      • @scope
      • align-content for blocks
      • ::backdrop inheritance
      • ::grammar-error/::spelling-error
      • hr in select
      • input type="checkbox" switch
      • Promise.withResolvers()
      • Array grouping
      • transition-behavior
      • AbortSignal.any()
      • element.checkVisibility()
    • blog
    • Standard Position
    • other
      • EU で iOS アプリのサイドローディングが可能に
      • EU で WebKit 以外のブラウザエンジンも可能に
        • wpt のパス率など条件あり
      • EU の iOS 17.4 で PWA サポート削除
        • iOS との密結合による安全性の担保ができなくなった
        • ユーザーもあまりいない
  • Edge
    • EditContext のブログ
  • W3C/WHATWG
    • Draft
    • Open/UI
      • popup=hint の議論
      • Stylable <select> には属性をつける OpenUI の提案が WHATWG で納得されず
    • Other
      • Internationalization (I18N) leadership change
      • ARIA Automation Launch - Bocoup
      • <callout> (callouts/alerts/admonitions) 提案
      • TPAC 2025 は神戸
  • TC39
    • Array Grouping for Stage 4
    • Promise.withResolvers for Stage 4
    • ShadowRealm あとは実装するだけ
    • Base64 の stream どうする
    • Temporal あとは実装するだけ
    • Math.sum で精度を保証した計算
    • Withdrawing Operator Overloading (レコタプやばい)
    • JSON.tryParse 却下
    • Slice Notation update a[^1]
    • Stage 2.7 設立
  • WinterCG
    • ECMA に WinterTC 設立の書類提出
  • IETF
    • RFC 9530 Digest Field
    • RFC 9421 HTTP Message Signature
    • draft-kazuho-httpbis-reverse-tunnel-00
  • CDN 動向
  • セキュリティ動向
    • OpenGFW (Great Firewall 実装)
    • polyfill.io 売却
    • E2EE by Emily Stark
    • Avast が閲覧データ売却で罰金
  • 周辺動向
    • AWS Serverless 用ランタイム LLRT
  • Cookie 動向
    • nintendo.co.jp -> nintendo.com/jp リダイレクト