画面を撮るのに三つのソフトが必要だった理由

pear-rec は画面を撮り、そこから出てきたものを扱うためのオープンソースのデスクトップアプリケーションです。Electron フレームワークと React のフロントエンドで作られており、同じプログラムが複数のシステムで動きます。その守備範囲は、道具としては珍しいほど広いので明確にしておく価値があります。静止画のスクリーンショット、音声が同期する画面録画、アニメーション GIF の生成、画像と動画と音声のビューア、描画ボード付きの簡単な画像編集、そしてフレーム単位で扱える GIF エディタです。

この一覧は詰め合わせのように読めますが、歴史的には実際に詰め合わせでした。画面を撮ること、その一部を録ること、どちらかをチャット欄に貼れるものに変えることは、三つの別々の道具で、ファイルをどこに置くかについて三つの別々の考えを持っていました。それらを一つの窓にまとめることは機能というより摩擦の除去であり、摩擦こそがスクリーンショットがそもそも撮られるかどうかを決めます。

撮るのは簡単な半分、注釈が大事な半分

画素を取ってくるのは解決済みの問題です。スクリーンショットを役に立たせるのは、その上に描かれるものです。要点を囲む枠、読む人が見つけるべき設定を指す矢印、共有すべきでない部分を覆うぼかし。注釈を付けられないスクリーンショットは、たいてい注釈を付けるために別の場所へ貼られ、その回り道こそが描画ボードの存在理由です。後から切り抜くのではなく、撮る前に範囲を選ぶのも同じ考えです。その画像が何の話なのかという決定は、まだ画面を見ているうちにしたほうがよい。

画面録画の変数は見た目より多い

画面録画は一つの設定ではなく五つで、しかも互いに影響します。範囲は画面に何が入るかを決めます。フレームレートは動きが滑らかに見えるかスライドショーのように見えるかを決めます。ビットレートはエンコーダが一秒あたりいくら使えるかを決め、これは最も難しい二つのもの、つまり平坦な背景上の細かい文字と滑らかなグラデーションに大きく効きます。音声の取得元は、システム音かマイクか両方かを決めます。そしてカーソル自体も一つの決定です。非表示、強調、そのまま。これは見た目の話に聞こえますが、クリックがどこで起きたか分からない人が解説動画を見るまでは。

過小評価される変数は音声のずれです。音と映像は別の時計から来るので、ずれは累積します。最初の数ミリ秒は、二分後には目に見えるずれになります。画面を録ってから後で音声トラックを足すのではなく、二つの流れを一緒に取り込むことが、修理の要らない録画と、編集に入れる必要のある録画の差です。

GIF は悪い形式だが、勝った

アニメーション GIF への技術的な反論はすべて正しい。色数は小さく制限され、音を持たず、同じ動きを収める現代の動画形式に比べれば巨大です。それでもこれは、チャット欄で勝手に再生され、文書の中に入り、プレイヤーの入っていないページで動き、動画添付を止めてしまうメールソフトでも通る形式であり続けています。誰の協力もいらずどこでも動く形式は、プラグインを必要とするより良い形式に勝ちます。

だからこそ、録画から直接 GIF を作れることは聞こえより役に立ちます。もう一方の流れは、録画し、エディタを開き、書き出し、変換し、結果が四十メガバイトだと気づき、やり直す。それは結局誰も何も共有しない回り道そのものです。最初から適切な大きさで短いループを撮ることが技のすべてであり、それを一回で済ませる道具はその場所に値します。

フレームは誰も編集しない部分であり、編集すべき部分

アニメーション GIF は静止画の並びで、それぞれに遅延が付いています。それに対してできる有用なことのほとんどは、この構造から出てきます。一つおきのフレームを抜けばファイルは半分になり、たいてい見劣りしません。一枚だけ遅延を長くすれば、大事な部分を読ませる間になります。最後のフレームを長く保てば、ループが結果を切り落としません。切り抜きは一枚ずつ手でやるのではなく、並び全体に一度に効きます。

GIF を開き、フレームを見て、また保存し、並びを変えられることは、ほとんどのビューアが提供しません。ほとんどのビューアはアニメーション GIF を動画だと思っているからです。それが実際に何であるか、つまりタイミング表の付いた画像の積み重ねとして扱うことが、編集を可能にします。

ビューアは作業台であって、ビューアではない

画像、動画、音声の再生が同じプログラムにあることは、小さな便利に聞こえて作業台のように振る舞います。実際に時間が消えるのは、撮る、確認する、調整する、また撮るという輪の中です。アプリを切り替える必要のある一歩はどれも、見た目よりずっと高い文脈の切り替えを追加します。作った道具の中で結果がすぐ見えることが、五分の仕事を本当に五分の仕事にします。

一つのコードベースですべての OS を賄う代償

ウェブ技術の積み重ねで作ることは、一つのプログラムが複数のシステムで同じ画面のまま動く理由であり、名前をつけておくべき代償があります。こうして包んだアプリはネイティブの同等品より重く、メモリも多く使います。ブラウザエンジンを一緒に連れて行くからです。細かいところで少しだけよそよそしく感じることもあります。メニュー、ファイルのダイアログ、ショートカットが、その環境にぴったり合うのではなく、ほぼ合うのです。

撮影用の道具にとって、この交換は多くの場合に正しい選択です。機械をまたいだ一貫性が要点であり、負荷が連続しないからです。それでも交換であり、存在を知っているほうが、思ったより大きなダウンロードに驚くよりましです。

どこに向いているか

自然な利用者は、何かを説明する人たちです。二段落ごとに注釈付きのスクリーンショットが要る文書を書いている人、同僚に見せる短いデモを録る人、動画を置けないページのためにループする GIF を作る人。誰にとっても価値は同じで、それは単独の機能ではありません。撮る、注釈する、録る、変換するが同じ場所で起きるので、物事が二つのソフトの間で放り出されずに、終わるのです。