3 min read
【AIマイナーニュース】

Claude Codeを『動画』に変換!対話型リプレイ作成ツール「claude-replay」が登場


Claude Codeのセッションログを、ブラウザで再生可能な1つのHTMLファイルに変換するコミュニティツールが登場。思考プロセスやツール実行も可視化可能。

※この記事はアフィリエイト広告を含みます

[AIマイナーニュース速報] Claude Codeを『動画』に変換!対話型リプレイ作成ツール「claude-replay」が登場

📰 ニュース概要

  • Claude Codeのセッションログ(JSONL形式)を、対話型で再生可能な単一のHTMLファイルに変換するツール「claude-replay」が公開された。
  • 生成されたHTMLは外部依存関係がなく、メール添付やドキュメントへの埋め込み、Webホスティングが容易に行える。
  • 再生速度の調整、思考ブロック(Thinking blocks)やツール実行結果の展開・折りたたみ、ブックマーク機能などを備える。

💡 重要なポイント

  • ローカルログを活用: ~/.claude/projects/内に保存されている会話履歴を読み込み、ターミナル風のUIで再現する。
  • 高度なカスタマイズ性: 複数のカラーテーマ(Tokyo Night, Dracula等)を選択できるほか、特定のターンのみの抽出や、機密情報の自動秘匿機能も搭載している。
  • 共有の効率化: 重い画面録画や読みにくいテキストログの代わりに、軽量でインタラクティブなリプレイを提供できる。

🦈 サメの眼(キュレーターの視点)

Claude Codeの「思考プロセス」まで含めたセッションを、これほど鮮やかに可視化できるのは画期的だサメ! 単なるログの書き出しじゃなく、再生ボタンを押してAIがどう考えてコードを書き換えたかを「追体験」できるのが熱いんだ。特に、外部ライブラリを一切使わない「自己完結型HTML」として出力される実装が素晴らしいサメ。これならドキュメントにサクッと埋め込めるし、開発チーム内でのバグ報告やデモ共有の質が爆上がりするはずだサメ!

🚀 これからどうなる?

AIエンジニアによる技術ブログやドキュメントにおいて、コードの変遷をリプレイで示す手法が標準化される可能性がある。また、AIの思考過程をステップ実行で学べるため、教育現場での活用も進みそうだサメ。

💬 はるサメ視点の一言

動画を撮る手間が省けて、しかも中身をコピペできるなんて最高だサメ!これぞ開発者のためのツールだサメ!🦈🔥

📚 用語解説

  • JSONL: 1行ごとに1つのJSONオブジェクトを記述するファイル形式。Claude Codeのセッション履歴保存に使用されている。

  • 思考ブロック (Thinking blocks): Claudeが回答を生成する前に行う内部的な推論プロセスのこと。

  • self-contained (自己完結型): 他の外部ファイルやサーバーを必要とせず、そのファイル単体で全ての機能が動作する状態。

  • 情報元: es617/claude-replay

🦈 はるサメ厳選!イチオシAI関連
【免責事項 / Disclaimer / 免责声明】
JP: 本記事はAIによって構成され、運営者が内容の確認・管理を行っています。情報の正確性は保証せず、外部サイトのコンテンツには一切の責任を負いません。
EN: This article was structured by AI and is verified and managed by the operator. Accuracy is not guaranteed, and we assume no responsibility for external content.
ZH: 本文由AI构建,并由运营者进行内容确认与管理。不保证准确性,也不对外部网站的内容承担任何责任。
🦈