紹介動画シリーズ

開発者向けMCPサービス「Trifle」の30秒紹介動画

コーディングエージェントの待ち時間に毎日1問のトリビアを出す「Trifle」の30秒の紹介動画です。テストの待ちから終わらないスクロールに流れる時間を、1問だけ解いて戻る時間に変える流れを見せています。

  • 開発者向けMCPサービス
  • 30秒
  • 文字:英語
  • 自主制作
  • 公開

依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。

Trifleとこの紹介動画

Trifleはコーディング用のアシスタントにMCPでつなぐ、毎日1問のプログラミング・トリビアです。テストやビルドの待ちといった自然な間にエージェントがクイズを誘い、始める前に聞いてくれます。全員が同じ日替わりの問題を解き、答えると解説が出て、アカウントは要りません。

製品
Trifle(開発者向けMCPサービス)
動画
30秒・横16:9・画面の文字は英語・ナレーションなし

動画で見せたこと

  • 長いテストの待ちで手持ちぶさたになる数分に、エージェントが今日の1問を誘ってくれる場面
  • 別のタブを開いて終わらないフィードを眺め続ける流れを、1問だけのカードに置き換えた変化
  • 1問に答えると解説が出て、横のテストが通ったところで「Back to work.」と作業に戻れる区切りの良さ

30秒の流れ

0〜2秒 器のイラストと「trifle」、エージェントの作業中にトリビアを解くという一言が出ます。

2〜4.5秒 一人で開発する人のエディタでエージェントがテストを走らせ始めます。

4.5〜7.75秒 時計が早回しで進んでも、テストの進み具合のバーはほとんど動きません。

7.75〜11秒 別のタブが開き、フィードが流れ続けてタブの数が増えていきます。

11〜13秒 テストはとうに通ったのに、タブが積み上がりスクロールが続いています。

13〜15秒 苺・バニラ・チョコの三層が積み上がり、器と「trifle」が現れます。

15〜20秒 同じエディタでエージェントが今日のTrifleを誘い、「Yes」がクリックされます。

20〜25秒 フィードの代わりに「typeof NaN」の1問が出て、答えを選ぶと解説が出ます。横のテストが通り「Back to work.」で戻ります。

25〜27.5秒 1日1問、全員が同じ問題、アカウント不要、MCPでエディタにつながることを並べます。

27.5〜30秒 器と「trifle」、サイトの一言とtrifle.dayで締めます。

表現で工夫したこと

サイトのクリーム地とココア、ストロベリーピンクの配色と器のイラストを使い、上端にはサイトと同じ三色の帯を置きました。場面のつなぎはトライフルの苺・バニラ・チョコの三層の波が下から上へ抜ける形にしています。困りごとのフィードだけを冷たい灰青にして製品の外の世界として分け、他社のサービス名やロゴは使っていません。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。

自社の製品の紹介動画を相談する

企画が固まっていない段階からご相談いただけます。

紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る