Chrome5 件の記事

Chrome の記事

Chrome の Declarative Partial Updates - HTML 部分更新とアウトオブオーダー・ストリーミングがブラウザ標準になる(2026年6月時点)

Chrome の Declarative Partial Updates - HTML 部分更新とアウトオブオーダー・ストリーミングがブラウザ標準になる(2026年6月時点)

16

Google I/O 2026 で発表され、Chrome 148 で実験的に試せるようになった Declarative Partial Updates を、一次情報をもとに整理します。処理命令と template for によるアウトオブオーダーな HTML ストリーミングと、setHTML / appendHTML / streamHTML といった新しい HTML 挿入 API が、これまでフレームワークが担っていた部分更新をブラウザのプリミティブとして提供します。仕組み・構文・現状のステータス・実務での向き合い方を、Web 開発者向けにまとめます。

Speculation Rules API 入門 - SPAでなくてもページ遷移を一瞬にする

Speculation Rules API 入門 - SPAでなくてもページ遷移を一瞬にする

9

Speculation Rules API を実務目線で整理します。script type=speculationrules の JSON でブラウザに prefetch / prerender を指示し、次に読まれるページを先読みして遷移を一瞬にする仕組みです。prefetch と prerender の違い、eagerness(immediate / eager / moderate / conservative)、list rules と document rules、そして prerender でアナリティクスが二重計上される落とし穴まで、ブログや EC で安全に使う勘所をまとめます。

Chrome の組み込み AI APIs 入門 - ブラウザ内 Gemini Nano で何ができて何がまだ実験的か

Chrome の組み込み AI APIs 入門 - ブラウザ内 Gemini Nano で何ができて何がまだ実験的か

9

Chrome に搭載されたオンデバイス AI(Gemini Nano)を使う組み込み AI APIs を整理します。Translator・Summarizer・Language Detector・Prompt・Writer・Rewriter・Proofreader それぞれの安定度、availability から create で使う共通の作法、サーバー LLM との使い分け、そしてフォールバック設計まで、実務で踏むべき注意点をまとめます。

WebMCP とは何か - サイトが AIエージェントに「道具」を渡すブラウザネイティブな仕組み

WebMCP とは何か - サイトが AIエージェントに「道具」を渡すブラウザネイティブな仕組み

9

Google I/O 2026 で公開され Chrome 149 でオリジントライアルが始まる WebMCP を整理します。ブラウザ内の AIエージェントに対して、サイト側が document.modelContext.registerTool で構造化ツールを公開する新しい Web 標準提案です。MCP との違い、API の書き方、現状の対応状況と注意点をまとめます。

Playwright CLI v0.1.8 で普段使いの Chrome にそのまま attach する - ログイン済みブラウザを AI エージェントから操作する

Playwright CLI v0.1.8 で普段使いの Chrome にそのまま attach する - ログイン済みブラウザを AI エージェントから操作する

20

Playwright CLI v0.1.8 で追加された attach --cdp=chrome を試す。chrome://inspect/#remote-debugging 経由で普段使いの Chrome / Edge へ直接接続し、ログイン状態や拡張機能つきのまま AI エージェントから操作するセットアップと、Chrome DevTools MCP autoConnect との使い分けを整理します。