※この記事はアフィリエイト広告を含みます
[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