マニュアル・ドキュメント用のスクショ。
いいドキュメントは、正しい場所で切り取ったスクショを、どのページでも同じ矢印のスタイル、背景、余白で使っています。ドキュメントのスタイルガイドが守っているルールと、それをWindowsで実践する流れを紹介します。
マニュアル用のいいスクショを撮るには?
スクショは手順に関係する要素だけに切り取り、操作を矢印か四角で示し、すべての画像でひとつの基準を守ります。同じOS、同じテーマ、同じ書き込みの色、同じフレーム。Google の開発者向けドキュメントのスタイルガイドが求めているのもまさにそれで、関係する情報に切り取り、見た目をそろえ、文字、コード、ターミナルの出力の代わりに画像を使わないこと、としています。
ドキュメントを大量に作るなら、いちばん充実した有料ツールは Snagit です。クリックをガイドにまとめる Step Capture、色やフォントをそろえる Themes、スクロールキャプチャ、Smart Redact があります。2025年からはサブスクリプションのみの販売です。
Sincron Screen Tools は、印を付けることと見た目をそろえることをカバーします。Ctrl + Shift + D で矢印、四角、テキストを画面に描き、スクリーンショットスタジオで、すべての画像に同じ背景、余白、角丸、影、アスペクト比を適用します。キャプチャと書き込みは無料で無制限です。
最終確認日 2026年10月5日
マニュアルのスクショをそろえるルール
同じOSとテーマ
すべてのスクショを、同じWindowsのバージョン、同じライトかダークのテーマ、同じ表示言語で撮ります。混ざっていると、読者は正しい画面にいるのか迷います。
同じウィンドウサイズ
ウィンドウサイズとブラウザの拡大率をひとつ決め、ドキュメント全体で守ります。そうすれば、ボタンや文字がページごとに同じ大きさで写ります。
要素に合わせて切り取る
ボタンひとつを見せるのに、ウィンドウ全体を撮る必要はありません。ぴったりの切り取りは注意を集め、インターフェースのほかの部分が変わっても古くなりにくくなります。
同じフレーム
すべてのスクショで同じ背景、余白、影にするか、どれにもフレームを付けないか。Google のガイドは、そろえるべきものの例としてウィンドウの影を挙げています。
書き込みの色はひとつ
矢印と四角の色と太さをひとつ決め、途中で変えないこと。赤かオレンジは、ほとんどの画面で目立ちます。
文字は画像の外に
手順の説明はドキュメントの本文に、コード、コマンド、メッセージはコピーできる文字で入れます。すべての画像に、何が写っているかを説明する代替テキストが必要です。
Windowsで手順をドキュメントにする流れ
手順ひとつに、スクショ1枚。同じ設定のまま、最後まで繰り返します。
画面を準備する
サンプルデータを使い、手順に関係ないものは閉じ、ウィンドウをドキュメントの標準サイズにします。顧客の名前、メールアドレス、トークンが見えていないか確認してください。
手順に印を付ける
Ctrl + Shift + D を押します。Ctrl + Shift を押しながら、手順のボタンまで矢印をドラッグするか、Ctrl を押しながら入力欄を四角で囲みます。色と太さは毎回同じにします。
印ごとキャプチャする
Ctrl + Shift + C を押し、周りに少し前後関係を残して手順の範囲を切り取ります。切り取った画像は、矢印が入ったままスクリーンショットスタジオで開きます。
標準のフレームを適用する
スタジオで、ドキュメントのすべてのスクショに同じ背景、余白、角丸、影を使います。研修のスライドには 16:9、マニュアルには「自動」の比率を使います。
並べ替えやすい名前で保存する
ファイル名に手順の番号を入れてPNGで保存します。たとえば 03-プリンターの追加.png。または「画像をコピー」で、ドキュメントの編集ソフトに Ctrl + V で直接貼り付けます。
手順と代替テキストを書く
操作の説明はドキュメントの本文に書き、画像の内容は代替テキストで説明します。たとえば「プリンターを追加するボタンを強調した設定画面」。
マニュアル用スクショのツール
| 必要なこと | Snagit | Snipping Tool | Sincron |
|---|---|---|---|
| 矢印、図形、テキスト | 矢印、吹き出し、テキスト | 矢印と図形。テキストはペイント経由のみ | 矢印、四角形、楕円、蛍光ペン、テキストを画面上で |
| 手順ガイドの自動作成 | あり(Step Capture) | なし | なし |
| スクショ間の見た目の統一 | 色、フォント、スタイルの Themes | なし | スタジオで同じ背景、余白、角丸、影、比率 |
| データを隠す | Smart Redact:メールアドレス、電話番号、カード情報をぼかすか塗りつぶす | メールアドレス、電話番号、選択した文字を隠せる | 範囲を選ぶときに外すか、不透明なペン。ぼかしはなし |
| 料金 | US$ 39/年、サブスクリプションのみ | 無料、Windowsに標準搭載 | キャプチャと書き込みは無料。買い切り US$ 89 |
| 対応OS | Windows・Mac | Windows | Windows 10・11 |
機能と料金は、2026年10月3日に TechSmith と Microsoft のサイトで確認しました。
手順1から最後まで、同じ背景、余白、影
スクリーンショットスタジオは、切り取るたびに同じ背景、余白、角丸、影を適用します。画像編集ソフトを通さなくても、マニュアルが仕上がって見えます。
マニュアル作りで Sincron にできないこと
ステップ番号はない
番号付きの手順マーカー(1、2、3)も吹き出しもありません。テキストツールで番号を入力するか、番号付きのステップツールがある ShareX を使ってください。
ガイドの自動作成はない
Sincron はクリックを記録せず、文書も組み立てません。スクショは毎回自分の操作で撮ります。クリックからガイドを作るなら、Snagit の Step Capture がそれをします。
スクロールキャプチャはない
撮れるのは画面に見えている部分だけです。長いページは、ブラウザのページ全体のキャプチャ、ShareX、Snagit を使ってください。
スクショのライブラリはない
Sincron は履歴を残しません。PNGはドキュメントごとにひとつのフォルダーにまとめ、各ファイル名に手順の番号を入れて整理してください。
マニュアル用のスクショについてよくある質問
マニュアルのスクショをすべてそろえるには?
始める前にウィンドウサイズ、テーマ、拡大率を固定し、書き込みには同じ色と太さを使い、すべての画像に同じフレームを適用します。Sincron なら、スクリーンショットスタジオで背景、余白、影を選び、切り取るたびに同じ設定を繰り返します。
マニュアルのスクショに影や背景は付けるべきですか?
スタイルの好みです。大事なのは統一することで、すべてに同じフレームを付けるか、どれにも付けないかです。スライドや販促資料ではフレームが役立ちますが、技術文書ではすっきりした切り取りを好むチームも多くあります。
コードやエラーメッセージのスクショを使ってもいいですか?
避けてください。Google のスタイルガイドは、コード、コマンド、ターミナルの出力には、画像ではなく本物の文字を使うよう求めています。読者がコピーや検索をする必要があるからです。スクショはインターフェースを見せるために使います。
研修用のスクショで実際のデータを隠すには?
サンプルデータで画面を準備します。実際のデータが写ったら、切り取りで外すか、単色の四角で覆ってください。ぼかしやモザイクは元に戻せることがあります。
Sincron はスクショに手順の番号を振れますか?
振れません。Sincron にはステップ番号も吹き出しもありません。ShareX には番号付きのステップツールがあり、Snagit の Step Capture はクリックからガイドを作ります。
関連ページ
次のマニュアルは、スクショをそろえて。
Sincron Screen Tools をインストールすれば、Ctrl + Shift + D で書き込み、Ctrl + Shift + C でキャプチャして、すべての画像に同じフレームを使えます。キャプチャと書き込みは無料で無制限です。