メインコンテンツへスキップ
モジュール 5:Fable 5 時代 8 / 8
上級 S32 Artifacts Tasks Tools Fable 5

新しいツールベルト:Artifacts、Tasks、型付き出力

Claude Code の現行出力・協調ツールを公式情報に基づいて解説します。Live MCP artifacts、task output files、LSP、Week 28–29 の変更を扱います。

2026年7月8日 16 分で読む
確認済み カリキュラム確認日: 2026年7月20日

学ぶこと

現在の Claude Code ツールベルトは、ファイルを読み書きするだけではありません。インタラクティブな出力を公開し、追跡可能な tasks を協調させ、型付き review findings を表示し、language server でコード内をナビゲートし、長時間作業をセッションを塞がず可視化できます。

このセッションでは次を扱います。

  • claude.ai 上の非公開・インプレース更新可能なページとしての Artifacts
  • Live MCP connector calls とブロックされる通常の external fetch の正確な境界
  • Task tools と deprecated TaskOutput の置き換え
  • AskUserQuestionReportFindings、LSP、worktrees、resume 可能な agents
  • 2026 年 Week 28 と Week 29 の関連変更

Artifacts:出力を Live Page にする

Artifact は Claude Code から claude.ai の非公開 URL に公開する 1 ページの HTML または Markdown です。Annotated diffs、dashboards、デザイン比較、timelines など、terminal prose より視覚的に確認しやすい出力に適します。

基本的なライフサイクルは次のとおりです。

session data → .html/.htm/.md file → private artifact URL

                                      ├─ インプレース更新
                                      └─ 必要に応じて共有

初回公開前に Claude Code が許可を求めます。その後の修正は同じ URL を更新し、publish ごとに 1 バージョンになります。別の session でも artifact URL があれば更新できます。

Artifacts には Claude Code 2.1.183 以降(または対応 Desktop app)、対象の Pro/Max/Team/Enterprise plan、API key や cloud-provider credential ではなく /login で認証した session が必要です。

Static External Fetch と Live MCP Connector

Artifact は backend を持たない 1 つの self-contained page です。Content Security Policy が通常の outbound networking をブロックします。

  • 外部 scripts、stylesheets、fonts、images
  • fetch と XHR
  • WebSocket connections

CSS と JavaScript は inline、画像は data URI で埋め込み、rendered page は文書化された 16 MiB 以内に収めます。

MCP connector calls は明示された例外です。 Claude Code 2.1.209 以降、artifact は公開時に claude.ai MCP connectors を宣言し、viewer がページを開くか更新するたびに claude.ai へ呼び出しを依頼できます。これにより dashboard は現在データを表示したり connector action を提供したりできますが、ページ自体が一般のインターネットアクセスを得るわけではありません。

信頼境界は次のとおりです。

経路公開後 artifact の動作
通常の external API/fetch/XHR/WebSocketCSP でブロック
公開時に宣言した claude.ai MCP connectorViewer の承認後、claude.ai 経由で許可
Local .mcp.json server構築中は利用可能。公開ページから live 呼び出し不可

Viewer ごとに自分の connector account を使い、最初の呼び出しを承認します。そのため、同じページでも viewer によってデータが違う場合があります。Connector-backed artifacts は公開リンクで共有できません。Team/Enterprise では非公開または組織内共有、Pro/Max では非公開のままです。

Build a dashboard artifact of open pull requests that pulls the live list
through my GitHub connector when the page loads. Include a fallback message
for viewers who have not connected GitHub.

Tasks:セッションの運用ビュー

TodoWrite はデフォルトで無効となり、Task tools に置き換えられました。

TaskCreate ──► task を作成
TaskUpdate ──► state、details、dependencies、owner を更新
TaskList   ──► 運用 queue を確認
TaskGet    ──► 1 task の詳細を確認

background task ──► TaskStop
                └─► Read(output file path)

Tasks は pending、in progress、completed の状態を持ち、他 task を block したり依存したりできます。

TaskOutput は deprecated

TaskOutput は reference に残っていますが、非推奨です。新しい処理では Read で background task の output file path を読みます。Claude Code は background-task details と completion/move-to-background メッセージに output path を含めるため、そのファイルが永続的な確認面になります。

TaskStop は実行中の background task を止めるためだけに使います。Task-list state と dependencies を管理する TaskUpdate の代わりではありません。

構造化された対話と出力

AskUserQuestion

AskUserQuestion は要件や曖昧さを確認する multiple-choice questions を表示します。質問はデフォルトで回答まで開いたままです。オプションの askUserQuestionTimeout を使えば 60s5m10m 後に自動継続できます。この timeout は question dialog だけに適用され、permission prompts や plan approval には適用されません。

ReportFindings

2.1.196 以降、アクティブな code-review instructions は ReportFindings を使い、file、summary、failure scenario を含む一覧を UI に表示できます。2.1.199 以降は correctnesstest-coverage のような category も付けられます。構造化表示は有用ですが、未検証の claim を真実にするものではありません。

LSP

LSP tool は実行中の language server に definitions、references、type errors、warnings を問い合わせます。編集後に diagnostics が自動表示されることもあり、テキスト検索だけに頼らずに済みます。ただし builds と tests が最終的な動作確認であることは変わりません。

分離、Agents、配信

  • EnterWorktreeExitWorktree は main session を分離された git worktree に置きます。
  • 独立作業に適する subagents はデフォルトでバックグラウンド実行され、caller が最終結果を受け取ります。
  • SendMessage は完了した subagent を ID または name で resume できます。停止済み subagent はこの方法では再開しません。
  • SendUserFile は生成ファイルを接続中の Remote Control client または managed cloud environment に配信できます。
  • ShareOnboardingGuide/team-onboarding から ONBOARDING.md をアップロードし、対象 claude.ai plans で共有できます。

各機能には異なる plan、authentication、provider の境界があります。普遍的に利用できると仮定せず、Tools Reference を確認してください。

Week 28:安全な Surfaces と診断強化

Releases 2.1.202–2.1.206 では次の関連機能が追加・改善されました。

  • Desktop app に sandboxed かつ設定可能な外部サイト browser が追加。
  • /doctor が実用的な setup checkup に進化。Installation health、未使用 skills/MCP/plugins、重複または肥大化した CLAUDE.md、slow hooks を診断し、変更前に確認する。
  • EnterWorktree.claude/worktrees/ 外の path に入る前に確認する。
  • Background-task notifications は human input がなかったことを明示し、transcript text をユーザー承認と誤認するのを防ぐ。
  • Opus 4.8 の全 effort levels で /code-review findings quality が改善。

Week 29:Live Artifacts と長時間作業

Releases 2.1.207–2.1.212 ではさらに次が加わりました。

  • Published artifacts が live MCP connector data と actions に対応。
  • claude --ax-screen-reader で線形かつ screen-reader-friendly な terminal mode を利用可能。
  • /fork は conversation を新しい background session にコピーし、以前の in-session 動作は /subtask に変更。
  • 2 分を超える MCP calls は自動的にバックグラウンドへ移動し、threshold は設定可能。
  • Web searches と subagent spawns はそれぞれ 1 session あたりデフォルト 200 の上限を持ち、文書化された環境変数で調整可能。

共有可能な Review Artifact を作る

1. Review workers をバックグラウンドで動かし、tasks として追跡する。
2. ReportFindings records を集め、unverified 項目を明確に分ける。
3. CSS と JavaScript を inline にした self-contained HTML page を作る。
4. Viewer が fresh data を必要とする場合だけ、宣言済み MCP connectors を追加する。
5. 非公開で publish・確認してから、許可される共有 audience を選ぶ。
6. 後続バージョンを同じ artifact URL に再 publish する。

ページが session で取得済みのデータだけを使うなら、static のままにして共有しやすくします。Live connector data が必要なら、より厳しい private/organization sharing 境界を受け入れ、connector を持たない viewers に分かりやすい fallback を用意します。

要点

現在のツールベルトは、作業、証拠、表示、配信を分離します。 Tasks は実行を追跡し、typed tools は結果を構造化し、Artifacts は表示し、MCP connectors は承認済み live data を更新します。境界は機能と同じくらい重要です。Live connector は一般ネットワークアクセスではなく、deprecated な task-output tool を新しい workflow に残すべきではありません。

モジュール 5 のまとめ

モジュール 5 を終えると、モデルと effort の選択、マルチエージェント作業のスクリプト化、memory の保持、tools の遅延読み込み、作業のスケジュール、terminal 外での結果表示まで扱えます。長く使える原則は、全機能を一度に使うことではありません。Evidence、permissions、ユーザーが確認できる明確な経路を保つ最小の仕組みを選びます。

公式情報源