はじめに

Cloudflare が「 Give any website a WebMCP interface 」という記事を公開した。

WebMCP を有効にすると、 Cloudflare が HTML へ bridge script を挿入し、ブラウザ内の AI エージェントが利用できる Tool をページへ登録するという。 つまり、サイトのオリジン側には変更が要らない。

Give any website a WebMCP interface
https://blog.cloudflare.com/webmcp/
─
Today we are launching a developer preview of WebMCP on Cloudflare. Switch it on and browser agents can start working with your site, with no code and nothing changed at your origin. Cloudflare adds a small bridge to your pages, which registers a set of tools for a visitor’s agent to use.
本日、 Cloudflare における WebMCP の Developer Preview を開始します。有効にすると、コードやオリジン側の変更なしに、ブラウザエージェントがサイトを操作できるようになります。 Cloudflare はページへ小さな bridge を追加し、訪問者のエージェントが利用する Tool 群を登録します。

そもそも WebMCP について詳しく知らなかったため、まず仕様と公式ドキュメントを調べたところ、 AI エージェントが Web サイトを効率よく操作するための API であることがわかった。 画面を見てボタンを探す代わりに、ページが操作可能な機能を構造化された Tool として渡す。 これによりエージェントの操作は速く、安定する。

用途は理解できるが、 AI エージェントが DOM や Accessibility Tree から画面を理解できるなら、サイト側が追加実装してまで Tool を用意する必要はあるのか疑問を持った。

そんな中、 WebMCP の公式 README に、操作精度以外の目的を示す一節があった。

Prevent web content disintermediation

WebMCP は、 AI エージェントに Web を「中抜き」させないための規格でもあるのだろうか。

はじめに

iOS Safari で動かすブックマークレットから、クリップボードに入っている JSON を読み取りたかった。

最初に書いた処理は単純で、ブックマークレットを実行したら入力用モーダルを作り、 navigator.clipboard.readText() を呼ぶというものだった。

ところが、新しいタブで最初に実行したときだけ、 iOS のペースト許可 UI が出ない。 iOS のペースト許可 UI というのは以下のようなやつのこと。

読み取りも失敗する。 同じページでもう一度ブックマークレットを実行すると、今度は動くことがある。

いくつかの方法を試した結果、次の順番にすると新しいタブの初回でも動作した。

はじめに

前回の記事 で紹介した自作のプラグインを使ってたところ、以下の不満が出てきた。

• AIの思考や行動が長くなると、ターン終了までコストがわからない
• 一瞬コストが表示されるのを見逃すと結局今いくら残ってるかわからない
• ampを起動しないとコストが表示されない

そこで、ampのプラグインという領域を飛び出し、macのメニューバーに常駐する形でコストを表示させる仕組みを作ってみたので紹介する。

はじめに

最近、AmpのCEOがこんなツイートしてた

I can see why some would want that. It’s not a high priority since many wouldn’t want it, and it would be for users who are using free differently from paid, which is not the kind of usage pattern we want to prioritize. (We see some people who use Amp Free for non-coding misc.…

— Quinn Slack (@sqs) March 26, 2026

「Amp free のクレジットを使い切った時に有料のクレジット利用に切り替えるか？を通知して欲しい」という要望に対しての返信。公式には提供しないけど似たようなモニタ機能は簡単に作れるよ、ということでCEOが言う通り Amp 自身にそのプラグインを作ってもらった。できたのは Amp Free の残クレジットを会話のたびに通知する以下のようなPlugin。

この記事では、このプラグインを実装する過程で若干ハマったポイントがあったんでそこを紹介します。

はじめに

最近、 AmpCode に隠しモードが追加された（らしい）

Large Mode - Amp
https://ampcode.com/news/large-mode

その名も large モード。このモードは、主に大きいコンテキストを対象にしたコーディングで使うことを想定してるみたい。また、まだ検証段階らしく、積極的に使って欲しい意図はない、と書かれてある。

CTAバー。画面の下にぴったり張り付く「電話で相談」「Web相談」みたいなやつ。

これを実装していて、普通は position: fixed + bottom: 0 たったこれだけで終わるんですが、 iOS Safari で見たら、ボタンの下部分の領域の背景が透けて見えててしまっていた（↑の図の状態）。 参考にしてた別のサイトはきれいに表示されてるので絶対できるはずなのに、うちだけ透ける。なんで。

…で、ここからコストかけて Opus 4.6 に修正させまくったが、全然治らないやり取りが続くことになった。

以前 Postman を使っていたが、環境変数を一時的に違う値に上書きする機能が地味に便利だった。

Guide on How to Persist Postman Variables | Postman Blog
https://blog.postman.com/how-to-persist-postman-variables/

この機能を使うことで、今だけ

• 操作対象のアカウントIDを違うIDに切り替える
• リクエスト先のバージョンを変更する

といったことが可能で、かつ環境変数の元の値は変更しないので作業が終わったら全て元に戻す、ということが可能だった。

現在は Bruno をメインで使っているが（以前紹介した こちらの記事 が原因で乗り換えました）、環境変数を設定する画面上では Postman にあるような「Initial Value」と「Current Value」という項目はなかったため、普段書き換える時は環境変数を書き換えたり、頻繁にやるなら環境ごとコピーしたり面倒だった。

はじめに

ampcodeには、3つのモードがある。

agent-modes - Owner’s Manual - Amp
https://ampcode.com/manual#agent-modes

今回はsmartモードとrushモードで「1日（$10）でどこまで作れるのか」っていうのが気になって検証してしまった。深夜2時に。

2025年末くらいにXのポストで AmpCode というサービスを知った。 このサービスは、比較的珍しい「広告付き無料プラン（Amp Free と呼ばれてます）」があるAIコーディングエージェントで、無料でも最新のAIモデルを使える。

• 最新のAIモデルを使える（2026年1月時点だと Claude Opus 4.5）
• 毎日 $10 分のクレジットを付与される
• データは学習されない
• 広告が開発に関する広告なので地味に良い感じ（らしい）

私は普段そんなにがっつりAIを使うことはなく、寝る前の1-2時間でちょっと思いついたことを試す、くらいの用途でAIを使っていたので、これだと最新のモデルも使えるしめっちゃええやん！ということで早速登録してみました。

ただし、登録したものの、すぐ使えずに結局一ヶ月近く待つことになったので、その話をまとめます。

はじめに

BetterTouchTool: キーシーケンスによるスニペット入力機能が突然動作しなくなったが、OSアップデートで解決した話 | xshoji’s blog
https://blog.xshoji.com/posts/20260117_btt-key-sequence-snippet-issue/

こちらで意気揚々と書いたブログの内容に関して、

• ググっても解決できなかった！
• OSアップデートが原因だった！！
• AIに相談して解決の糸口が掴めた！！！

と散々書いてたんですが、数日後に、macOS 26 でもガッツリ再発して頭を抱える事態が発生しました…