技法

Full bleed terminal

ライブラリのうち25フレームがFull bleed terminalに一致し、10ブランドの動画12本にまたがっています。どれも動画そのものから計測したもので、説明文から読み取ったものではありません。つまりこれは、スタイルガイドが説くあるべき姿ではなく、実際にどう使われているかです。

このページにレンダリング画像も機材リストもありません。下にあるのはどれも実際に見に行ける動画の本物の1秒であり、どの数値もサンプルからの推定ではなく実フレームを数えたものです。

フレーム
25
動画
12
ブランド
10
カット間隔の中央値
11.2秒

最も多く撮っているのは

各ブランドがこの切り口にどれだけフレームを出しているかの順です。

Figma Now you can use AI agents to design directly on the Figma canvas, wit... at 0:10
FigmaNow you can use AI agents to design directly on the Figma canvas, wit...
0:10
Figma Now you can use AI agents to design directly on the Figma canvas, wit... at 0:27
FigmaNow you can use AI agents to design directly on the Figma canvas, wit...
0:27
Instatus For those who dare to ship at 0:46
InstatusFor those who dare to ship
0:46
ElevenLabs BLACKBOX AI uses ElevenLabs Agents to power Logger and Robocoder - vo... at 0:01
ElevenLabsBLACKBOX AI uses ElevenLabs Agents to power Logger and Robocoder - vo...
0:01
ElevenLabs BLACKBOX AI uses ElevenLabs Agents to power Logger and Robocoder - vo... at 0:04
ElevenLabsBLACKBOX AI uses ElevenLabs Agents to power Logger and Robocoder - vo...
0:04
Cursor Cursor's largest update yet at 1:34
CursorCursor's largest update yet
1:34
Anthropic Introducing agent view in Claude Code at 0:19
AnthropicIntroducing agent view in Claude Code
0:19
Anthropic Introducing agent view in Claude Code at 0:22
AnthropicIntroducing agent view in Claude Code
0:22
Greg Baugues Cursor 3 minute demo - the most popular AI code editor at 1:02
Greg BauguesCursor 3 minute demo - the most popular AI code editor
1:02
Greg Baugues Cursor 3 minute demo - the most popular AI code editor at 1:06
Greg BauguesCursor 3 minute demo - the most popular AI code editor
1:06
Warp Introducing Warp 2.0: The Agentic Development Environment at 0:50
WarpIntroducing Warp 2.0: The Agentic Development Environment
0:50
WorkOS Audit Harness: An Audit Trail for AI Coding Agents (No API Keys Required) at 0:34corner inset
WorkOSAudit Harness: An Audit Trail for AI Coding Agents (No API Keys Required)
0:34
WorkOS Audit Harness: An Audit Trail for AI Coding Agents (No API Keys Required) at 0:38corner inset
WorkOSAudit Harness: An Audit Trail for AI Coding Agents (No API Keys Required)
0:38
WorkOS Audit Harness: An Audit Trail for AI Coding Agents (No API Keys Required) at 0:42corner inset
WorkOSAudit Harness: An Audit Trail for AI Coding Agents (No API Keys Required)
0:42
Anthropic What is Claude Code? at 2:19
AnthropicWhat is Claude Code?
2:19
Anthropic What is Claude Code? at 2:29
AnthropicWhat is Claude Code?
2:29
Anthropic What is Claude Code? at 2:38
AnthropicWhat is Claude Code?
2:38
Notion How do you design a CLI for both humans and agents?  That's the quest... at 6:44
NotionHow do you design a CLI for both humans and agents? That's the quest...
6:44
Warp We fixed Claude Code's biggest problem... at 1:10corner inset
WarpWe fixed Claude Code's biggest problem...
1:10
Warp We fixed Claude Code's biggest problem... at 1:14corner inset
WarpWe fixed Claude Code's biggest problem...
1:14
Warp We fixed Claude Code's biggest problem... at 1:18corner inset
WarpWe fixed Claude Code's biggest problem...
1:18
Warp We fixed Claude Code's biggest problem... at 1:22corner inset
WarpWe fixed Claude Code's biggest problem...
1:22
Warp We fixed Claude Code's biggest problem... at 1:26corner inset
WarpWe fixed Claude Code's biggest problem...
1:26
Warp We fixed Claude Code's biggest problem... at 1:30corner inset
WarpWe fixed Claude Code's biggest problem...
1:30
Sketch Together Hilos. A place for your team and agents to make stuff at 3:34corner inset
Sketch TogetherHilos. A place for your team and agents to make stuff
3:34
これで全 25 枚です。

比較できる他の技法