CodeVideo
Fullstack Craft LLC · コーディング · 生産性向上
CodeVideoはコーディング作業を編集可能なアクションとして記録し、同じタイムラインから動画、Markdown、PDF、PowerPoint、Webページを一度に書き出す。
CodeVideo について
About
CodeVideoとは
CodeVideoは、コーディング作業を完成度の高いチュートリアルに変えるチュートリアル動画ジェネレーターだ。コードから動画を作る用途で設計されており、コード解説動画の作り方を変える。画面を録画して失敗しないことを祈る代わりに、各手順をアクションとして書く。画面に何が出ているか、何を打ち込むか、作者が何を話すか。ツールはそのアクションを再生して clean な動画を作るので、カーソルはぶれず、言い間違えても撮り直しは要らない。
考え方は単純だ。同じコーディング教材を二度撮るのは普通のことで、二本目のテイクを編集すると半日が潰れる。CodeVideoは教材を直せる台本として扱う。打ち間違いを直し、手順の順番を入れ替え、生成し直す。同じタイムラインは記事やスライドにもなるので、1本の教材で動画、文章、スライドをカバーできる。
最大の制約は題材だ。コードとファイルエクスプローラー、ターミナルを備えたソフトウェア教材向けに作られており、話し手が映る動画や実物の製品撮影には向かない。エディタはstudio.codevideo.ioにあり、ブラウザで動く。動画はサーバー側でレンダリングするため、規模の大きいプロジェクトはテキスト形式より待ち時間が長い。
はじめかた
- ブラウザでCodeVideo Studioを開いてサインインする
- エディタの変更、ファイル、ターミナルコマンド、ナレーションのアクションを追加して教材を組み立てる
- タイムラインを整え、書き出す前に教材をプレビューする
- 出力形式（動画、Markdown、PDF、PowerPoint、Webページ）を選んで成果物をダウンロードする
AIツール情報
CodeVideoの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- 講座制作者と講師：オンラインでプログラミングを教え、1本の教材を動画、記事、スライドとして出したい人。トークンパックは2ドルから
- デベロッパーアドボケイトとDevRelチーム：デモや導入ガイドを定期的に作り、収録内容を正確に保ちたいチーム。Creatorプランでアクション数は無制限
- テクニカルライター：作業手順を文書化し、別撮りせずに対応するコーディングの画面収録も欲しい人。Markdown書き出しを使う。プログラミング教材ツールとして、チュートリアルの書き出しを複数形式で一度にこなせる点が、二度目の編集を省く
タスク
- コーディング教材を動画にする：エディタとターミナルのアクションを一度書けば、撮り直しの要らないきれいなクリップを書き出せる
- 1本の教材を複数形式で使い回す：同じタイムラインから記事、PDF、PowerPoint、Webページを作る
- ソフトウェアの操作手順を残す：各手順をアクションとして記録し、古い収録ではなく現行の製品に合ったガイドにする
シーン
- チャンネルや講座サイト向けの週次チュートリアル：再利用できるタイムラインを保ち、製品更新後に生成し直す
- 新ツールの導入デモ：設定の流れをアクションで記録し、動画とドキュメント用の文章ガイドを書き出す
- カンファレンスやワークショップの準備：スライドとデモ動画を1つの元から作り、両者がずれないようにする
主な機能
複数形式への書き出し
1本のアクションタイムラインが、動画、Markdown、HTML、React、PDF、PowerPoint、JSON、そしてWebページ全体に書き出せる。1本の教材で動画チャンネル、ブログ、社内ドキュメントを別々に制作せずに済む。形式ごとに消費トークンが異なり、Markdownは1、動画は10だ。
イベントソースのタイムライン
エディタ、ファイルエクスプローラー、ターミナルの変更はすべて個別のアクションとして保存される。あとからアクションを編集、挿入、削除して教材全体を生成し直せる。撮り直しが不要なのはこの仕組みのためで、ミスは修正する一行であって再収録の理由にはならない。
決定論的な再生
出力はライブ収録ではなくアクションから生まれるため、毎回同じように再生される。手順が飛ばず、カーソルも対象から外れない。正確さが重要な教材では、この一貫性が最大の売りだ。
CodeVideo Studioエディタ
Studioのエディタはコードパネル、ファイルエクスプローラー、ターミナル、さらにはマウス操作まで扱え、単なるテキストとコードの画面を大きく超える。視覚的に教材を組み立て、視聴者が見る内容をプレビュー再生で確認できる。
独自APIとフレームワーク書き出し
REST APIはアクションをJSONで受け取り、mp4、Markdown、HTMLなどのリンクを返す。React、Angular、Vueへ直接書き出すこともでき、自社のドキュメントサイトで教材を公開するチームに向く。
トークン制の従量課金
トークンは先に購入し、書き出しごとに消費する。定額の席課金ではなく、公開した分だけ払う仕組みだ。トークンは失効せず縛りもないため、月に数本しか出さない人の負担は軽い。
メリットとデメリット
メリット
- 撮り直しが要らない：手順の修正はアクションを1つ直すことで、セッション全体をやり直さなくてよい
- 1本のタイムラインで動画、Markdown、PDF、PowerPoint、Webページ、JSONをまかなえる
- 従量課金のトークンは2ドルからで失効せず、たまに使う人がサブスクに縛られない
- 公開APIとReact、Angular、Vueへの書き出しは、教材を自社サイトに埋め込むチームに合う
デメリット
- 無料プランがないため、完全な書き出しを試す前にトークンを買う必要がある
- コード教材向けに作られており、話し手が映る講座や実物製品の撮影には向かない
- 動画はサーバー側でレンダリングするためテキスト形式より遅く、従量課金プランは1回の書き出しを250アクションに制限する
よくある質問
CodeVideoはソフトウェア教材を作るために使う。コーディングの手順をアクションとして書き、同じタイムラインから動画、記事、PDF、スライド、Webページを生成するので、1本の教材で複数の形式をカバーできる。
関連コンテンツ
CodeVideoに関連するツール、スキル、記事を探す。
CodeVideoの代替ツール
Forefront
Forefront · コーディングForefrontはオープンソースAIで構築するためのウェブプラットフォームだ。主要なオープンソース言語モデルを自分のデータで微調整し、性能を評価し、API経由で実行したり、エクスポートして自分でホストしたりできる。クローズドなプラットフォームの手軽さを求めつつ、モデルとデータの所有権にはこだわる開発者が対象だ。
Startkit
StartKit.AI · コーディングStartkitは、AI SaaSとAIラッパー製品を作るためのボイラープレートだ。面倒な部分をあらかじめ配線済みにしたAIスタートアップボイラープレートと考えればいい。認証、StripeとLemon Squeezyの決済、利用制限、トランザクションメール、そしてOpenAI、Anthropic、Groq、Llamaと通信するAI APIスターターキットが含まれる。リポジトリをクローンして価格を設定し、ユーザーが実際にお金を払う部分に取りかかれる。ReactとTailwind上のNext.jsで作られているため、ボイラープレートコードの多くはすでに見慣れたものだ。
Testim
Tricentis · コーディングTestimは、Web・モバイル・Salesforceアプリ向けにエンドツーエンドテストを構築して実行するAIテスト自動化プラットフォームだ。機械学習を頼りに、インターフェースが変わってもテストを安定させ、チームが壊れたセレクターの修正に費やす時間を減らす。今日から使い始められる自動テストツールとしては悪くない。ブラウザで操作を録画してテストを作り、より細かい制御が必要なときはJavaScriptを足す。忙しいQAチームにとって堅実な選択肢である。