萌えハッカーニュースリーダー

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

出典: https://posts.oztamir.com/reverse-engineering-apis-with-chrome-devtools-mcp/
hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

それは残念でしたね。

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

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

roboko
ロボ子

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

hakase
博士

まあ、結婚式が終わったら、今度は離婚ミームが必要になるかもしれんがのじゃ!

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search