見
CLAUDE CODE × HTML ─ 2026 VISIBILITY GUIDE
HTMLで見える開発
Claude Codeの「今なにしてる？」を一目で
10枚でわかる解説スライド
結論
2026年の開発、勝負どころは
AIより、人間の「目」
もう賢さは足りてる。足りないのは
それを見て捌く、僕らの帯域のほう
現在地
AIは書きまくる。人間が詰まる
レビューなしで出荷できるシニアは26%だけ
── ボトルネックは人間の側へ
地図
AI開発の進化、4段ロケットの次
次の勝負は「視認性」
プロンプト → コンテキスト → ハーネス → ループ
その次に来るのが、見える化への投資
公式も推す
裏付け
Claude Codeチームのエンジニア発
HTML is
the new Markdown.
この宣言が約1,400万ビューを記録。2026年6月には
公式が「HTML Artifacts」をClaude Codeへ正式導入
理由
なぜMarkdownだと詰まるのか
情報が縦に積もると全体像が消える。
構造とビジュアルが人間の帯域を広げる
3
実演
実ファイルから自動更新する自作3点
どれもhookが勝手に再生成。手では更新しない
真似する
今日からできる、最小の型
CLAUDE.md ＋ hook 数行
まずはTODOをHTMLで書かせるだけでも変わる
95
WHY NOW
Fable 5が帰ってきた
実務ベンチマーク「SWE-bench」解決率
95%
5,000万行を1日で移行する時代。
強いモデルほど「見る力」への投資が効く
まとめ
賢さは、もう足りてる
見える開発が、
速い開発。
まずはTODOを、MarkdownでなくHTMLで