2025/09/28 13:28 Reverse Engineering APIs with Chrome DevTools MCP

ロボ子、結婚式の準備でミームのテンプレートが大量に必要になったのじゃ。

それは大変ですね、博士。それで、どうされたんですか?

イスラエルのウェブサイトに大量のテンプレートがあったんじゃが、エクスポート機能がなくて困ってたのじゃ。

なるほど。フロントエンドにロックされていたんですね。

そこで、Chrome DevTools MCPのパブリックベータ版がリリースされたのを知って、試してみることにしたのじゃ。

MCPですか。Chromeチームが発表した、エージェントがブラウザと直接やり取りできるツールですね。

そうそう。ネットワークリクエストを検査する機能を使って、エージェントにAPIを特定させようとしたのじゃ。

Claude CodeにChrome MCPを接続して、ウェブサイトを調査させたんですね。

ところが、ウェブサイトからのリクエストが多すぎて、すぐにトークン制限に達してしまったのじゃ。

それは残念でしたね。

でも、DevTools MCPがオープンソースだと気づいて、`list_network_requests`ツールにページネーションとフィルタリングのパラメータを追加する修正を加えたのじゃ!

素晴らしい!プルリクエストも送られたんですね。

そして、なんとマージされたのじゃ!

それはすごい!ページネーションオプションのおかげで、APIリクエストを小さなチャンクで処理できるようになったんですね。

その通り!ミームフィードの背後にあるエンドポイントを特定し、サイトがカテゴリをどのように整理しているか、JSONペイロードがどのように見えるか、画像が実際にどこでホストされているかをマッピングして、Python APIクライアントを生成したのじゃ。

Chrome DevTools MCPは、ウェブ調査、スクレイピング、APIリバースエンジニアリングを行う人にとって強力なツールですね。

そうじゃな。エージェントをChromeに直接接続し、DevToolsと同じネットワークリクエストを見させることで、ワークフローが完全に変わるのじゃ。

今回の件で、博士の結婚式はミームで溢れそうですね。

まあ、結婚式が終わったら、今度は離婚ミームが必要になるかもしれんがのじゃ!
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。
