開発者ツール「Tiden」の30秒紹介動画
コーディングエージェントが頼んだとおりに作ったかを確かめる開発者ツール「Tiden」の30秒の紹介動画です。エージェントの自己採点では読み違いが残る困りごとから、仕様とテストで変更を裏付けてリリースするまでを見せています。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Tidenとこの紹介動画
Tidenは、コーディングエージェントが頼んだとおりに作ったかを仕様とテストで検証するツールです。仕様はコードのそばに置かれ、変更はそれぞれテストで裏付けられます。CLIで入れて使い、Qase, Inc.のチームが手がけています。
- 製品
- Tiden(開発者ツール)
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- ログが全部greenなのに赤い「misread the ask」が出る場面で、エージェントの自己採点の危うさを見せました。
- セッションが閉じると頼んだことが潮へ崩れる困りごとに、intentからspec、testsへつながる線で答えました。
- 公式のReview画面で仕様の変更と裏付けのテストをなぞり、Release画面のPassを順に囲みました。
30秒の流れ
0〜3秒 公式ロゴと「Tiden」が出て、ひと言がスクランブル文字で組み上がります。
3〜8秒 ASCIIのログが全部greenで流れたあと、赤い「misread the ask」が出ます。
8〜13秒 セッションが閉じると、頼んだことの文字が潮の中へ崩れ落ちていきます。
13〜16.5秒 公式のCLIの枠を1行ずつ囲み、intent・spec・testsのノードが線でつながります。
16.5〜20秒 公式のReview画面で「SPEC CHANGES」から「PROVEN BY」へなぞります。
20〜23秒 公式のRelease画面に並ぶPassを順に囲みます。
23〜26秒 ASCIIの粒が集まって公式ロゴになります。
26〜30秒 インストールの1行とtiden.aiを示して終わります。
表現で工夫したこと
製品名の「tide」とサイトの海の絵から、明るい紙の地にASCIIの潮が満ち引きする潮位図を背景にしました。困りごとの間は潮が引いて灰色に荒れ、Tidenが出てからは公式ロゴの藍から青緑の色で満ちていきます。製品の画面はトップのデモを撮ったもので、人名が入るバッジと履歴の欄は切り落としました。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る