はてなブックマーク

Published: February 10, 2026 As the agentic web evolves, we want to help websites play an active role in how AI agents interact with them. WebMCP aims to provide a standard way for exposing structured tools, ensuring AI agents can perform actions on your site with increased speed, reliability, and precision. By defining these tools, you tell agents how and where to interact with your site, whether

公開日: 2026 年 2 月 10 日 エージェント型ウェブの進化に伴い、AI エージェントがウェブサイトとやり取りする方法において、ウェブサイトが積極的な役割を果たすよう支援したいと考えています。WebMCP は、構造化されたツールを公開するための標準的な方法を提供し、AI エージェントがサイト上でより高速かつ信頼性の高い正確なアクションを実行できるようにすることを目的としています。 これらのツールを定義することで、エージェントがサイトとやり取りする方法と場所を指定できます。たとえば、フライトの予約、サポート チケットの送信、複雑なデータのナビゲーションなどです。この直接通信チャネルにより、曖昧さが解消され、より迅速で堅牢なエージェント ワークフローが可能になります。 エージェント型ウェブの構造化されたインタラクション WebMCP は、ブラウザ エージェントがユーザーに代わってアクシ

公開日: 2026 年 1 月 13 日 Chrome 144 以降では、新しい <geolocation> HTML 要素を使用できます。この要素は、サイトがユーザーの位置情報をリクエストする方法の大きな変化を表しています。スクリプトでトリガーされる権限プロンプトから、宣言的でユーザー アクション指向のエクスペリエンスに移行します。これにより、権限の状態とエラーの処理に必要なボイラープレート コードが削減され、ユーザーの意図をより強く示すシグナルが提供されるため、ブラウザの介入（サイレント ブロックなど）を回避できます。 このリリースは、広範な実環境でのテストと、ウェブ標準コミュニティとの厳格な議論の結果です。この要素の有用性を理解するには、その開発の経緯と、その設計を推進したデータを検証することが重要です。 汎用 <permission> から特定の <geolocation> <ge

公開日: 2025 年 10 月 29 日 Chrome では、XSLT を非推奨とし、ブラウザから削除する予定です。このドキュメントでは、2026 年後半の削除前にコードを移行する方法について詳しく説明します。 Chromium では、XSLTProcessor JavaScript API や XML スタイルシート処理命令など、XSLT が正式に非推奨になりました。バージョン 155（2026 年 11 月 17 日）からサポートを終了する予定です。Firefox プロジェクトと WebKit プロジェクトも、ブラウザ エンジンから XSLT を削除する計画を発表しています。このドキュメントでは、XSLT を削除して Chrome の安全性を高める方法について説明します。また、これらの機能がブラウザから削除される前に移行するための手順についても説明します。最新の更新については、Chr

公開日: 2025 年 12 月 11 日 多くのユーザーから要望のあった Chrome DevTools MCP サーバーの機能強化をリリースしました。コーディング エージェントがアクティブなブラウザ セッションに直接接続できるようになりました。 この機能強化により、コーディング エージェントは次のことができるようになります。 既存のブラウザ セッションを再利用する: ログインが必要な問題の修正をコーディング エージェントに依頼する場合を考えてみましょう。コーディング エージェントは、追加のログインを必要とせずに、現在のブラウジング セッションに直接アクセスできるようになりました。 アクティブなデバッグ セッションにアクセスする: コーディング エージェントが DevTools UI でアクティブなデバッグ セッションにアクセスできるようになりました。たとえば、Chrome DevToo

公開日: 2025 年 7 月 23 日 Microsoft Edge チームと Google Chrome チームは、Chrome と Edge 140 から CSS masonry の早期デベロッパー テストを開始できるようになったことをお知らせします。 CSS masonry の仕様と構文に関する未解決の問題が残っているため、API の最終的な形を固めるうえで、皆様からのフィードバックが不可欠です。ぜひこの機能をお試しいただき、ご意見をお聞かせください。 Chromium で CSS Masonry を今すぐお試しください CSS Masonry をテストするには: Chrome または Edge 140 以降（または、対応するバージョンの別の Chromium ベースのブラウザ）を使用します。 新しいタブで about:flags に移動します。 「CSS Masonry Layo

Published: September 29, 2025 Love them or hate them, carousels are a widely used and requested pattern. So when a carousel is implemented, it should be robust and accessible. It should be interactive at first paint, declarative for easier maintenance, and built with a semantic structure that is tested with assistive technologies. However, making carousels accessible is often challenging. Managing

公開日: 2025 年 9 月 23 日 本日、新しい Chrome DevTools Model Context Protocol（MCP）サーバーの公開プレビューを開始します。これにより、Chrome DevTools の機能を AI コーディング アシスタントに導入できます。 コーディング エージェントには根本的な問題があります。生成したコードがブラウザで実行されたときに実際に何をするのかを確認できないことです。目隠しをしてプログラミングしているようなものです。 Chrome DevTools MCP サーバーはこれを変更します。AI コーディング アシスタントは、Chrome でウェブページを直接デバッグし、DevTools のデバッグ機能とパフォーマンス分析情報を活用できます。これにより、問題の特定と修正の精度が向上します。 仕組みを実際に確認してみましょう。 Model Con

Published: September 23, 2025 We're launching today a public preview for the new Chrome DevTools Model Context Protocol (MCP) server, bringing the power of Chrome DevTools to AI coding assistants. Coding agents face a fundamental problem: they are not able to see what the code they generate actually does when it runs in the browser. They're effectively programming with a blindfold on. The Chrome D

Prompt API を使用すると、ブラウザで Gemini Nano に自然言語リクエストを送信できます。 Prompt API の使用方法は多岐にわたります。たとえば、次のようなビルドが可能です。 AI を活用した検索: ウェブページのコンテンツに基づいて質問に回答します。 パーソナライズされたニュース フィード: 記事をカテゴリで動的に分類し、ユーザーがそのコンテンツをフィルタリングできるようにするフィードを構築します。 カスタム コンテンツ フィルタ。ニュース記事を分析し、ユーザー定義のトピックに基づいてコンテンツを自動的にぼかしたり非表示にしたりします。 カレンダーの予定の作成。ウェブページからイベントの詳細を自動的に抽出する Chrome 拡張機能を開発し、ユーザーが数ステップでカレンダーの予定を作成できるようにします。 シームレスな連絡先の抽出。ウェブサイトから連絡先情報を抽

Translator API Translator API は Chrome 138 安定版から利用できます。ユーザーが作成したコンテンツや動的コンテンツをリクエストに応じて翻訳します。 ユースケース ユーザーは母国語でリクエストを入力できます。これは Language Detector API で識別できます。次に、Translator API を使用してリクエストをビジネスの運用言語に変換し、サポート エージェントに送信します。 ソーシャル ネットワーク アプリケーションでは、タイムラインに表示された投稿が理解できない言語で書かれている場合、ユーザーはオンデマンドで翻訳をリクエストできます。 Language Detector API Language Detector API は、Chrome 138 安定版から利用できます。この API を使用して、入力テキストの言語を検出できます

Published: June 24, 2025 Chrome 138 is rolling out now, and this post shares some of the key features from the release. Read the full Chrome 138 release notes. Highlights from this release: Use the new built-in AI APIs to summarize, translate, or detect the language of text. Check out several new CSS functions. Adapt your web layout to target foldable devices with the Viewport Segments API. The Tr

公開日: 2025 年 6 月 11 日 境界と疑似要素のハックに別れを告げ、CSS のギャップ装飾にようこそ。 Microsoft Edge チームは、CSS ギャップ装飾（フレックス、グリッド、マルチ列レイアウト内のアイテム間のギャップにスタイルを適用する新しい方法）が、Chrome と Edge 139 でデベロッパー向けトライアルとして利用可能になったことをお知らせいたします。 ぜひお試しになり、フィードバックをお寄せください。この API の今後の開発に役立てさせていただきます。 役に立つリンク の仕様 Microsoft Edge のお知らせ（ブログ投稿） 説明 問題 カレンダー、カード、データグリッドなどの UI コンポーネントのギャップをスタイル設定すると、読みやすさが大幅に向上し、全体的な美しさが増します。ただし、グリッド レイアウトと Flexbox レイアウトでこの効

公開日: 2025 年 6 月 9 日 Chrome では、ローカル ネットワーク アクセス仕様の一環として、ユーザーのローカル ネットワークに接続するサイト向けの新しい権限プロンプトが追加されます。この変更は、プライベート ネットワーク上のルーターなどを標的とするクロスサイト リクエスト フォージェリ（CSRF）攻撃からユーザーを保護し、サイトがこれらのリクエストを使用してユーザーのローカル ネットワークのフィンガープリントを生成する機能を制限することを目的としています。 この変更がウェブ エコシステムに与える影響を把握するため、Chrome チームは、ユーザーのローカル ネットワークやユーザーのマシンでローカルに実行されているソフトウェアへの接続に依存するウェブ アプリケーションを構築しているデベロッパーからのフィードバックを求めています。Chrome 138 以降では、chrome:

Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.

Published: May 09, 2025 Passkeys are a phishing-resistant alternative to passwords. Even though passkeys offer many benefits, most users authenticate with passwords today. To encourage adoption, you need to ask your users to create passkeys, but this introduces friction. What if users could automatically create a passkey without extra steps? The solution: Automatic passkey creation With passkey cr

Device Bound Session Credentials（DBSC）は、Cookie の盗難やセッションの不正使用からユーザー セッションを保護するために設計された新しいウェブ機能です。この機能は、Chrome 135 でオリジン トライアルとしてテストできるようになりました。 背景 Cookie は、最新のウェブ認証において重要な役割を果たしており、ユーザーがブラウジング セッション間でログインしたままにしておくことが可能です。しかし、攻撃者は盗まれた認証 Cookie を悪用してセッションを乗っ取り、多要素認証やその他のログイン セキュリティ メカニズムを回避するケースが増えています。 マルウェアの運営者は、侵害されたデバイスからセッション Cookie を抜き出し、ユーザー アカウントへの不正アクセスを可能にします。Cookie は署名なしトークンであるため、所有権の証明を必

Published: March 24, 2025 From Chrome 135, web developers and designers can finally unite on an accessible, standardized and CSS styleable <select> element on the web. This has been many years in the making, many hours of engineering and collaborative specification work, and the result is an incredibly rich and powerful component that won't break in older browsers. Here's a video of customized sel

公開日: 2025 年 3 月 20 日 Chrome 135 以降では、スクロールとカルーセルのエクスペリエンスを作成するために設計された CSS Overflow 5 仕様の機能を使用できます。 この記事では、これらの新機能を使用して JavaScript なしで作成されたさまざまなスクロールとカルーセルのエクスペリエンスの概要について説明します。次の動画をご覧になり、実現できるようになったことをご確認ください。 動画では、スクロール ボタン、スクロール マーカー、スクロール駆動アニメーション、scroll-state() クエリ、:has()、グリッド、アンカーなど、さまざまな要素が調和している様子が示されています。 さらに印象的なのは、アクセシビリティに関するストーリーです。 エンジニアリング チームとアクセシビリティ チームが協力して、カルーセルのベスト プラクティスをブラウザで

公開日: 2025 年 3 月 19 日 Skrifa は Rust で記述されており、すべてのユーザーにとって Chrome でのフォント処理を安全に行うために FreeType の代替として作成されました。Skrifa は Rust のメモリセーフティを活用し、Chrome のフォント技術の改善を迅速に反復できます。FreeType から Skrifa に移行することで、フォントコードを変更する際にアジャイルかつ大胆な対応が可能になります。セキュリティ バグの修正に費やす時間が大幅に短縮され、アップデートの迅速化とコード品質の向上につながっています。 この投稿では、Chrome が FreeType から移行した理由と、この移行によって実現した改善点について説明します。 FreeType を置き換える理由 ウェブは、ユーザーがさまざまな信頼できないソースから信頼できないリソースを取得し

公開日: 2025 年 3 月 7 日 ボタンは、動的なウェブ アプリケーションを作成するために不可欠です。ボタンは、メニューを開いたり、アクションを切り替えたり、フォームを送信したりします。これらは、ウェブ上のインタラクティビティの基盤となります。ボタンをシンプルでアクセスしやすいものにすると、予想外の課題に直面することがあります。マイクロフロントエンドやコンポーネント システムを構築するデベロッパーは、必要以上に複雑なソリューションに直面することがあります。フレームワークは役に立ちますが、ウェブではさらに多くのことができます。 Chrome 135 では、新しい command 属性と commandfor 属性を使用して宣言型の動作を提供する新しい機能が導入され、popovertargetaction 属性と popovertarget 属性が強化され、置き換えられます。これらの新し

公開日: 2025 年 3 月 4 日 Document Picture-in-Picture API（Document PiP API）を使用すると、ウェブアプリでフローティングの常に最前面のウィンドウ（ピクチャー イン ピクチャー ウィンドウ）を開き、任意の HTML コンテンツを表示できます。 この API は、<video> 用の Picture-in-Picture API をベースに構築されており、PiP ウィンドウで動画の視聴を継続できます。 Document PiP API は任意の HTML コンテンツを表示できるため、新しいユースケースを実現できます。 ブラウザのサポートと段階的な拡張 記事作成時点では、Document Picture-in-Picture API は限定的に利用できます。 ただし、プログレッシブ エンハンスメントや正常なデグレードで使用することはでき

公開日: 2025 年 1 月 15 日 CSS attr() を使用すると、CSS で HTML 属性の値を使用できます。これまで、attr() は疑似要素の content プロパティ内でのみ機能し、値を CSS <string> に解析することしかできませんでした。 Chrome 133 以降で利用できる再設計された attr() 関数により、さらに多くの機能が利用できるようになります。attr() をカスタム プロパティを含む任意の CSS プロパティで使用できるようになりました。また、<string> 以外のデータ型に値を解析することもできます。 例 次の例では、div の color プロパティの値に data-color 属性の値を使用しています。この属性値は、attr() と type() を使用して <color> に解析されます。フォールバック値は red に設定されま

<select> 要素などのフォーム コントロールのスタイル設定は、長年にわたってデベロッパーの最大の問題として報告されており、Google は解決策の開発に取り組んできました。この作業は複雑で、適切に行うまでに長い時間がかかりましたが、この機能のリリースは間近に迫っています。カスタマイズ可能なバージョンの select 要素は、WHATWG で正式にステージ 2 に移行しており、クロスブラウザでの関心が高く、Chrome Canary 130 からプロトタイプをテストできます。 ぜひお試しいただき、フィードバックをお寄せください Chrome Canary のインストールがバージョン 130 に更新され、試験運用版のウェブ プラットフォームの機能フラグがオンになっていることを確認します。このフラグを有効にするには、アドレスバーで chrome://flags に移動し、#experime