Macアプリ「TrellisWM」の90秒紹介動画

TrellisWMは、Macの実際のウィンドウを画面や他のウィンドウの端へドラッグしてドックし、入れ子にして並べる「フラクタル」なウィンドウマネージャーです。境目をドラッグすると両側の大きさが一緒に変わり、ピンチでデスクトップ全体を見渡したり1枚に入り込んだりできます。Swiftで書かれたネイティブアプリで、Apple siliconのmacOS 14以降で動きます。

0〜4秒　ウィンドウが画面の端から次々にドックし、ロゴと「The fractal window manager.」が出ます。

4〜10秒　開発者の画面に開いたウィンドウが重なっていき、枚数が増えていきます。

10〜16秒　上のウィンドウを何枚どけても目当てのプルリクエストはまだ下にあり、アプリの切り替えでやっと前に出ます。

16〜22秒　エディタとブラウザを1枚ずつ手で広げて並べても、新しいチャットが開いて上にかぶります。

22〜28秒　全ウィンドウを一覧にして1枚選ぶと残りはまた重なり、それを繰り返します。

28〜36秒　ウィンドウがさらに増えて「More windows. Same pile.」と示した後、ロゴとTrellisWMが現れます。

36〜48秒　同じ重なりを端へドラッグしてドックし、チャットやターミナルを端に、資料を中央に落としてタブにまとめ、空間の中に空間を作ります。

48〜60秒　同じエディタとブラウザの境目をドラッグすると両方の大きさが変わり、ドックするたびに周りが場所を譲ります。最小化すると隣が広がり、戻すと同じ場所に収まります。

60〜72秒　ピンチで全体を見渡し、小さなウィンドウはアプリの色とアイコンで並びます。ピンチで1枚に入り込み、ショートカットで全体や保存したビューへ移ります。

72〜90秒　ネイティブアプリであることや録画しないことなどの事実をタイルの分割で増やして並べ、「See everything. Lose nothing.」とtrelliswm.appで締めます。

場面の切り替えを、次の場面が映っているウィンドウへズームで入り込む形にし、製品の入れ子とズームをそのまま動画の構成に使いました。補足の文は画面の下にドックするウィンドウとして出し、出るたびに本体が縮んで場所を譲ります。黒地にサイトのライムと緑を合わせ、締めでは動画の全場面をズームで一望できるようにしました。

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