CineCode.video
Sarp Yıldız の「Motor」で、金色の海に波が立つ場面

CineCode 実践ガイド

コードで、映像をつくる。

CineCode で作られた作品を見て、ガイドやテンプレートを使って自分の動画を作ってみましょう。

CineCode 公式映像CineCode 公式ショーリール
00:30

Sarp Yıldız

対応ツール
出力形式
MP4(ローカル出力)
元プロジェクト
オープンソース · MIT

制作事例

作り方までわかる作品

完成映像とあわせて、企画メモ、カット割り、ソースコードを確認できます。

通信量、遅延、稼働地域、リクエスト数の推移を示す Signal の画面

製品紹介動画00:15 / 16:9

Signal / 01

架空の監視ダッシュボード Signal の紹介動画。朝焼けの風景から、通信量、応答の遅延、稼働中の地域を示す画面に切り替わります。

カット割りを見る

ダウンロードできるプロジェクト

Signal / 01 から始める

カットごとの尺、動くダッシュボード、書き出し手順がそろった製品紹介動画のテンプレートです。

テンプレートを見る
通信量、遅延、稼働地域、リクエスト数の推移を示す Signal の画面

CineCode のよくある質問

CineCode には動画生成 AI や Remotion が必要ですか?

必要ありません。コーディングエージェントがシーンをコードで作り、Chrome がフレームごとに描画し、FFmpeg が MP4 に書き出します。自分で撮った映像や写真、録音を組み合わせることもできます。

CineCode は無料ですか? API キーは必要ですか?

CineCode はオープンソースで、手元のパソコンでの書き出しに追加料金はかかりません。コーディングエージェント自体には利用上限や料金が設定されている場合があります。ナレーションには自分の録音も使えます。Gemini TTS や ElevenLabs を利用する場合は、各サービスの認証情報が必要です。

Claude Code、Cursor、Codex で CineCode を使えますか?

本家のプロジェクトには Claude Code と Cursor の手順があります。Codex では、このサイトのテンプレートを編集して書き出すか、コミュニティ製のアダプターを試せます。本家のレビュー手順を守るためのフックは Claude Code で動きます。

CineCode で長めの YouTube 動画も作れますか?

作れます。章立てが必要で、書き出し前に台本やシーンを確認したい場合は Film モードが向いています。開発者は、コードで作ったシーンに資料映像とナレーションを組み合わせた約8分のドキュメンタリーを公開しています。

MP4 に書き出した後でも修正できますか?

できます。シーンのコードや素材が入った作業フォルダーを残しておき、コーディングエージェントで開き直します。「最後のタイトルをあと1秒表示して」のように修正点を伝え、プレビューを確認してから改めて書き出します。