技法

Picture in picture presenter

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

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

フレーム
48
動画
10
ブランド
9
カット間隔の中央値
10.7秒

最も多く撮っているのは

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

37signals 11フレームWarp 10フレームHeadshotPro 6フレームDanny Postma 6フレームOpenAI 6フレームRunway 4フレーム
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 0:56corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
0:56
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 0:57corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
0:57
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 0:58corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
0:58
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 0:59corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
0:59
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 1:00corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
1:00
Danny Postma 6 months ago: laptop open all day, typing into Claude Code, waiting. ... at 1:01corner inset
Danny Postma6 months ago: laptop open all day, typing into Claude Code, waiting. ...
1:01
Runway Getting Started with Runway Ruby | Runway at 1:46corner inset
RunwayGetting Started with Runway Ruby | Runway
1:46
Runway Getting Started with Runway Ruby | Runway at 1:50corner inset
RunwayGetting Started with Runway Ruby | Runway
1:50
Runway Getting Started with Runway Ruby | Runway at 1:54corner inset
RunwayGetting Started with Runway Ruby | Runway
1:54
Runway Getting Started with Runway Ruby | Runway at 1:58corner inset
RunwayGetting Started with Runway Ruby | Runway
1:58
Anatoli Kopadze Head of Engineering Shopify: "AI writes the code, AI reviews the co... at 8:46wide presenter
Anatoli KopadzeHead of Engineering Shopify: "AI writes the code, AI reviews the co...
8:46
Anatoli Kopadze Head of Engineering Shopify: "AI writes the code, AI reviews the co... at 8:49wide presenter
Anatoli KopadzeHead of Engineering Shopify: "AI writes the code, AI reviews the co...
8:49
WorkOS WorkOS Pipes | The OAuth Integration You've Been Missing at 1:49corner inset
WorkOSWorkOS Pipes | The OAuth Integration You've Been Missing
1:49
WorkOS WorkOS Pipes | The OAuth Integration You've Been Missing at 2:12corner inset
WorkOSWorkOS Pipes | The OAuth Integration You've Been Missing
2:12
OpenAI Developers $visualize at 0:31corner inset
OpenAI Developers$visualize
0:31
OpenAI Developers $visualize at 0:55corner inset
OpenAI Developers$visualize
0:55
OpenAI Developers $visualize at 1:03corner inset
OpenAI Developers$visualize
1:03
OpenAI How to Build a Personalized Meal Planner with ChatGPT Work at 0:26corner inset
OpenAIHow to Build a Personalized Meal Planner with ChatGPT Work
0:26
OpenAI How to Build a Personalized Meal Planner with ChatGPT Work at 0:30corner inset
OpenAIHow to Build a Personalized Meal Planner with ChatGPT Work
0:30
OpenAI How to Build a Personalized Meal Planner with ChatGPT Work at 1:31corner inset
OpenAIHow to Build a Personalized Meal Planner with ChatGPT Work
1:31
Warp Your agent skills should improve themselves at 0:26corner inset
WarpYour agent skills should improve themselves
0:26
Warp Your agent skills should improve themselves at 0:30corner inset
WarpYour agent skills should improve themselves
0:30
Warp Your agent skills should improve themselves at 0:34
WarpYour agent skills should improve themselves
0:34
Warp Your agent skills should improve themselves at 0:38corner inset
WarpYour agent skills should improve themselves
0:38
Warp Your agent skills should improve themselves at 0:42corner inset
WarpYour agent skills should improve themselves
0:42
Warp Your agent skills should improve themselves at 0:46corner inset
WarpYour agent skills should improve themselves
0:46
Warp Your agent skills should improve themselves at 0:50corner inset
WarpYour agent skills should improve themselves
0:50
Warp Your agent skills should improve themselves at 0:54corner inset
WarpYour agent skills should improve themselves
0:54
Warp Your agent skills should improve themselves at 0:58corner inset
WarpYour agent skills should improve themselves
0:58
Warp Your agent skills should improve themselves at 1:02
WarpYour agent skills should improve themselves
1:02
HeadshotPro MagicLink for HeadshotPro at 2:26corner inset
HeadshotProMagicLink for HeadshotPro
2:26
HeadshotPro MagicLink for HeadshotPro at 2:30corner inset
HeadshotProMagicLink for HeadshotPro
2:30
HeadshotPro MagicLink for HeadshotPro at 2:34corner inset
HeadshotProMagicLink for HeadshotPro
2:34
HeadshotPro MagicLink for HeadshotPro at 2:38corner inset
HeadshotProMagicLink for HeadshotPro
2:38
HeadshotPro MagicLink for HeadshotPro at 2:42corner inset
HeadshotProMagicLink for HeadshotPro
2:42
HeadshotPro MagicLink for HeadshotPro at 2:46corner inset
HeadshotProMagicLink for HeadshotPro
2:46
37signals How does Basecamp work? at 1:46corner inset
37signalsHow does Basecamp work?
1:46
37signals How does Basecamp work? at 1:50corner inset
37signalsHow does Basecamp work?
1:50
37signals How does Basecamp work? at 1:54corner inset
37signalsHow does Basecamp work?
1:54
37signals How does Basecamp work? at 1:58corner inset
37signalsHow does Basecamp work?
1:58
37signals How does Basecamp work? at 2:02corner inset
37signalsHow does Basecamp work?
2:02
37signals How does Basecamp work? at 2:34corner inset
37signalsHow does Basecamp work?
2:34
37signals How does Basecamp work? at 2:38corner inset
37signalsHow does Basecamp work?
2:38
37signals How does Basecamp work? at 2:42corner inset
37signalsHow does Basecamp work?
2:42
37signals How does Basecamp work? at 2:46corner inset
37signalsHow does Basecamp work?
2:46
37signals How does Basecamp work? at 2:50corner inset
37signalsHow does Basecamp work?
2:50
37signals How does Basecamp work? at 2:54corner inset
37signalsHow does Basecamp work?
2:54
Airtime Loom Alternative: Upgrade to Airtime Creator for Better Screen Recording Videos (2025) at 1:14medium presenter
AirtimeLoom Alternative: Upgrade to Airtime Creator for Better Screen Recording Videos (2025)
1:14
これで全 48 枚です。

比較できる他の技法

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