MCP Apps 入門：Claude の回答にグラフを埋め込む
出典: Zenn (Claude topic)
Hiroba による自動要約
MCP Apps を使うと、MCPサーバーがテキストだけでなく HTML の画面を返せるようになり、Claude の回答にグラフなどを直接埋め込める。本記事は、自分の PC の CPU 使用率をグラフで表示する MCP サーバーを、JavaScript のみで 3 ファイル作成する実装ハンズオンを提供し、ツール呼び出し→画面表示→画面からの呼び戻しの仕組みを段階的に解説する。
出典・元記事
Zenn (Claude topic) の記事を Hiroba が自動要約しました。元記事を読む
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 5000 件あります。
関連する記事
同じタグの記事
プロンプト・Agent Skill・ツールはどう使い分ける？迷ったときの3択フロー
QiitaClaude エージェント利用時に出てくる「プロンプト」「Agent Skill」「ツール／MCP」の役割と使い分けを解説。一度きりの依頼はプロンプト、繰り返す手順は Agent Skill、外部操作はツール という判定フローで整理し、実装例として Qiita 記事作成の最小構成（SKILL.md）を紹介。
新規セッションだけ MCP 接続が 30 秒で切れるときの対処法 - Claude Code つまずき切り分けメモ
QiitaClaude Code で MCP 接続が新規セッションのみ 30 秒で途切れる問題の原因特定と対処方法をまとめた記事。API リクエスト制限超過の見方と接続開始時の確認ポイントを、GitHub Issues の実報告と手元実行結果をもとに解説。
