[2026年5月第4週] Web業界ウィークリー：Google I/O 2026開幕、WordPress 7.0リリース — 「Agentic Web」時代が始まった

2026年5月24日

当ページのリンクには広告が含まれています。

今週（5/18〜5/24）は2つの大きな節目が重なりました。ついにGoogle I/O 2026（5/19〜20）が開催され、「Agentic Web」をテーマにWebMCPをはじめとするChrome新機能が発表。同じ5月20日にはWordPress 7.0「Armstrong」も正式リリースされました。先週まで4週連続で追いかけてきた話題がひとつのゴールを迎えた、という感じの週です。

Google I/O 2026「Agentic Web」— WebMCPがウェブのルールを変える

Google I/O 2026のChromeセッションで最も重要だったのは、WebMCP（Web Model Context Protocol）の発表です。Googleとマイクロソフトが共同で提案したオープン標準で、ウェブサイトのJavaScript関数やHTMLフォームをブラウザ内のAIエージェントに直接公開できる仕組みです。

出典: Chrome for Developers — 15 updates from Google I/O 2026 / VentureBeat

Google I/O 2026 Agentic Web — Chrome 5項目 — Google I/O 2026 Chromeセッション — Agentic Web 5項目

これまでAIエージェントはウェブを「スクリーンショットを撮ってHTMLを解析してボタンを推測する」という方法で使っていました。WebMCPを使うと、サイト側が「この関数がフライト検索ツールです」「このフォームがチケット送信です」と明示でき、エージェントが確実に正しい動作を実行できるようになります。Chrome 149でオリジントライアルが開始予定です。

Google I/O 2026でのそのほかのChrome発表も実務に関係するものが多くありました。

HTML-in-Canvas API: HTML要素とCSSスタイルを3Dキャンバス環境に組み込めるようになります。高度なインタラクティブUIや没入型のレイアウト表現が、今より少ないコードで実現できます
Modern Web Guidance: Claude Code・Cursor・Copilotなどのコーディングエージェントに「Googleが審査したウェブのベストプラクティス」を渡すガイダンス集。100以上のユースケースに対応し、アクセシビリティ・パフォーマンス・セキュリティの指針を機械可読な形で提供します
Soft Navigations API: SPAでのページ遷移をCore Web Vitalsの計測単位として扱えるようになります。Next.jsやNuxtで作られたサイトのLighthouseスコアが実態に近くなることが期待されます
Chrome DevTools for agents: Gemini・Antigravityなど20以上のコーディングエージェントがChromeのDevToolsにアクセスし、リアルタイムでデバッグ・最適化できます

WebMCPは「AIに見てもらえるサイト」の定義を書き換えます。llms.txt、DESIGN.md、Agentic Browsingに続いて、今度はサイトの機能ごとにAIエージェントへの公開仕様を定義する時代になってきました。これらに全部対応しようとすると工数がかかりますが、「構造化・意味付け・役割の明示」という軸は一貫しているので、根っこは同じ取り組みです。

💡 今すぐ試せる: Chrome for DevelopersのブログでWebMCPのオリジントライアル登録方法を確認し、テストサイトで navigator.modelContext の挙動を調べてみる

WordPress 7.0「Armstrong」正式リリース（5/20）— 4週間の追跡が完結

5月20日、WordPress 7.0「Armstrong」が正式リリースされました。ジャズ音楽家ルイ・アームストロングにちなんだ命名です。

出典: WordPress.org News / InMotion Hosting — WordPress 7.0 Release

先週のRC4から変更はなく、リリース時点での内容は以下のとおりです。

新ブロック: パンくずリスト・アイコンブロックの追加
グリッドのレスポンシブ化: グリッドレイアウトが画面幅に応じて自動的に最適化
Web Client AI API: ブラウザのAI機能をWordPressエディタから呼び出せる統合
管理画面デザインの更新: UIのリフレッシュ

目玉だったリアルタイム共同編集（RTC）は5月第2週に削除されており、7.1サイクルで再挑戦となります。PHP 8.3以上が推奨環境です。

4週連続で追いかけてきた流れをまとめると、「RTC削除というサプライズ → RC候補を重ねて安定化 → 予定通り5/20リリース」という軌跡でした。RTCがなくなったことで7.0のインパクトは当初より薄れましたが、安定したリリースとして着地したのは現場にとってはありがたい話です。アップデート前のステージング確認は引き続き必須です。

💡 今すぐ試せる: ステージング環境でWordPress 7.0へのアップデートを実施し、使用中のプラグインの動作確認と管理画面UIの変化を確認する

Google Antigravity 2.0 — エージェント開発IDEの誕生、Gemini CLIは廃止へ

Google I/O 2026では、開発者向けの大きな発表がもう一つありました。Google Antigravity 2.0の登場と、Gemini CLIの廃止（6月18日）です。

出典: MarkTechPost — Antigravity 2.0 / I/O 2026 Developer Highlights

Antigravity 2.0はVS Codeをフォークした単体デスクトップアプリで、複数のAIエージェントを並列で動かしながら開発できる「エージェントファースト開発環境」です。主な構成要素は以下の4点。

Antigravityアプリ: 内蔵ChromiumブラウザとマルチエージェントのIDEが一体化
Antigravity CLI: Go製の新コマンドラインインターフェース
Antigravity SDK: カスタムエージェント構築用
Managed Agents API: Gemini APIから1回の呼び出しでエージェントを起動できる

またGemini 3.5 Flashが同時発表されました。Gemini 3.1 Proとほぼ同等の精度を持ちながら4倍速いモデルで、API経由でフロントエンドにAI機能を組み込む際のコストと応答速度が大幅に改善されます。

Gemini CLIは6月18日に廃止となり、Antigravityへの移行が必要です。

CursorやClaude Codeに対抗するGoogleのポジションが明確になってきました。Gemini CLIを使っていた開発者は6/18までに移行が必要なので、その点は注意が必要です。WebMCPを実装する場合はGeminiエージェントとの相性が良いため、Google I/OのAgentic Web全体は一本の線でつながっています。

💡 今すぐ試せる: Antigravity公式サイトでダウンロードし、Gemini CLIのコマンドをAntigravity CLIで再現できるか移行確認をしてみる

CSS `@starting-style` — JSなしでdisplay:noneからのアニメーションが実現

CSSの @starting-style at-ruleが、Firefox 129でのサポートによりChrome・Safari・Firefoxすべてで使用可能（Baseline: Newly Available）になっています。

出典: MDN — @starting-style / CSS-Tricks

@starting-style は「要素が初めて画面に描画されるときの出発点」を定義するための at-rule です。これが解決する問題は「display: none から display: block に変えても transition が効かない」という長年のCSS制限です。

.panel.is-visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

@starting-style {
  .panel.is-visible {
    opacity: 0;             /* 表示前の「出発点」を定義 */
    transform: translateY(-14px);
  }
}

See the Pen Untitled by BaseKENT (@basekent) on CodePen.

これだけで、el.classList.add('is-visible') を呼ぶだけでスムーズなフェードイン+スライドインが発火します。従来必要だった setTimeout(() => el.classList.add('visible'), 0) というJavaScriptのタイミングハックが完全に不要になります。

モーダル・ドロップダウン・トースト通知など「非表示→表示」の場面は制作現場にたくさんあります。Chrome 117+、Safari 17.5+、Firefox 129+で対応しており、今すぐ本番投入できる状態です。

「アニメーションはJSで制御するもの」という前提が崩れてきています。@scope で命名規則が不要になり、@starting-style でJSタイミングハックが不要になる。CSSの責任範囲が静かに広がっています。

💡 今すぐ試せる: 既存コードのトースト通知かモーダルを1つ選び、setTimeout ハックを @starting-style に書き換えてみる（Chrome DevToolsでアニメーションの差を確認）

今週のひとこと

今週を1本に絞るなら「WebMCP」です。llms.txt・DESIGN.md・Agentic Browsingに続くAI対応の新標準で、「AIエージェントに自サイトの機能を使ってもらう」という概念が具体的な実装仕様として動き出しました。まだOrigin Trial段階なので即対応は不要ですが、Chrome 149以降の本格展開を見据えてどのJSツール・フォームを公開するかを今から考えておく価値があります。WordPress 7.0のリリースでここ4週間の追跡がひとつの区切りを迎えましたが、Web制作者にとってはここからが本番です。