ep209 Monthly Platform 202606

published_at
2026-06-30
guest
@saku
guest
@petamoriken
toc
headings

Theme

第 209 回のテーマは 2026 年 6 月の Monthly Platform です。

Show Note

Chrome 動向

Stable: 149

Updates

  • New in Chrome 149
  • Chrome 150 beta
    • https://developer.chrome.com/blog/chrome-150-beta
    • CSS and UI
      • AccentColor and AccentColorText system colors
      • Allow optional rounding parameter for polygon()
      • Animatable zoom
      • CSS URL request modifiers
      • CSS text-fit property
      • CSS background-clip: border-area
      • CSS image(<color>) function
      • CSS light-dark() with image values
      • Clone into all descendant selectedcontent elements
      • Comma-separated container queries
      • Expose unprintable areas to CSS
      • The focusgroup attribute
      • Media element pseudo-classes
      • popover=hint behavior changes
      • Relative alpha colors
      • flex-wrap:balance
      • named-feature() function for CSS @supports
      • overscroll-behavior: chain
    • Web APIs
      • Disable SVG filters on plugins and cross-origin or restricted iframes
      • IndexedDB: SQLite backend
      • MediaStreamTrackProcessor frame counters
      • Opaque origin for data: URLs
      • PWA origin migration
      • Parse processing instructions in HTML
      • Out-of-order streaming
      • Programmatic scroll promises
      • WebGPU Immediates
      • Web Speech API: On-device recognition quality
    • New origin trials
      • Email Verification Protocol (EVP)
    • Deprecations and removals
      • Remove [LegacyNoInterfaceObject] from FontFaceSet IDL
  • What's new in DevTools (Chrome 149)
  • What's New in WebGPU (Chrome 149-150)

#### Intents

#### Other

### Firefox 動向

#### Stable: 152

#### Updates

#### Intents

#### Newsletter

  • https://fxdx.dev/
  • Firefox WebDriver Newsletter 152 - Firefox Developer Experience
    • https://fxdx.dev/firefox-webdriver-newsletter-152/
    • WebDriver はユーザーエージェントの制御と検査を可能にするリモートコントロールインターフェースである。
    • Firefox 152 では、複数の WebDriver バグが修正され、特に webExtension.install コマンドやスナップショットコマンドの改善が行われた。
    • 開発者は JavaScript、Python、Rust で書かれた WebDriver コードに貢献でき、設定方法やメンター付き課題のリストも提供されている。

#### MDN / Open Web Docs

#### Standard Position

#### Other

  • April in Servo: new Android UI, focus, forms, security fixes, and more! - Servo aims to empower developers with a lightweight, high-performance alternative for embedding web technologies in applications.
  • Session History Diagrams in Firefox DevTools | farre's blog
  • Keeping the Web Open and Private in the Bot Era
  • PACT: Anonymous Credentials for the Web - Mozilla Hacks - the Web developer blog
    • https://hacks.mozilla.org/2026/06/pact-anonymous-credentials-for-the-web/
    • 匿名の認証情報を提供する新しいシステム
    • 現在の Web は、Bot による悪用が増加しておりサイトはユーザーを識別するために侵入的な手段を用いることが多い。
    • プライバシー保護ブラウザの普及により、従来のボット識別手法が効果を失いつつある。
    • 大手企業が提案したデバイス認証に基づくソリューションは、ユーザーのプライバシーを損なう可能性がある。
    • PACT では、スカースシグナル(稀少性のシグナル)を利用し、ユーザーのプライバシーを保護しつつ、Bot を防止できる仕組みを目指す。
    • ユーザーは、信頼できるサイトからエンドースメントを受け取り、それを基にクレデンシャルを取得する。
    • クレデンシャルは、ユーザーの行動に応じて更新され、ボット対策としてのレート制限を実施する。
    • PACT の実装には、プライバシーとセキュリティの厳格な分析が必要であり、オープンな形で開発を進める予定である。
    • このシステムは、ウェブのオープン性とプライバシーを両立させることを目指している。
  • The web is evolving. So are we
    • https://blog.mozilla.org/en/mozilla/news/announcing-mozilla-org-new-non-profit/
    • Mozilla の長期的成功を支える非営利団体として Mozilla.org を設立
    • AI が Web を再形成している中で、オープンインターネットを守る必要性が強調された。
    • Mozilla は、ユーザの選択を尊重するブラウザ、プライバシー重視のメーラ、OSS の AI、データ共有を促進する場として進化
    • Mozilla.org は、Mozilla のさまざまな要素を統合し、資金の配分やブランド管理、長期戦略の形成を行う戦略的基金として機能する。
    • Mozilla の使命と非営利所有のコミットメントは変わらない。
    • Mozilla の各組織は、501(c)(3)の Mozilla Foundation の傘下に留まる。
    • 新しい構造により、リソースを柔軟に指揮し、行動を調整することが容易になる。
  • Building Competitive Digital Markets: From Rules to Results - Open Policy & Advocacy
    • https://blog.mozilla.org/netpolicy/2026/06/23/building-competitive-digital-markets-from-rules-to-results/
    • Digital Markets Act は、競争を促進し、イノベーションを支援するための先行的な競争フレームワークである。
    • Firefox は、選択画面を通じて 600 万回以上選ばれ、EU における日々のアクティブユーザー数が増加した。
    • 各国の政策立案者は、デジタル市場における集中した権力に対処し、競争と選択肢の拡大を認識している。
  • Firefox is easier than ever to customize
  • May highlights: Contributor spotlight, Web Serial support, and more - about:community
    • https://blog.mozilla.org/community/2026/06/12/newsletter-may-2026/
    • 現在、少数のテック企業がアメリカの 3 億人以上のインターネットユーザーのオンライン体験を支配している。
    • アメリカのイノベーションと選択オンライン法(AICOA)は、主要テックプラットフォームの有害なゲートキーパー行動を抑制することを目的としている。
    • AICOA は、ユーザーが自らの選択を行い、競争が製品の質に基づくようにすることを目指している。
  • Browse more privately all summer with Firefox's free built-in VPN
  • Make Firefox your World Cup sidekick this summer
  • Launching the Rust Foundation Maintainers Fund | Rust Blog

### Safari 動向

#### Stable: 26.5

#### Updates

  • https://webkit.org/blog/
  • Safari Technology Preview NN
  • News from WWDC26: WebKit in Safari 27 beta | WebKit
    • https://webkit.org/blog/17967/news-from-wwdc26-webkit-in-safari-27-beta/
    • Customizable Select
      • <selectedcontent>, appearance: base-select, ::picker-icon and ::checkmark
      • Additional bug fixes:
    • Animations
      • Additional bug fixes:
    • CSS
      • Transform-aware anchor positioning
      • :heading pseudo-class
      • revert-rule keyword
      • stretch keyword for box sizing
      • Dutch IJ digraph in text-transform: capitalize and ::first-letter
      • position-anchor: normal and none
      • anchor-valid and anchor-visible
      • Style containment for quotes
      • insert keyword for text-autospace
      • Additional Bug Fixes:
    • Scroll Anchoring
      • Additional bug fixes:
    • HTML
      • sizes="auto" on img
      • shadowrootslotassignment attribute
      • Additional bug fixes:
    • JavaScript
      • Top-Level Await
      • Additional bug fixes:
    • WebAssembly
      • JavaScript Promise Integration (JSPI)
      • Additional bug fixes:
    • MathML
      • Multiple-character operators in MathML
      • tabindex, focus(), blur(), and autofocus on MathML
      • Additional bug fixes:
    • Spatial Web
      • Immersive website environments in visionOS
      • img controls on spatial and panorama photos
      • model on iOS, iPadOS, and macOS
      • dynamic-range-limit on model
      • Additional bug fixes:
    • WebGPU
      • Additional bug fixes:
    • Media
      • TextTrackCue.endTime = Infinity
      • Additional bug fixes:
    • Web API
      • Service Worker static routing API
      • Dedicated workers inside shared workers
      • ReadableStream improvements
      • Additional bug fixes:
    • Rendering
      • srgb-linear and display-p3-linear
      • Subpixel inline layout
      • Additional bug fixes:
    • WebRTC
      • Additional bug fixes:
    • Web Extensions
      • Additional bug fixes:
    • Networking
      • Secure cookies on loopback
      • Additional bug fixes:
    • Storage
      • maxAge in the Cookie Store API
      • Additional bug fixes:
    • Editing
      • Additional bug fixes:
    • SVG
      • Additional bug fixes:
    • WKWebView
    • Web Inspector
      • Additional bug fixes:
    • Accessibility
    • Forms
    • Printing
    • Updating to Safari 27
  • Web Technology Sessions at WWDC26 | WebKit
  • Release Notes for Safari Technology Preview 245 | WebKit
    • https://webkit.org/blog/17970/release-notes-for-safari-technology-preview-245/
    • Accessibility
    • CSS
      • New Features
      • Added support for the case-sensitive modifiers in CSS attribute selectors.
      • Added support for the :host:has() compound selector in CSS.
    • Editing
    • HTML
    • Images
    • JavaScript
      • New Features
      • Added support for static import defer semantics.
    • MathML
      • New Features
      • Added support for operator dictionary entries for multi-character operators to align with the MathML Core specification.
    • Media
    • Rendering
    • SVG
    • Web API
    • Web Extensions
    • Web Inspector
      • New Features
      • Added unique colors for style events such as "Style Invalidated" and "Style Recalculated" in the Timeline view to distinguish them from layout events.
    • WebGPU
    • WebRTC
  • Release Notes for Safari Technology Preview 246 | WebKit
    • https://webkit.org/blog/18128/release-notes-for-safari-technology-preview-246/
    • Accessibility
    • CSS
      • Added support for <image> values in light-dark(<image>, <image>).
      • Added support for using the CSS attr() substitution function on pseudo-elements with non-trivial originating elements.
      • Added support for image(<color>) in the <image> value type.
      • Enabled the font-variant-emoji property in preview.
      • Enabled word-break: auto-phrase in preview.
      • Added support for color-mix() with more than two colors.
      • Added support for the alpha() relative color function.
    • Canvas
    • Editing
    • Forms
    • HTML
      • Added support for popover close watcher integration.
      • Added support for SVG <a> as an argument to Origin.from().
    • Images
    • JavaScript
    • Media
    • Networking
    • Rendering
    • SVG
      • Made SVG <use> work without specifying a fragment identifier.
      • Removed support for the non-standard glyph-orientation-horizontal property.
    • Scrolling
    • Storage
      • Added support for storing FileSystemHandle objects in IndexedDB.
    • Web API
      • Added support for the Origin-Agent-Cluster HTTP response header.
    • Web Extensions
    • Web Inspector
      • Added a separate column to show the node associated with layout and rendering events.
    • WebGPU
    • WebRTC
  • Discover MapKit JS 6: Rebuilt for Today's Web Developer | WebKit
  • Introducing the Field Guide to Grid Lanes | WebKit
    • https://webkit.org/blog/18098/introducing-the-field-guide-to-grid-lanes/
    • Grid Lanes のフィールドガイドが gridlanes.webkit.org で公開された。
    • インタラクティブなプレイグラウンドで、レイアウトの編集や CSS の直接編集が可能。
    • 参考ガイドには、プロパティや値の詳細が含まれ、さまざまなデモが用意されている。
  • The golden rule of Customizable Select | WebKit
    • https://webkit.org/blog/18117/the-golden-rule-of-customizable-select/
    • Safari 27 で CSE がくる
    • アクセシビリティやキーボードナビゲーションを妥協する必要がない。
    • 重要なルールは、オプション要素にテキストコンテンツまたはアクセシブルなテキスト属性を常に提供すること。
    • このルールを破ると、ユーザー体験が悪化し、アクセシビリティツールとの互換性が損なわれ、未対応のブラウザでは機能しなくなる。
    • アイコンのみで表現されたオプションは、ユーザーにとってわかりにくい。

#### Standard Positions

#### Other

### Edge 動向

#### Stable: 149

#### Updates

#### Other

### WHATWG/W3C 動向

#### Draft

#### Open UI

#### WHATNOT

#### CSSWG

#### Other

### TC39/TC55 動向

#### Meeting

  • 2026-05
    • https://github.com/tc39/agendas/blob/main/2026/05.md
    • https://github.com/tc39/notes/pull/411
    • Temporal は全てのモダンブラウザ JS エンジンに実装済み(WebKit は --useTemporal フラグが必要)だが、fuzzing でいくつか仕様や実装の穴が見つかっており、Normative Changes が必要な状態になっている
      • 今月は 2 件 Normative Changes が入った
    • ビルトイン Iterator API の提案がいくつか進行している
    • 2022-03 に Stage 3 になっていた Decorators が Stage 2.7 に降格
      • どのブラウザも ship 出来ていない
      • Test262 が不十分
      • アクティブな champion がいない
    • EU Cyber Resilience Act により 2027-12 から EU にデバイス、ソフトウェアを輸出する企業は適切なセキュリティ管理、脆弱性報告が求められるようになる。今後 ECMA-262 内に脆弱性が見つかった際に報告する場所が必要かもしれない

#### Proposals Diff

#### New Proposals

#### WinterTC

#### Other

### IETF 動向

#### IETF

#### WG

#### Other

  • So You Want To Define a Well-Known URI
    • https://mnot.net/blog/2026/well_known_uris
    • Well-known locations は、クライアントがサイトを知っている場合に有効で、全体に関する情報を効率的に発見する手段である。
    • 不適切な使用は、新たな問題を引き起こす可能性があり、プロトコルが本当に必要とする場合にのみ利用すべきである。
    • コンテンツメタデータを扱う際は、利便性と細分化のトレードオフを考慮し、適切なメカニズムを検討する必要がある。

### 周辺動向

#### ベンダー動向

  • Five years of JavaScript on WebAssembly
    • https://blogs.igalia.com/compilers/2026/05/25/five-years-of-javascript-on-webassembly/
    • JavaScript on WebAssembly は 2021 年に実験から生産ツールチェーンに進化した。
    • Javy は 2022 年に生産準備完了版がリリースされ、実際の使用例に対応した。
    • 2026 年には、パフォーマンス向上のための最適化が進行中で、実験的機能としてのコンパイラの導入が計画されている。
  • WASI 0.3 が正式版に。WebAssembly Component の非同期処理が共通基盤に - Publickey
  • Build your own vulnerability harness
    • https://blog.cloudflare.com/build-your-own-vulnerability-harness/
    • Glasswing の初期結果を発表し、企業コードベースに対するフロンティアセキュリティモデルの適用を検討した。
    • フロンティア AI による脅威からインフラと顧客を保護するための防御構造の適応を探求した。
    • 単一モデルに依存することのリスクを強調し、モデルを頻繁に入れ替え、クロステストを行うことの重要性を述べた。
    • 脆弱性を特定するための真の企業規模のハーネスは、孤立したリポジトリを超えて依存関係を追跡する必要がある。
    • モデルに依存しないアーキテクチャを構築することが推奨され、モデルの選択に制約がない自由を得ることができる。
    • セキュリティ分析には、持続性、重複排除、再開可能性、フリート全体の依存関係追跡が必要である。
    • 脆弱性発見ハーネス(VDH)と脆弱性検証システム(VVS)の二段階の運用フレームワークを採用。
    • VDH はコードベースを積極的にスキャンし、潜在的なセキュリティ問題を浮き彫りにする役割を果たす。
    • VVS は発見された脆弱性を整理し、重複を排除し、修正を生成するプロセスを管理する。
    • 脆弱性の発見と検証には異なるモデルを使用し、相互にチェックすることでセキュリティの信頼性を向上させる。
    • ハーネスは、単一のモデルに依存せず、下流の変動を吸収できる設計が求められる。
    • 具体的な実装例やプロセスの詳細が提供され、開発者が自分の脆弱性ハーネスを構築するための出発点を示している。
  • Changing How We Develop Ladybird - Ladybird
    • https://ladybird.org/posts/changing-how-we-develop-ladybird/
    • We will no longer accept public pull requests. From now on, code changes to the Ladybird codebase will only be introduced by project maintainers.

    • AI Slop により Ladybird が外部コントリビュータからの PR 受付を取りやめ
  • 2026 Web Engines Hackfest
  • Igalia WebKit Team | WebKit Igalia Periodical #67
  • Igalia WebKit Team | WebKit Igalia Periodical #68
  • Fine. What Is the Web?
  • This Month in Ladybird - May 2026 - Ladybird
  • New Brave Origin premium experience offers users a minimalist version of the Brave browser

#### セキュリティ動向

  • A Post-Quantum Future for Let's Encrypt - Let's Encrypt
    • https://letsencrypt.org/2026/06/03/pq-certs.html
    • Let's Encrypt はポスト量子安全な Web PKI に取り組んでいる。
    • Merkle Tree Certificates(MTCs)を採用し、ポスト量子認証を実現する計画である。
    • 2026 年末に MTC の試験運用を開始し、2027 年に本運用を目指す。
  • トランプ大統領、耐量子暗号(PQC)移行を義務付ける大統領令に署名 2030 年末期限 - ITmedia NEWS
  • The White House's post-quantum executive order is an important milestone. It's time to get to work
    • https://blog.cloudflare.com/post-quantum-eo-2026/
    • 2026 年 6 月 22 日、トランプ大統領が「高度な暗号攻撃から国を守る」ための行政命令を署名した。
    • 2030 年 12 月 31 日までに連邦機関はポスト量子暗号に移行する必要がある。
    • ポスト量子認証は 2031 年 12 月 31 日までに完了しなければならない。
    • 連邦契約者は 2030 年末までにポスト量子の FIPS に準拠することが求められる。
  • TLS Configurator
    • https://configurator.tlsref.org/
    • TLS の設定を生成するサービス
    • 以前は Mozilla が SSL Configuration Generator を公開していた
    • 5 月にそれが終了した後継

#### Other

### イベント

### Wrap Up

  • Chrome
    • 150 beta
    • Ship
      • Relative Alpha Colors( alpha() function)
      • CSS light-dark() with image values
      • The focusgroup attribute
      • flex-wrap:balance
      • named-feature() function for CSS @supports
      • IndexedDB が SQLite backend に
      • Out-of-order streaming
      • XML Parsing in Rust for non XSLT scenarios
      • wheel イベントで指を離した後の慣性 fling を区別する
      • Declarative shadow DOM: shadowrootslotassignment attribute
      • Multi-Range Selection
    • Prototype
      • Multi-Range Selection
    • Experiment
    • Deprecate and Remove
    • PSA
      • 名前が空の Cookie をリジェクトするかどうか?
    • other intents
    • web.dev
    • Google Developer Blog
    • Chrome Developers
      • Chrome DevTools for agents 関連の JS API で、フレームワーク側がこれを使ってツールを実装することで DevTools for agents を介して利用できる
    • Chromium blog
    • other blogs
    • other
      • Google AI Threat Defense
      • Addy Osmani が Google 退職
  • Firefox
    • 152
    • Ship
      • sibling-index() and sibling-count()
      • Source Phase Imports
    • Prototype
      • CSS progress() function
      • alpha() relative color function
      • text-box-trim / text-box-edge
    • other intents
    • MDN Blog
      • MDN MCP server
      • Web Security docs on MDN
    • Standard Position
      • Text-Scale meta element
      • named-feature() function for CSS @supports
      • Out of order streaming
    • other
      • 閲覧履歴を可視化できる Session History Diagrams
      • PACT(Private Access Control Tokens)
  • Safari
    • WWDC26
      • Customizable Select
      • :heading pseudo-class
      • revert-rule keyword
      • sizes="auto" on img
      • Grid Lanes
      • Customizable Select
    • TP245
    • TP246
      • Added support for image values in light-dark(image, image).
      • Enabled word-break: auto-phrase in preview.
      • Added support for the alpha() relative color function.
      • Added support for popover close watcher integration.
      • Added support for the Origin-Agent-Cluster HTTP response header.
    • Standard Position
      • Oppose: WebMCP
    • other
      • Grid Lanes guide
      • CSE golden rule
      • Bun が JSC に Thread を実装
  • Edge
    • Stage Release 2 週間に短縮
    • Webwright
  • W3C/WHATWG
    • Draft
      • Quantum-Resistant Cryptosuites
      • CSS Linked Parameters Module
    • Open UI
      • Overscroll Areas
    • WHATNOT meeting
      • Menu elements
      • HTML in Canvas
      • Opaque Range Interface
      • Reference Target
      • Localized time formatting without JS
      • DOM Localization
      • Filtering support for CSE
    • CSSWG
      • ::interest-button をデフォルトで UA Style に入れるかどうか
      • Split CSS Mixins Level 1
      • meta text-scale の制限はなし
    • Other
      • CSS Day
  • TC39
    • Temporal モダンブラウザ実装完了
    • Iterator API Family 進んでる
    • Decorators 2.7 降格
    • WinterTC
  • IETF
    • RFC 10008 HTTP Query 初の 5 桁
  • 周辺動向
    • ベンダー動向
      • Cloudflare Vulnerability Harness 作り方まとめ
      • Web Engine Hackfest
    • セキュリティ動向
      • NIST で PQC 移行期限に大統領令
    • Other
      • State of CSS 2026