ブラウザ操作を記録して手順書を作るChrome拡張──CSVで同じ登録を一括入力する

ブラウザの登録画面で、いつもどおり1件だけ登録して見せると、その操作から手順書ができます。
同じ登録を何件も繰り返すときは、CSVを読み込ませると、登録画面の上で1件ずつ入力します。

そういうChrome拡張機能を作って、無料で公開しました。この記事は、その使い方と、
作るときに決めた設計方針、対応していない画面をまとめた資料です。

• Chromeウェブストア：https://chromewebstore.google.com/detail/peinpkhpgdacohdkldegcphmglcflplf
• 画面写真つきの使い方：https://mamagotolab.com/workflow-flight-recorder/
• 架空の練習画面：https://mamagotolab.com/workflow-flight-recorder/practice/
• 🔗 コードはこちら：mamagotolab/workflow-flight-recorder

向いている業務・向いていない業務

向いているのは、ブラウザの登録画面に、同じ項目を1件ずつ入力していく作業です。
受注登録、顧客登録、勤怠や経費の入力など、画面と項目が毎回同じものです。

向いていないのは、「行を追加」で明細の欄が増えていく画面です（見積の品目など）。
ほかに対応していない画面は、後半の「対応していない画面」にまとめました。

「マニュアルを整えましょう」「RPA（パソコン操作を自動でくり返す仕組み）を入れましょう」は正しいのですが、
手順書を書く時間がそもそもない、RPAは設定が難しく二重登録も怖い、という前提で作っています。

できること

• いつもどおり1件分の登録をして見せると、その操作を順番どおりに書き留めます
• 書き留めた内容から、画面ごとに見出しの付いた手順書ができます（ブラウザで開けるHTMLファイル）
• 同じ登録をくり返すときは、CSV（表計算ソフトで保存できる、カンマ区切りのファイル）を読み込ませると、登録画面の上で1件ずつ入力していきます

CSVの列は、記録した欄から決まります。
見出しだけのテンプレートを出せるので、そこに値を入れていけば準備は終わりです。

使う手順

1. 登録したい画面でツールバーのアイコンを押し、「記録を開始」
2. いつもどおり1件分を登録して、「記録を終了」
3. 「記録内容を確認する」から手順書をダウンロードし、「この手順を保存する」
4. 連続登録する画面でアイコンを押し、「この画面で連続登録」
5. 「テンプレートCSVをダウンロード」して値を入れ、読み込ませて「実行する」

実行中は、いま入力している欄を青い枠で囲み、画面の右下に「何件目の、何をしたか」を出します。
「確認しながら実行」を選ぶと、1つ操作するたびに止まります。画面を見て「次へ」を押すと進みます。
最初の1件は、この進め方をおすすめします。

設計で決めた3つのこと

道具を作るとき、先に「やってはいけないこと」を決めています。今回決めたのは、この3つです。

1. 記録するときに、入力した値を読み取らない

記録中は、どの欄を使ったかだけを書き留めます。手順書に残るのは「「顧客番号」に入力します」までです。
入力欄の中身、どの選択肢を選んだか、パスワード、選んだファイルの名前は読み取りません。
だから、お客様の名前や金額が手順書に残りません。

連続登録するときは、CSVの値を読んで画面に入力します。この値は入力のためだけに使い、保存しません。
連続登録の画面を閉じると消えます。

なお、入力した内容を画面のタイトルやアドレスに出すサイトもあります。
その場合は、そのタイトルやアドレスと一緒に記録へ残ります。人に渡す前に一度見直してください。

手順書は人に渡すものです。
渡した先に、お客様の情報が紛れ込んでいたら困ります。

2. 実行する前に、CSVを検査する

CSVを読み込んだ時点で、次の問題をまとめて知らせます。

• 列が足りない、または余計な列がある
• 数量の欄に数字でない値が入っている
• 2月30日のような、存在しない日付
• 画面の選択肢にない値（出荷区分に、選択肢にない「航空便」が入っているなど）

1件目で止めず、全部を一覧で出します。
直してから読み込み直せば済むようにしました。

3. 迷ったら止める（二重登録を防ぐ）

途中で止まった行は、2つに分けて扱います。

• 登録ボタンを押す前に止まった：「停止」。その行は登録されていません
• 押したあとに止まった：「結果不明」。登録されたかどうか分かりません

結果不明の行は、自動ではやり直しません。
二重登録は、止まることより怖いからです。
業務画面を人が確かめてから、手で進めてもらいます。

止めるべきところで、ちゃんと止まる。
長く段取りの仕事をしてきて、いちばん大事だと思っていることです。

CSVの決まりごと

1行が1件の登録です。見出し行の列名で、どの欄に入れるかを決めます。

対応していない画面

次の画面には、まだ対応していません。

• 「行を追加」で明細の欄が増えていく画面（見積の品目など）
• ファイルを選ぶ欄（ブラウザの決まりで、拡張機能からは選べません）
• 入力の途中で出る候補から選ぶ欄

明細の画面は、ご要望があれば対応を考えます。

クラウドソーシングのデータ入力のように、人から預かった画面やデータで使う場合もあると思います。
その場合は、自動入力ツールを使ってよいか、先に発注者に確かめてください。

よくある質問

Q. 記録した手順や入力する内容は、どこかに送られますか？
A. この道具が、開発者や外部のサーバーに送ることはありません。記録した手順は、お使いのブラウザの中だけに保存します。CSVの値は、あなたが選んだ登録画面に入力するためだけに使い、保存しません。

Q. どんな権限を使いますか？
A. 3つだけです。アイコンを押したタブへのアクセス、そのタブでの操作の読み取りと入力、ブラウザ内への保存。すべてのサイトを読む権限は求めません。

Q. 途中で止まったら、その行は登録されていますか？
A. 結果が3つに分かれます。「完了」は最後まで終わった行。「停止」は登録ボタンを押す前に止まった行で、登録されていません。「結果不明」は押したあとに止まった行で、登録されたか分かりません。結果不明は自動でやり直さないので、画面で確かめてから手で進めてください。

Q. 明細が増える画面（見積の品目など）は使えますか？
A. 今は対応していません。ほかに対応していない画面は「対応していない画面」にまとめています。ご要望があれば対応を検討します。

Q. お金はかかりますか？
A. かかりません。Chromeウェブストアで無料で公開しています。

Q. いきなり自分の業務画面で試すのが不安です。
A. 架空の受注登録画面を用意しました。記録から連続登録まで、そこで試せます。どこにも保存されません。

おわりに

同じ入力のくり返しは機械に任せ、最初の1件と、結果が分からない行は人が見る。
この線引きだけは外さないように作りました。

まず試すなら、架空の練習画面からどうぞ。自分の業務画面の前に、ひととおり確かめられます。
👉 https://mamagotolab.com/workflow-flight-recorder/practice/

自社の画面に合わせたい、明細の多い画面でも使いたい、どこから自動にすべきか決めたい、
というご相談を承っています。業務の流れを整理して「何を作るか」を決めるところ（要件定義）から、
運用後の保守まで対応します。
👉 ご依頼・ご相談（クラウドワークス）：https://crowdworks.jp/public/employees/6942778

関連記事
- その手順書、誰に向けて書きましたか──引き継ぎが詰む本当の理由
- その自動化、ガタガタのCSVのまま動かしていませんか

ママゴトラボは、業務の自動化ツールを「何を作るか」を決めるところ（要件定義）から設計してつくる開発ラボです。
属人化した業務の見える化から、自動化ツールの開発・保守まで承っています。
👉 ママゴトラボ｜業務自動化の開発ラボ

ブログ一覧に戻る