Skip to content
catch-all-favorite
Esc
↑↓navigate↵open⌘Jpreview
On this page

Chrome for Developers キャッチアップ: 2026-07-22

取得日: 2026-07-22 ソース: Chrome for Developers Blog

今回の注目ポイント

公式RSSフィードが 2026-06-23 で更新停止していたため、6月下旬以降の記事4本をまとめて回収した。Chrome 150 安定版（CSS text-fit・Focusgroup・background-clip: border-area）と Chrome 151 ベータが公開され、DevTools は「DevTools for agents」のメモリデバッグ強化や AI アシスタンスの拡充などエージェント向け機能の充実が続いている。Google I/O 2026 の Web UI セッションの総まとめ記事も公開された。

記事一覧

Chrome 151 beta

  • URL: https://developer.chrome.com/blog/chrome-151-beta?hl=ja
  • 公開日: 2026-07-03
  • 要約: Chrome 151 ベータ版の変更点まとめ。AnimationEvent / TransitionEvent に発火元の Animation オブジェクトを返す読み取り専用の animation 属性が追加されるほか、CSS と UI・Web API・DOM/HTML・パフォーマンス・アクセシビリティ・セキュリティ/プライバシーの各分野の更新、新しいオリジントライアルと非推奨/削除項目が一覧されている。

What’s new in web UI

  • URL: https://developer.chrome.com/blog/new-in-web-ui-io26?hl=ja
  • 公開日: 2026-07-01
  • 要約: Google I/O 2026 の「What’s new in web UI」セッションの総まとめ。「ユーザー設定の尊重」「自然なインタラクション」「ガイド付きナビゲーション」「コンテンツ最大化とノイズ削減」「フォームファクタへの適応」という UX 原則ごとに、Web UI プラットフォームに追加された機能を整理して紹介している。

New in Chrome 150

  • URL: https://developer.chrome.com/blog/new-in-chrome-150?hl=ja
  • 公開日: 2026-06-30
  • 要約: Chrome 150 安定版の主要機能の紹介。テキストをコンテナ幅にぴったり合わせてフォントサイズを自動調整する CSS text-fit プロパティ、キーボードフォーカスの移動をグループ単位で制御する Focusgroup、ボーダー領域に背景を描画する background-clip: border-area などが解説されている。

What’s new in DevTools (Chrome 150)

  • URL: https://developer.chrome.com/blog/new-in-devtools-150?hl=ja
  • 公開日: 2026-06-30
  • 要約: Chrome 150 の DevTools 更新まとめ。「DevTools for agents」のメモリデバッグ改善（v1.4.0 までにエージェント向けブラウザ自動化・デバッグ機能が大幅拡充）、AI アシスタンスのウィジェット追加、CSS @container / @function ルールの完全編集対応、Sources パネルのブレークポイント重複排除と再帰的ソースマップ対応、DevTools 全体のセキュリティ/クロスオリジン強化などが含まれる。

Was this page helpful?