ep180 Monthly Platform 202506

published_at
2025-06-30
guest
@myakura
guest
@saku
toc
headings

Theme

第 180 回のテーマは 2025 年 6 月の Monthly Platform です。

Show Note

Chrome 動向

Stable: 138

Updates

  • New in Chrome 138
    • https://developer.chrome.com/blog/new-in-chrome-138
    • Translator, Language Detector, Summarizer API
    • abs()sign()progress()sibling-index()sibling-count()
    • Viewport Segments API により、折りたたみデバイス向けの分割ビューポートに対応可能となった。
  • Chrome 139 beta
    • https://developer.chrome.com/blog/chrome-139-beta
    • CSS
      • Short-circuiting var() and attr()
      • CSS caret-animation property
      • Corner shaping
      • Continue running transitions when switching to the initial transition value.
      • CSS Custom Functions
      • Support width and height as presentation attributes on nested <svg> elements
    • Web APIs
      • Web App Manifest: specify update eligibility, icon URLs are Cache-Control: immutable
      • WebXR Depth Sensing Performance Improvements
      • Allow more characters in JavaScript DOM APIs
      • request-close invoker command
      • WebGPU: 3D texture support for BC and ASTC compressed formats
      • Secure Payment Confirmation: Browser Bound Keys
      • Secure Payment Confirmation: UX Refresh
      • WebGPU core-features-and-limits
      • Scroll anchoring priority candidate fix
      • Support the async attribute for SVG <script> elements
      • On-device Web Speech API
      • Clear window.name for cross-site navigations that switch browsing context group
      • Web app scope extensions
      • Specification-compliant JSON MIME type detection
      • Private Aggregation API: aggregate error reporting
      • Crash Reporting API: Specify crash-reporting to receive only crash reports
      • Reduce fingerprinting in Accept-Language header information
        • http を先に減らし
        • js は将来的に減らす
      • Fire error event instead of throwing for CSP blocked worker
      • Audio Level for RTC Encoded Frames
    • New origin trials
      • Prompt API
      • Full frame rate render blocking attribute
      • WebGPU Compatibility mode
    • Deprecations and removals
      • Remove support for macOS 11
      • Remove auto-detection of ISO-2022-JP charset in HTML
  • Update your extensions ahead of upcoming bookmark sync changes
    • https://developer.chrome.com/blog/bookmarks-sync-changes
    • Chrome のアイデンティティモデルの変更が、ブックマークの保存方法に影響
    • ローカルに保存されたブックマークは、自動で動悸されず個別または一括選択が必要
    • chrome.bookmarks API で、拡張はブックマークの同期有効無効を区別できる
    • 同名のフォルダが存在する場合は明示する必要。
  • What's New in WebGPU (Chrome 138)
  • What's new in DevTools, Chrome 138

Intents

Other

Firefox 動向

Stable: 140

Updates

Intents

Newsletter

MDN / Open Web Docs

Standard Position

Other

  • 1974034 - Noto fonts should NOT be used as default CJK font on Windows
    • https://bugzilla.mozilla.org/show_bug.cgi?id=1974034
    • Chromium にならって Firefox でも Noto CJK をデフォルトフォントに変更したところ、見た目が変わり読みにくいという反応が多かった
    • Noto はヒンティングがないので、高 DPI でないディスプレイにおいてぼやけたように見えてしまう
    • とりあえず Noto の優先順位を下げるように変更しそう
  • Bug 1974034 - Move Noto (CJK) fonts later in the font prefs lists on … · mozilla-firefox/firefox@eaa8b3a
  • June 11, 2025-KB5063060 (OS Build 26100.4351) Out-of-band - Microsoft Support
    • https://support.microsoft.com/en-us/topic/june-11-2025-kb5063060-os-build-26100-4351-out-of-band-b1746442-8c6c-425d-ac5a-3a8f51e372f3
    • There are reports of blurry or unclear CJK (Chinese, Japanese, Korean) text when displayed at 96 DPI (100% scaling) in Chromium-based browsers such as Microsoft Edge and Google Chrome. The March 2025 Preview Update introduced Noto fonts in collaboration with Google, for CJK languages as fallbacks to improve text rendering when websites or apps don't specify appropriate fonts. The issue is due to limited pixel density at 96 DPI, which can reduce the clarity and alignment of CJK characters. Increasing the display scaling improves clarity by enhancing text rendering.

  • Chromium using Windows provided Noto Sans CJK as default font is blurrier as reported by users [415261549] - Chromium
  • Prefer Microsoft fonts over Noto on Windows whenever available (regression of 343302583) [409486609] - Chromium
  • One-time permissions are here to stay! - Advancing WebRTC
  • Page Embedded Permission Control (Take 2) · Issue #1245 · mozilla/standards-positions
    • https://github.com/mozilla/standards-positions/issues/1245
    • PEPC の explainer が更新され、カメラ、マイク、位置情報にフォーカスしたことなどに好感触を持った
    • その上で、<permission> ではなく専用の要素にすることや、実行時のパーミッションに限定する(永続的でなくする)ことを望むなど、議論中
  • keithamus: "Okay gang, those who sling HTM…" - Indieweb.Social
  • Platform/2025PlannedWork - MozillaWiki

Safari 動向

Stable: 18.5

Updates

  • Shop Talk Show episode 667 | WebKit
    • https://webkit.org/blog/16983/shop-talk-show-episode-667/
    • 3 月くらいから WebKit Blog 週一更新するようにしてる
    • color-contrast()の記事は Jen がデモ作ってて、色が変だと感じて調査した結果
    • Declarative Web Push
    • Form Control Styling
      • in-page が先行して、picker が後で進められる
    • Wide Gamut Color & input type="color"
    • Typography がアツい
    • item-flow (Flex と Grid の統合、Masonry の議論など)
  • News from WWDC25: WebKit in Safari 26 beta | WebKit
    • https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/
    • SVG Icons
    • Every site can be a web app on iOS and iPadOS
    • HDR Images
    • WebKit in SwiftUI
      • WebView
      • WebPage
    • <model> on visionOS
      • Basic usage
      • Lighting
      • Animation and playback
      • Rotation and interaction
    • Immersive video and audio on visionOS
    • WebGPU
    • CSS
      • Anchor Positioning
      • Scroll-driven Animations
      • Pretty text
      • Contrast Color
      • Progress function
      • And more CSS
    • Digital Credentials API
    • Web API
    • JavaScript
    • Editing
    • SVG
    • Media
    • WebRTC
    • Web Inspector
    • Web Extensions
    • WebKit API
    • WebAssembly
    • Privacy
    • Networking
    • Lockdown Mode
    • Website Compatibility
    • Bug Fixes and more
      • Accessibility
      • CSS
      • Canvas
      • DOM
      • Editing
      • Forms
      • JavaScript
      • Media
      • Rendering
      • SVG
      • Safari View Controller
      • Scrolling
      • Service Workers
      • Tables
      • Text
      • URLs
      • Web API
      • Web Animations
      • Web Extensions
      • Web Inspector
      • WebRTC
    • Try out Safari 26 beta
    • Feedback
  • Web technology videos at WWDC25 | WebKit
  • Release Notes for Safari Technology Preview 221 | WebKit
  • A guide to Scroll-driven Animations with just CSS | WebKit
  • A step into the spatial web: The HTML model element in Apple Vision Pro | WebKit

Standard Positions

Other

Edge 動向

Stable:

Updates

  • The Edge 2025 web platform top developer needs dashboard - Microsoft Edge Blog
    • https://blogs.windows.com/msedgedev/2025/06/26/the-edge-2025-web-platform-top-developer-needs-dashboard/
    • Microsoft Edge チームは、Interop 2025 プロジェクトを通じて、主要なウェブ開発者のニーズに関する透明性を高め、ブラウザ間の互換性を向上させるために努力している。
    • 新たに発表された「Edge 2025 ウェブプラットフォームトップ開発者ニーズダッシュボード」は、開発者が求める重要な機能の互換性とテストの成功を追跡する。
    • ダッシュボードには、スクロール駆動アニメーションやクロスドキュメントビュー遷移など、開発者が必要とする複数の機能が含まれており、ブラウザベンダーによる実装の進捗が確認できる。

Other

WHATWG/W3C 動向

Draft

Open UI

  • https://github.com/openui/open-ui/tree/main/meetings/telecon
  • [menu] Should menulist be a popover by default? #1226
    • <menulist> はブロック方向に popover で表示されるやつ。<menubar> はインラインに <menulist> や menuitem を並べるやつ。
    • RESOLVED: We should not require popover attribute on menulist.

  • Should select multiple with popup have OK/Cancel buttons? #1217
    • Option2: Only a close button is provided.
  • How should interestfor work on a disabled button #1227
    • disabled な hovercards は mouseover-able だけど、not focusable だし、not long-pressable.
    • 「なぜそのホバーカードが disabled なのか説明する時のツールチップ」を出すために interestfor を使用可能にすべきか
    • Accessibility の観点から scott が猛烈に反対
    • 無効な状態を示したければ、aria-disabled や適切な UI 設計で同様の結果を達成可能

WHATNOT

Other

TC39 動向

Meeting

Proposals Diff

New Proposals

WinterTC

Other

IETF 動向

WG

  • RFC
  • Work
  • Meeting

Other

  • Vary and Availability Hints (again)
    • https://lists.w3.org/Archives/Public/ietf-http-wg/2025AprJun/0211.html
    • HTTP の Vary ヘッダーは、キャッシュがクライアントの要求に応じた適切な応答を選択するのを困難にし、効率の低下や誤った応答を引き起こす問題がある。
    • 2015 年の Key 仕様や 2018 年の Variants 仕様を経て、2023 年には Availability Hints が提案され、これによりキャッシュはサーバーの利用可能なレスポンス表現をより直感的に把握できるようになる。
    • Availability Hints は、キャッシュエンジニアリングチームとコンテンツエンジンの間の実装に関する関心を促進するための重要な問題であり、今後の議論が期待される。
  • web-bot-auth
  • DRAFT Charter: Web Bot Auth WG - Google Docs

周辺動向

ベンダー動向

セキュリティ動向

Other

  • Using AI to Evaluate Internet Standards
    • https://www.mnot.net/blog/2025/06/04/using_ai
    • mnot が AI にインターネット標準を評価させてみた
    • 対象は Privacy Sandbox / QUIC
    • 結論としては「ニュアンス」が抜けている。
    • 「AI は考えてない」ので入口の部分はいいが、そこから先はちゃんと把握した専門家が必要
  • AI Focus | Modern Web Development with Chrome
  • Safari at WWDC '25: The Ghost of Christmas Past - Infrequently Noted
    • https://infrequently.org/2025/06/the-ghost-of-christmas-past/
    • Alex Russel の Safari に対する批判
    • WWDC で発表された新機能のほとんどは Chrome が OT などで整備しとっくにリリースしてるもの
    • Safari の機能網羅的な完成度は常に最下位
    • DMA に対する対応も粗雑
    • Google からの契約収入 200 億の内、Safari に投じてるのは 10 億で 190 億は純利益
    • 過去 10 年エコシステムから莫大な利益を掠め取りながら Web を阻害してきた Apple が、単一障害点として足を引っ張ってきた機能のアンロックが今回の WWDC だった
  • JavaScript™ Trademark Update | Deno
  • iPhone の子ども向けフィルタリングが効かなくなる?「スマホ新法」の意外な盲点とは

イベント

Wrap Up

  • Chrome
    • 138
      • Built-in AI
      • sign()/progress()/sibling-index()
    • 139 beta
      • CSS short-circuiting var()
      • CSS corner-shape
      • CSS custom functions
      • request-close
      • Crash Reporting API
      • Reduce Accept-Language header
    • 138 DevTools
      • calc() 系の計算プロセスのツールチップ
    • Ship
      • Allow more chars in JS DOM APIs
      • CSS Corner Shaping
      • CSS text-autospace
      • CSS counter() in content alt
      • CSS scroll-target-group
      • CSS typed arithmetic
      • Crash Reporting API
      • CSS caret-animation
      • font-feature-settings in @font-face
      • Uint8Array to/from base64 and hex
      • Http Cookie prefix
    • Prototype
      • menu elements
      • programmatic scroll promise
      • CSS border-shape
      • Customized built-in elements via ElementInternals.type
      • HTMLElement.scrollParent
      • unprintable areas via CSS
      • Fetch retry for keepalive fetches
    • Experiment
      • IP Protection in Incognito using Masked Domain List
    • Chrome Developers
      • CSS gap styling
    • other blogs
      • V8 speculative optimization for WASM
    • other
      • Escaping < and > in attr getters
  • Firefox
    • 140
      • Custom Highlight API
      • セクション系要素内 h1 のデフォルトスタイル削除
      • Cookie Store API
      • < and > escaping
      • Mutation Events 削除
    • Ship
      • endpoint-inclusive commitStyles
      • scheduler.yield()
    • Prototype
      • :heading and :heading()
    • Standard Position
      • support for <a ping>
    • other
      • Noto フォント revert
      • PEPC ちょっと前進?
  • Safari
    • TP 18.5
    • Standard Position
      • Observable
    • other
      • WWDC 2025 wrap-up
  • Edge
    • Use Windows Hello to unlock 1Password on your Windows PC
  • W3C/WHATWG
    • Draft
      • Portable Network Graphics (PNG) Specification
    • Open UI
      • Select Multiple will provide cancel button.
      • interestfor for disabled button?
    • WHATNOT meeting
      • interesttarget -> interestfor
      • interest-delay
        • normal keyword
    • Other
      • WCAG 3 のスケジュール案が出る
      • WCAG 2.2 からインクリメンタルに更新していく議論
      • CSSDay wrap-up
  • TC39
    • Meeting
      • ECMA2025 もうすぐ
      • WebIDL の ECMA での標準化提案
      • window.Random の提案
      • Comparisons での比較(assert)提案
      • Decimal.Amount で精度保持
    • WinterTC
  • IETF
  • 周辺動向
    • ベンダー動向
    • セキュリティ動向
      • 160 億件のパスワードが流出- Apple, FB, Google, GitHub
      • gmail の 20 億ユーザに Passkey 啓蒙
      • 警視庁より Passkey の啓蒙
    • Cookie 動向
    • Other