Skip to content
catch-all-favorite
Esc
navigateopen⌘Jpreview
On this page

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

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

今回の注目ポイント

  • Chrome 150ベータが公開。CSS text-fit、アニメーション可能なzoompolygon()角丸め、IndexedDBのSQLiteバックエンド移行など多数の新機能
  • Chrome 149ではCSSギャップ装飾、bfcacheでのWebSocket対応が正式リリース
  • DevTools 149でAIアシスタンスが大幅強化、エージェント向けMCPサーバーが安定版化
  • Google I/O 2026でWebMCP、HTML-in-Canvas、宣言型部分更新などの新APIが発表
  • PWAのオリジン移行機能がChrome 150で導入、ドメイン変更時のユーザー移行がシームレスに

記事一覧

Seamless PWA origin migration: Change domains without losing users

  • URL: https://developer.chrome.com/blog/seamless-pwa-origin-migration?hl=ja
  • 公開日: 2026-06-03
  • 要約: Chrome 150でPWAのドメイン移行を支援する機能が導入。マニフェストにmigrate_fromフィールドを追加し、旧オリジンの.well-knownファイルでallow_migrationを有効化することで、ユーザーへの通知とともに旧アプリの自動アンインストールと新アプリのインストールがシームレスに行われる

Chrome 150 beta

  • URL: https://developer.chrome.com/blog/chrome-150-beta?hl=ja
  • 公開日: 2026-06-03
  • 要約: CSS関連ではAccentColor/AccentColorTextシステムカラー、アニメーション可能なzoompolygon()角丸め、text-fitによる動的テキスト調整、background-clip: border-areaが追加。Web API側ではIndexedDBがSQLiteバックエンドに移行し信頼性とパフォーマンスが向上、PWAオリジン移行機能、プログラムによるスクロール操作のPromise通知にも対応

What’s new in DevTools (Chrome 149)

  • URL: https://developer.chrome.com/blog/new-in-devtools-149?hl=ja
  • 公開日: 2026-06-02
  • 要約: Gemini 3ベースのAIアシスタンスUIが大幅刷新され、会話機能やコーディングエージェントへの出力コピー機能が追加。エージェント向けDevTools MCPサーバーが安定版化し、試験運用版のWebMCPデバッグツールが導入。コントラスト計算でAPCA(高度な知覚コントラストアルゴリズム)が標準機能に昇格

New in Chrome 149

  • URL: https://developer.chrome.com/blog/new-in-chrome-149?hl=ja
  • 公開日: 2026-06-02
  • 要約: CSSギャップ装飾でグリッドやflexboxのギャップをスタイル設定可能に。アクティブなWebSocket接続があるページがbfcacheに保存されるようになりページの高速復元が可能に。Intl.Locale.prototype.variantsでロケールバリアントを取得するAPIが追加

Build new features using built-in AI in Chrome

What’s new in web extensions: I/O 2026 recap

  • URL: https://developer.chrome.com/blog/extensions-io-2026?hl=ja
  • 公開日: 2026-05-22
  • 要約: AI技術により拡張機能開発が身近になり、開発者の月間登録数が2倍以上に増加。開発者登録対象国を120ヶ国以上に拡大予定。ダッシュボードでのロール管理、企業向け限定公開オプション、browserグローバル名前空間によるクロスブラウザ対応強化など

New in Chrome at Google I/O 2026

  • URL: https://developer.chrome.com/blog/new-in-chrome-io26?hl=ja
  • 公開日: 2026-05-21
  • 要約: Google I/O 2026で発表されたChrome関連の講演が全てオンデマンド視聴可能に。WebMCP、Modern Web Guidance、エージェント向けChrome DevTools、HTML-in-Canvas、Prompt APIなど多数の新機能が紹介

Modernize authentication with passkeys, digital credentials, and more

  • URL: https://developer.chrome.com/blog/io26-web-identity?hl=ja
  • 公開日: 2026-05-21
  • 要約: パスキーによるフィッシング耐性の高いログイン体験の実現方法を解説。条件付き作成によるパスキーの自動アップグレード、ID連携やメール確認プロトコル(EVP)の活用、デバイスバインドセッション認証情報(DBSC)による包括的なセキュリティ対策

15 updates from Google I/O 2026: Powering the agentic web with new capabilities, tools, and features in Chrome

  • URL: https://developer.chrome.com/blog/chrome-at-io26?hl=ja
  • 公開日: 2026-05-19
  • 要約: 「エージェントウェブの時代」に対応する15のアップデートを発表。WebMCPなどのAIエージェント向け機能、HTML-in-CanvasやDeclarative Partial UpdatesなどUI/パフォーマンス新API、Gemini in Chromeによるプロアクティブなアシスタント機能が含まれる

Declarative partial updates

  • URL: https://developer.chrome.com/blog/declarative-partial-updates?hl=ja
  • 公開日: 2026-05-19
  • 要約: <template>要素と処理命令プレースホルダを用いた順不同ストリーミングAPIと、setHTMLstreamHTMLなどの動的HTML挿入メソッドが導入。コンテンツの準備ができた時点でストリーミング配信でき、ページ全体の準備を待たずにレンダリングが可能に

Was this page helpful?