AIにレポートを作ってもらうと、いつもMarkdownで返ってきますよね。##の見出し、太字、箇条書きの連続。最初の数行は読んでも、そのうちスクロールが速くなっていく。100行を超えたら？正直、そっと閉じてしまいますよね。
AnthropicのClaude Codeチームに所属するThariq Shihiparが5月にXに投稿した一言が、48時間で1,090万ビューを記録しました。「HTML is the new Markdown.」
Markdownの何が問題なんですか？
MarkdownがAI出力のデフォルトフォーマットになった背景には、GPT-4時代の事情があります。当時のコンテキストウィンドウは8,192トークン。HTMLは構造的にトークンを多く消費するため、限られたスペースではMarkdownが効率的だったんです。
その習慣が2026年まで続いていますが、状況は一変しました。2026年現在、コンテキストウィンドウは100万トークンに達しています。HTMLが5,000トークン余分に使っても、全体の予算の0.5%にすぎません。
そして、もっと本質的な変化があります。Thariqの核心的な観察：「もう自分でAIが生成した文書を編集することはありません。スペックとして使うか、次のClaudeセッションに渡すんです。」 Markdownの最大の強みは「手作業で編集しやすい」ことでしたが、その前提が崩れてしまったわけです。
重要な統計
Thariqによると、AIが生成するトークンの約99%はプロダクションコードではありません。ダッシュボード、インターフェース、計画文書、ステータス更新など。すでに視覚化中心へのシフトが起きているんです。
Markdownと何が違うんですか？
試してみれば、すぐに実感できます。Simon Willisonはセキュリティの脆弱性コードをこのプロンプトで分析しました：「このコードを詳しく説明してください。複雑な部分は展開して書いてください。HTML・CSS・JavaScriptの機能を最大限活用して、説明をリッチでインタラクティブにするHTML形式で出力してください。」
結果として、高レベルのサマリー、安全性の警告、ステップバイステップのコード分析、比較表が、タブと折りたたみ機能とともに届きました。Markdownで同等の明瞭さを実現するのが難しいものばかりです。
| Markdown | HTML | |
|---|---|---|
| 可読性（100行以上） | 目が滑る | タブ・折りたたみ・サイドナビ |
| 図表 | テキストのアスキーアート | インラインSVG対応 |
| インタラクション | 不可 | スライダー・ボタン・トグル |
| 比較表 | パイプ（|）文字 | ソート・色付け・強調 |
| 共有 | Markdownビューアーが必要 | ブラウザで直接開ける |
| 生成速度 | 速い（30秒） | 2〜4倍遅い（90〜120秒） |
| Gitバージョン管理 | クリーンなdiff | diffがノイジーになる |
HTMLの核心的な強みは「ClaudeがAIが読める情報のほぼ全てをHTMLで効率的に表現できる」という点です。Thariq自身の言葉です。 SVG図表、CSSスタイル、JavaScriptインタラクションを加えれば、読者が本当に読みたくなるアウトプットになります。
ただし、HTMLが常に正解ではありません。Markdownが依然として優れている場面もあります：Gitリポジトリ（diffがノイジーになる）、エージェント間のデータ受け渡し（クリーンなパースが必要）、20行以下の短い返答、個人メモや下書きなどです。
始め方：エッセンスだけ
- プロンプトに一行追加する
既存のプロンプトの末尾に一言追加するだけ：「Output as a single self-contained HTML file.」 それだけでClaudeが自動的に構造とスタイルを加えてくれます。 - 完成版にだけ使う（下書きはMarkdownで）
下書きと修正のやり取りはMarkdownで。最終レポート、クライアント向け資料、共有用文書はHTMLに切り替えましょう。最初から全部変える必要はありません。 - 使い方を一緒に伝える
「人が読みます。タブナビゲーションを入れてください。印刷対応にしてください。」または「スライダーでパラメータを調整できるようにしてください。」目的を知らせるほど結果が良くなります。 - 自由度を与える
Thariqのヒント：「whatever is needed」という表現が思った以上に効果的です。「SVG、コードスニペット、モックアップ——最大限のコンテキストを与えられるものは何でも入れてください」。信頼を与えると、より創造的なアウトプットが生まれます。 - リビングデザインシステムを作ってみる
プロジェクトがある場合は、色・タイポグラフィ・コンポーネントを一つのHTMLファイルにまとめてみましょう。人もAIも参照できる共通のリファレンスになります。
