Anthropic Claude Code 団隊のエンジニア、Thariq Shihiparは5月8日に「Using Claude Code: The Unreasonable Effectiveness of HTML」を発表し、Claude Codeとのやり取りにおける出力形式としてMarkdownの代わりにHTMLを使うべきだと主張した。Simon Willisonが要点を整理:HTMLはSVGの図表、インタラクティブな要素、ページ内アンカー、CSSスタイルを提供し、Claudeの回答を「線形の文章」から「多次元のドキュメント」へと変えられるため、読み取りと理解の効率を大幅に向上できる。本テーマはX(旧Twitter)上で非常に盛り上がっており、Shihiparの関連ツイート2本の合計いいねは15,000以上だ。
核心となる主張:HTMLはMarkdownにない視覚性とインタラクティブ性を提供する
Shihiparが主張する「HTMLがMarkdownに勝る」理由:
視覚の豊かさ:SVG図表、色による符号化、スタイル付きのcallout
インタラクティブ性:ウィジェットや動的要素をネイティブでサポート
ナビゲーション:ページ内アンカー、構造化された情報の階層
プロ向けのレイアウト:CSSスタイルが明瞭さと見栄えを高める
Markdownが過去に標準になった主な理由は、初期のLLMではcontext windowが小さかったため(例:GPT-4の8K時代)、開発者がトークンを節約する必要があったからだ。HTMLタグ自体はMarkdownより多くのトークンを消費し、小さいcontext時代には割に合わなかった。Claudeが200K〜1Mのcontext時代に入ったことでトークンコストが制約ではなくなり、HTMLの視覚的な利点が最大限に生きるようになる。
具体的な応用:Linuxの脆弱性を分析するときに、HTML出力でダークテーマの技術ドキュメントを生成する
ShihiparはLinuxのセキュリティ脆弱性分析を例にする:
Markdownの出力:純テキストで、インデントと見出し階層に頼る
HTMLの出力:ダークテーマの技術ドキュメント、色分けされた重大度、並列比較表、警告用のブロックを含む
読者体験:HTML版では、技術内容の階層、重大度、対応関係が一目で分かる
同じ情報量でも、HTML出力の可読性と実用性はMarkdownの純テキスト版をはるかに上回る。「人に見せるための説明」(機械が読むための純テキストではなく)を作る必要がある場面では、HTMLのほうがより良い選択だ。
おすすめの使い方:プロンプトでHTML + CSS + JSの完全な能力を明確に要求する
Shihiparが推奨するプロンプトの型:
「HTMLを出力し、HTML、CSS、JavaScriptの完全な能力で、説明を豊かにし、インタラクティブで、分かりやすくする」
向いている用途:技術ドキュメント、解説・教示、データの可視化、インタラクティブなレポート
向いていない用途:純粋なコードファイル、構造化データ(対応する形式を引き続き使用)
今後追跡できる具体的な出来事:AnthropicがHTML出力能力を公式にClaude Codeユーザーへ推奨するのか、ほかのIDE/Agentフレームワーク(Cursor、Codex)が同様の出力形式を採用するのか、そしてMarkdown vs HTMLが開発者コミュニティで長期的にどの程度採用されていくのか。
この記事:Anthropicのエンジニア「HTMLこそがClaude Codeの最良の出力形式であり、Markdownは最初に登場したのは『チェーンニュース ABMedia』だ」
Related News
Anthropic は夏季の資金調達として 500 億ドルを見込み、プレマネーの評価額は約 9000 億ドルと予測されています
CopilotKit オープンソースの Open Generative UI:Claude Artifacts 跨アジェント フレームワーク実装
OpenAI Codex を起動して Chrome 拡張:ブラウザで Web アプリをテストでき、ページをまたいで Context を取得し、並行して動作可能
Claude/GPT は迎合しすぎ?Claude.md のプロンプト例が、AI に強硬で正確な回答を出させる
Claude Codeの責任者であるBoris:AIエージェントが人類の生産力を高め、ソフトウェア開発の歴史を書き換える