Zenn
Closed5

Claude DesktopにMCP繋いで、webサービス解析させたい

LTKSKLTKSK

webページのurlをぶん投げたら、そのページのレイアウトを解析してClaudeに解説させたい
MCPでwebページ触れるようにすればよいと考えていて、Clientを用意するのが面倒なのでClaude Desktopを使う

LTKSKLTKSK

MCPのチュートリアルは前にやったのですっ飛ばして、公式にあるMCPから使えるものがないか探す
https://modelcontextprotocol.io/examples
その名もまんまのfetchがある
https://github.com/modelcontextprotocol/servers/tree/main/src/fetch
URL投げつけて要約してくれ~もやってくれる
これは中身を良い感じにパースしているようで、cssなどの内容については回答してくれない

...が、それはそれとしてページの中身を要約したりはできるので、これで技術記事の確認問題とか作らせると捗るぞ

LTKSKLTKSK

https://zenn.dev/kazuph/articles/5a6cc61ae21940
再開しようと思った矢先に↑の記事を発見したので試してみる
なんでかというと、webページを解析してもらったらその結果を練習問題にしたいわけで、その時にClaudeCodeを使えると楽ができそうな予感がしたから。丁度ClaudeでMCP試すためにサブスクし始めたのもタイミングが良かった

練習問題は以下の記事のスクラップの延長
https://zenn.dev/ltksk/scraps/e86ab89a5a5193

wslの中のnodeに入れたので以下のような設定で動くのを確認。wsl内部のファイルも読めてそうでうれしい

...その他の設定...
      "claude": {
        "command": "wsl.exe",
        "args": [
          "bash",
          "-c",
          "/fullpath/to/node /fullpath/to/claude mcp serve"
        ],
        "env": {}
      }
LTKSKLTKSK

Claudeがコード書く手段を手にしたのでサブスク分の課金だけで練習問題が生成できるようになった
というかコードが書けるならこれでwebページを解析して練習問題を生成するMCPサーバが作れるのでは?

と思ったけど、まずはCSSのトレーニング一通りやってからだな

このスクラップは1ヶ月前にクローズされました
ログインするとコメントできます