技法

Static screen recording

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

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

フレーム
30
動画
9
ブランド
8
カット間隔の中央値
13.2秒

最も多く撮っているのは

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

HeadshotPro 10フレームDanny Postma 5フレームGoogle 5フレームGlorify App 4フレームStonly 3フレームThe Browser Company 1フレーム
Timestripe Keep code changes and project tasks in sync at 0:04
TimestripeKeep code changes and project tasks in sync
0:04
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 0:46corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
0:46
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 0:46corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
0:46
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 0:47corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
0:47
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 0:48corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
0:48
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 0:49corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
0:49
Glorify App Create transparent images with background remover at 0:02
Glorify AppCreate transparent images with background remover
0:02
Glorify App Create transparent images with background remover at 0:06
Glorify AppCreate transparent images with background remover
0:06
Glorify App Create transparent images with background remover at 2:40
Glorify AppCreate transparent images with background remover
2:40
Glorify App Create transparent images with background remover at 3:03
Glorify AppCreate transparent images with background remover
3:03
Stonly Custom Contact Forms in Stonly at 3:22
StonlyCustom Contact Forms in Stonly
3:22
Stonly Custom Contact Forms in Stonly at 3:26
StonlyCustom Contact Forms in Stonly
3:26
Stonly Custom Contact Forms in Stonly at 3:30
StonlyCustom Contact Forms in Stonly
3:30
HeadshotPro Managed upload on HeadshotPro at 0:02corner inset
HeadshotProManaged upload on HeadshotPro
0:02
HeadshotPro Managed upload on HeadshotPro at 0:06corner inset
HeadshotProManaged upload on HeadshotPro
0:06
HeadshotPro Managed upload on HeadshotPro at 0:10corner inset
HeadshotProManaged upload on HeadshotPro
0:10
HeadshotPro Managed upload on HeadshotPro at 0:14corner inset
HeadshotProManaged upload on HeadshotPro
0:14
Warp Introducing the Warp Agent CLI: a coding agent that does what others can't at 1:10
WarpIntroducing the Warp Agent CLI: a coding agent that does what others can't
1:10
The Browser Company Charlie uses Dia for decision making at 0:19
The Browser CompanyCharlie uses Dia for decision making
0:19
Google Gemma Fast and local voice typing with Gemma 4. Phonon demonstrates the ut... at 0:22wide presenter
Google GemmaFast and local voice typing with Gemma 4. Phonon demonstrates the ut...
0:22
Google Gemma Fast and local voice typing with Gemma 4. Phonon demonstrates the ut... at 0:26wide presenter
Google GemmaFast and local voice typing with Gemma 4. Phonon demonstrates the ut...
0:26
Google Gemma Fast and local voice typing with Gemma 4. Phonon demonstrates the ut... at 0:30wide presenter
Google GemmaFast and local voice typing with Gemma 4. Phonon demonstrates the ut...
0:30
Google Gemma Fast and local voice typing with Gemma 4. Phonon demonstrates the ut... at 0:34wide presenter
Google GemmaFast and local voice typing with Gemma 4. Phonon demonstrates the ut...
0:34
Google Gemma Fast and local voice typing with Gemma 4. Phonon demonstrates the ut... at 0:38wide presenter
Google GemmaFast and local voice typing with Gemma 4. Phonon demonstrates the ut...
0:38
HeadshotPro MagicLink for HeadshotPro at 0:02corner inset
HeadshotProMagicLink for HeadshotPro
0:02
HeadshotPro MagicLink for HeadshotPro at 0:06corner inset
HeadshotProMagicLink for HeadshotPro
0:06
HeadshotPro MagicLink for HeadshotPro at 0:10corner inset
HeadshotProMagicLink for HeadshotPro
0:10
HeadshotPro MagicLink for HeadshotPro at 0:14corner inset
HeadshotProMagicLink for HeadshotPro
0:14
HeadshotPro MagicLink for HeadshotPro at 0:18corner inset
HeadshotProMagicLink for HeadshotPro
0:18
HeadshotPro MagicLink for HeadshotPro at 0:22corner inset
HeadshotProMagicLink for HeadshotPro
0:22
これで全 30 枚です。

比較できる他の技法

Shallow depth of field 1,284Hard cut on beat 645Cursor led reveal 615Ui float with drop shadow 566Full bleed output no chrome 540Centred wordmark on black 501Long lens background compression 208Full bleed ui no chrome 188Text plate left third 188Centred talking head 161Warm practical lighting 143Long lens compression 135Lower third caption plate 127Wide establishing shot 122Hard cut to black 114Full bleed screen recording 113Generous negative space 113Static presenter hold 108Presenter pip bottom right 99Centred wordmark on white 97Full bleed no chrome 96Medium close up 96Lower third caption 93Hard cut transition 87