写真つき手順書の作り方スクショに番号を付けて、無料で、社外に出さずに

守秘工房・最終更新 2026-10-19

このページの要点

・手順書は「画面の写真＋番号＋一言」にすると、読む人が迷いません。

・作り方は「Word・Excel に貼る」「操作を自動で記録するツール」「写真を貼って番号を打つツール」の3つ。社内システムやお客さんの画面を写すなら、写真がどこに送られるかで選びます。

・どの方法でも、名前や番号が写り込んでいないか、渡す前に目で確かめてください。

写真に番号を付けると、なぜ伝わるのか

「画面右上の設定から…」と文章だけで書くと、読む人は「どのボタン？」で止まります。画面の写真に ①②③ と番号を打ち、下に「① 利用者IDを入れます」と書けば、目で追うだけで同じ操作ができます。新しく入った人への引き継ぎ、月に1回しかしない作業、お客さんへの使い方の説明に向いています。

画面を切り取って貼り、「丸」の図形に数字を入れて重ねる方法です。

よい所：どの会社にもあるソフトで作れます。写真はパソコンの中にとどまります。
気をつける所：番号の丸を1つずつ作って位置を合わせるので、手間がかかります。写真を差し替えたり、行を足したりすると、図形がずれやすくなります。手順を1つ足すと、後ろの番号を振り直すことになります。

ブラウザの拡張機能やアプリを入れておき、操作をすると、クリックした所を自動で撮って手順にしてくれるツールです。

よい所：操作をするだけで手順書の下書きができ、とても速く作れます。
気をつける所：ブラウザの中の操作だけを記録するものや、撮った画面を事業者のサーバー（クラウド）に保存して共有する形のものが多くあります。社内システムやお客さんの情報が写る画面では、使ってよいか会社のルールを確かめてください。会社で正式に入れているツールがあれば、それを使うのが先です。

Windows に入っていた「ステップ記録ツール」は、更新が止まり、今後の Windows で取り除かれる予定です（ステップ記録ツールの代わりに）。

写真は自分で切り取って貼り、写真の上をクリックすると番号が付くツールです。守秘工房のスクショ手順書（無料）もこの形です。

スクショ手順書を開き、手順書の題名を書きます。インストールや登録はいりません。
手順にしたい画面で、Windows なら Win + Shift + S を押して範囲を切り取り、スクショ手順書のページで Ctrl + V。もう一度 Ctrl + V すると、次の手順として足されます。
写真の上の、押してほしい所をクリックすると番号が付きます。下に並んだ欄に「何をするか」を一言ずつ書きます。

「できあがりを見る」で確かめて、「HTML で保存」。保存した HTML はそのまま人に渡せ、開くのにツールはいりません。紙や PDF にしたい時は、開いたブラウザの「印刷」からです。
あとで直す時は、保存した HTML をスクショ手順書のページにドラッグ＆ドロップすると、続きから直せます。

写り込み：お客さんの名前、メールの件名、画面の端の通知、ほかのタブの題名が写っていないか確かめます。写っていて困る所は、切り取る範囲を狭めるか、塗りつぶします。
塗りつぶしの残り方：図形を上に重ねただけだと、元の文字がファイルの中に残る作り方があります。スクショ手順書の「塗りつぶし」は、保存する時に写真そのものに焼き込むので、保存した HTML に塗る前の文字は残りません。
渡す相手：写真つきの手順書は、画面をそのまま渡すのと同じです。社外に渡す時や共有の場所に置く時は、ふだんの資料と同じルールで扱ってください。
パスワード：手順書には書きません。「自分のパスワードを入れます」と書くだけにします。

スクショ手順書のページを開いたあと、Wi-Fi を切って（ケーブルを抜いて）使ってみてください。写真を貼って、番号を打ち、保存までそのままできます。ブラウザの開発者ツール（F12）の「ネットワーク」で、写真を貼った時に通信が出ないことも確かめられます。やり方は守秘マスクの解説の後半にあります。