操作手順書メーカー(スクショに番号・矢印→PDF・Word・Excel、無料)

手順書のテンプレートと作成ツールを無料で。パソコンの画面のスクリーンショットや現場の写真を貼り、押す場所に番号の丸・矢印・枠を描き込み、1手順ずつ操作・注意・確かめ方を書くと、A4縦の操作手順書(作業手順書)ができます。

  • 登録・ログイン不要
  • 無料
  • 入力値をサーバーに送信しません
手順書を作る

画像は Ctrl+V(Macは ⌘+V)で貼り付け・ドロップ・「ファイルを選ぶ」(スマホはカメラも)。道具を選んで画像を押すと印が付き、枠・隠す・矢印はドラッグで大きさを決められます。置いた印はドラッグで動かせます。

1/ 1 手順

手順書(A4縦)

PDFは印刷の画面で「PDFに保存」を選びます。Word・Excelは画像入りで、描き込みも画像に焼き込みます。書き出しに会社名やロゴは入りません。

何の手順書かを選ぶ
何の手順書?

選ぶと記入例の手順書に置き換わります。画像を貼って作り始めると、作りかけの手順書はこのブラウザに自動で残ります(外部へは送りません)。

入力内容はブラウザ内だけで計算・保存され、サーバーには送信されません。「この条件で開くリンク」も入力値を#以降に載せるためサーバーへは送られませんが、URLを共有した相手は入力値を見られます。無料・登録不要で使えます。

USE CASESこんな場面で使える

  • 総務・情シス　—　経費精算・勤怠・社内システムの使い方を、画面のスクショで新入社員向けの手順書にする
  • 店舗・工場の責任者　—　開店準備・機械の始業点検・清掃の作業手順書を、現場の写真で作る
  • CS・営業事務　—　お客様に送る設定方法の案内や、問い合わせの多い操作の手順書を作る

FORMULA計算式・仕組みと根拠

  • 紙面の組み方: A4縦。1ページ目の頭に題名と冒頭の欄(目的・対象・準備・作成者と更新日)、その下に手順を番号順に並べる。「1ページに2手順」は画像を左・文を右、「1ページに1手順」は画像を大きく上に置く
  • 番号の丸: 1つの画像の中で置いた順に1から振る(手順の番号とは別。押す順番を示すときに使う)
  • 隠す: 塗りつぶしを画像に焼き込んでから紙面・Word・Excelに入れるので、塗りつぶしの下の文字は書き出したファイルに残らない
  • 根拠: 作業手順書は、作業を単純な要素作業に分けて正しい方法を決め、職場に合わせて文書にしたもの(厚生労働省「安全推進者モデルテキスト」)

EXAMPLE入力例と結果の読み方

開いたときの例(経費精算システムで交通費を申請する)は5手順・3ページ(1ページに2手順のとき)で、手順1ではパスワードの欄を「隠す」で塗りつぶし、社員番号とパスワードの欄に番号の丸、「ログイン」に枠を付けています。

PITFALLSよくある間違い

  • 1つの手順に操作を詰め込む。「押して、入れて、選ぶ」と3つの操作を書くと、どこまで進んだか分からなくなります。1手順=1つの操作に分けます
  • 画像に印を付けすぎる。押す場所だけに番号や枠を付け、説明は右の文に書きます
  • 個人情報が写ったまま配る。社員の名前・顧客の情報・口座番号・ID・パスワードは「隠す」で塗りつぶします
  • 作ったまま更新しない。システムの画面が変わったら作り直し、作成者・更新日の欄を書き換えます

NOTES境界条件・注意点

  • 画像と文章はこのブラウザの中(IndexedDB)にだけ保存され、外部へ送信しません。共通の「入力をクリア」で画像も含めて消えます
  • 取り込む画像は長い辺1,600pxまでに縮めます。手順は60までです
  • 「1ページに2手順」でも、文が長くて2つ入りきらないページは自動で1手順ずつに分けます。1手順でも入りきらないときは紙面の上に知らせが出るので、文を短くします
  • PDFは「PDF・印刷」を押し、印刷の画面で送り先を「PDFに保存」にします

操作手順書(作業手順書)とは

操作手順書とは、ある作業を誰がやっても同じ結果になるよう、操作の順番を1つずつ番号を付けて書いた文書です。パソコンのシステムの使い方なら画面のスクリーンショット、工場や店舗の作業なら現場の写真を添え、押す場所や見る場所に印を付けると、初めての人でも迷わずに進められます。新人の教育、担当の引き継ぎ、問い合わせの削減に使われます。

厚生労働省の安全推進者向けテキストは、作業手順は文書になっていなくても作業のあるところには必ずあるもので、それを文書にし、安全衛生に必要な事項を加えたものが作業手順書だと説明しています。作り方としては、対象の作業を単純な要素作業に分け、それぞれの正しい方法を決めること、ほかの会社の見本はそのまま使わず現場の意見を聞いて自分の職場に合わせることを挙げています。

手順書とマニュアルの違い

手順書マニュアル
範囲1つの作業(交通費の申請、機械の始業点検など)業務全体(経理の仕事、店舗の運営など)。手順書を束ねたもの
書き方番号つきの操作を順に並べる。1手順=1つの操作目的・ルール・判断の基準・例外の扱いも書く
画像操作ごとに1枚。押す場所に番号や枠を付ける必要な箇所に図や表
使う場面作業中に横に置いて見ながら進める仕事を覚えるとき・迷ったときに調べる

分かりやすい手順書の書き方

  1. 1手順に1つの操作だけを書く。「〜を押し、〜を入れて、〜を選ぶ」と3つの操作を1行に詰めると、どこまで進んだか分からなくなります。迷ったら分けます
  2. 文は「何を」「どうする」で終える。「『ログイン』を押す」「金額を入れる」のように、動作で終えます。画面の言葉はそのまま「」で囲みます
  3. 画像には押す場所だけ印を付ける。番号の丸・枠・矢印は、その手順で触る場所に絞ります。印が多いと目が迷います
  4. 注意は手順の中に書く。「3回間違えるとロック」「赤のボタンは停止」など、間違えやすい点や危険はその手順の注意に書きます。最後にまとめると読まれません
  5. できたことの確かめ方を書く。「〜の画面が開けばOK」のように、次へ進んでよい合図を書くと、途中で間違えたときにすぐ気づけます
  6. 個人情報は隠す。パスワード・口座番号・顧客名・社員の名前が写った画像は、塗りつぶしてから配ります

手順書のテンプレート(この形で作ります)

欄書くこと例(交通費の申請)
題名何の作業か。「〜する」で終える経費精算システムで交通費を申請する
目的この作業で何を終わらせるか立て替えた交通費を月末までに精算する
対象誰が使うか全社員(新入社員)
準備するもの始める前に手元にそろえるもの社員番号・パスワード・領収書
作成者・更新日問い合わせ先と、いつの画面か総務部 / 2026-11-11
手順(番号順)画像+操作+注意+確かめ方1. 社員番号とパスワードを入れて「ログイン」を押す

このツールは、上の5つの欄を紙面の頭に、手順を番号順に並べたA4縦の手順書を作ります。使わない欄は空にすると紙面から消えます。「1ページに2手順」は画像を左・文を右に並べ、「1ページに1手順」は画像を大きく載せます。

スクリーンショットの撮り方と貼り付け方

  • Windows: Windows+Shift+S で Snipping Tool を開き、範囲を選んで撮ります。撮った画像をコピーし、このツールの画面で Ctrl+V を押すと、選んでいる手順に入ります
  • Mac: Shift+Command+4 で範囲を選んで撮ります。デスクトップに保存された画像を、このツールの画像の枠へドラッグするか「ファイルを選ぶ」で選びます
  • スマホ: 「ファイルを選ぶ」から写真を選ぶか、その場でカメラで撮ります

画像が入っている手順で続けて貼ると、すぐ後ろに新しい手順ができます。画面を1つ進めるごとに撮って貼れば、手順の並びができあがります。画像はこのブラウザの中で扱い、外部へ送信しません。

パスワードや個人情報を隠す

「隠す」で画像の上をドラッグして四角で囲むと、その部分を濃い灰色で塗りつぶします。手順書の紙面・PDF・Word・Excelには、塗りつぶしを画像に焼き込んだものを入れるので、塗りつぶしの下の文字は残りません(Wordで画像の上に図形を重ねただけの場合は、図形を動かすと下の文字が見えます)。社員の名前、顧客の情報、口座番号、ログインのIDやパスワード、社外秘の数字は、配る前に隠します。

手順書を作ったあと

  • 知らない人に試してもらう。作った人は手順を飛ばしても気づきません。初めての人に手順書だけで作業してもらい、止まった所を直します
  • 画面が変わったら更新日を変える。システムの画面は更新で変わります。作成者・更新日の欄があれば、古い手順書かどうかが分かります
  • 業務全体の流れと分けて持つ。どの順番で誰が何をするかは業務フロー図、担当を引き継ぐときの全体像は業務引き継ぎ書にまとめ、手順書はそこから参照します

手順の文の誤字や表記ゆれは文章校正・誤字脱字チェックで点検できます。電話の受け方の手順は電話応対マニュアル作成が向いています。

参照した資料

FAQよくある質問

手順書とマニュアルの違いは何ですか？

手順書は1つの作業(交通費の申請、機械の始業点検など)の操作を番号順に並べた文書で、作業しながら横に置いて使います。マニュアルは業務全体の目的・ルール・判断の基準まで含めたもので、手順書を束ねたものとも言えます。

手順書のテンプレートには何を書けばよいですか？

頭に題名・目的・対象・準備するもの・作成者と更新日を書き、その下に手順を番号順に並べます。手順ごとに画像1枚、操作の文(1手順=1つの操作)、注意、できたことの確かめ方を書くと、初めての人でも進められます。このツールはこの形でA4の手順書を作ります。

スクリーンショットに番号や矢印を入れるにはどうすればいいですか？

このツールに画像を貼り、「番号」「矢印」「枠」「文字」の道具を選んで画像を押すと印が付きます。枠と矢印はドラッグで大きさや向きを決められ、置いた印はドラッグで動かせます。番号は置いた順に1から振られます。

手順書をExcelやWordで作れますか？

作った手順書を「Excelで保存」「Wordで保存」で書き出せます。Excelは1行が1手順で、画像(描き込み入り)がB列に入る写真付きの表になります。WordはA4縦で、画像と文を並べた手順書になります。書き出したあとに社内の書式に合わせて直せます。

スクショに写ったパスワードや個人情報を隠せますか？画像は送信されますか？

「隠す」の道具で画像の上をドラッグして四角で囲むと、その部分を塗りつぶします。紙面・PDF・Word・Excelには塗りつぶしを焼き込んだ画像を入れるので、下の文字は残りません。画像はブラウザの中だけで扱い、外部へ送信しません。