画面録画から手順書を作る方法

同僚に「やり方を教えて」と聞かれた。もう録画はある——でも相手が欲しいのは5分の動画ではなく、ドキュメント。面倒なやり方は、録画を1フレームずつスクショしてどこかに貼ること。Macでの手早いやり方は、録画からそのままステップを取り出して、A4ページをPDFまたはPNGで書き出すこと。ここでは、その一連の流れを解説します。

手順書を作る2つの方法

• クリック追跡ツールで操作をやり直す（Scribe、Tango）。作業をもう一度なぞって、クリックを1つずつ記録します。まだ何も録っていないなら有効ですが、2回目のやり直しになり、できる手順書は作った動画とは別物です。
• すでにある録画から取り出す。スクショは動画のフレームそのものなので、手順書と動画は常に一致し、ズームやぼかし、キャプションもそのまま反映されます。これがScreenTailorのStep-by-Step Guideモードで、以下の手順が扱う内容です。

録画を手順書にする手順

1. まず一度、作業を録画する。ショートカットを押して範囲をドラッグし、自分のペースで作業を通します——言い間違いや間はあとで一瞬でカット。はじめてならMacで画面録画をする方法から。
2. いつもどおり編集する。間をトリムし、細かいクリックにズームし、機密部分をぼかします。ここでの編集はすべて手順書の画像に反映されるので、視聴者だけでなく読者のために整えましょう。
3. 要点にキャプションを付ける。各ステップの箇所にキャプションを置きます：「設定を開く」「キーを貼り付け」「保存」。
4. Step-by-Step Guideに切り替える。エディタ上部のトグルを使います。動画は左に残り、右にページのプレビューが表示されます。
5. ステップを生成する。キャプションからを押すと、各キャプションが画面に出ている瞬間で、1キャプション＝1ステップが順番に取り込まれます。または、シークバーを動かしてステップを取り込むを押し、手動でフレームを取り込みます。両方を自由に混ぜられます。
6. ページを並べる。ステップをドラッグして移動、×で削除、レイアウトを選択。ページのプレビューは操作に合わせて更新されます。
7. 書き出す。1ファイルで渡すならPDF、Notion・Confluence・メールに貼るならページをPNGで。どちらも録画の隣に保存され——MP4と手順書がひとまとめになります。

キャプションは指示文のように書く

これが全体を速くするコツです。キャプションはフレームに焼き込まれるので、そのままドキュメントのステップ見出しになります——だから最初から指示文として書きましょう：短く、命令形で、1アクションに1つ（「エクスポートをクリック」であって「それではエクスポートしていきましょう」ではなく）。動画の編集中にそう書いておけば、手順書はボタン1つです。

同じキャプションは、動画内でも本来の役目を果たします：音を切っても読め、キャプションプリセットで一度スタイルを整えるだけ。

ページレイアウトを選ぶ

• A4横・1ページ1ステップ — デフォルト。16:9の画面キャプチャがほぼ余白なく収まり、スクショを最大限大きくできます。
• A4縦・1ページ1ステップ — 他の縦ページに混ざるドキュメント向け。
• A4縦・1ページ2ステップ — より高密度な配布資料。読者が印刷して見ながら進める場合に。

画像はページに合わせて配置され——切り取らず、引き伸ばさず——ページ番号も自動で付きます。

できないこと

始める前に知っておくと、手順書が想定どおりに仕上がります：

• ステップごとの本文欄はありません。ステップは画像です。文言はフレーム内——つまりキャプションに入れる必要があります。スクショの間に本格的な段落が必要なら、PNGページで書き出して、その周りに文章を書きましょう。
• PDF内のテキストは検索できません。ページは画像として埋め込まれるため、選択もインデックスもできません。その代わり、プレビューとまったく同じ見た目で、どの言語でもフォントの問題なく出力されます。

よくある質問