毎日のコピペ作業をChrome拡張で1クリックにする

■Chrome拡張でできること

社内の管理画面で「一覧をCSVに書き出す」「CSVを見ながら1件ずつフォームに転記する」といった作業は、意外と時間を取られます。今回はManifest V3のChrome拡張を使って、この2つをワンクリックにするデモを作りました。管理画面の右下に浮かぶツールバーから、一覧ページでは「一覧をCSV保存」を押すだけでCSVがダウンロードされ、新規登録ページでは「CSVから自動入力」でCSVを選ぶと1行目の内容がフォームに自動入力されます。「次の行」で1件ずつ確認しながら進めることも、「全件登録」でCSVの全行を連続登録することもできます。

■検証に使ったもの

実在しない架空データだけで作った、ダミーの顧客管理システムを用意し、そこに対して拡張機能を動かして検証しました。顧客一覧30件の表示、新規登録フォームへの入力、CSVの読み込みと書き出しまで、実際に画面を操作して一通り確認しています。

■こんな作業に向いています

「一覧画面を開いて、必要な情報をコピーしてExcelに貼り付ける」「届いたCSVを1行ずつ見ながら、管理画面のフォームに入力し直す」といった、覚えてしまえば単純だけれど毎日続くと地味に時間を取られる作業に向いています。拡張機能アイコンのポップアップからも同じ操作ができるので、ツールバーを閉じてしまった場合でも困りません。

■なぜ画面を自動化するのか

API連携ができれば理想的ですが、社内システムによってはAPIが用意されていなかったり、外部から使えなかったりします。そうした場合でも、人が画面を操作するのと同じように「見て、入力して、ボタンを押す」という動きをブラウザ上で自動化することで、画面の見た目を変えずに定型作業だけを省力化できます。

■できないこと

Chrome拡張でできることには範囲があります。今回のデモでは、次のようなことは対象外としています。

・CAPTCHAなどのbot対策を回避すること

・利用規約に反するような自動アクセスや自動操作

・決済処理を完全に自動化すること(カード情報の自動入力・自動決済など)

・ログイン情報を保存して自動入力すること

あくまで、本人が普段手で行っている入力・転記・保存の作業を、ボタン一つにまとめるという範囲でのご提案になります。

■対象サイトが変わる場合

今回のデモは、決まった1つの管理画面専用に作られています。別の社内システムに適用する場合は、そのページの入力欄や一覧表の構造に合わせて、セレクタや列構成を作り直すカスタム開発が必要です。1サイト・1業務フロー・5操作以内を目安にしています。

■納品の形

納品はソースコード一式と、Chromeのデベロッパーモードからの読み込み手順のセットです。難しい設定は不要で、フォルダを選択するだけで拡張機能が有効になります。

■サービスについて

「Chromeの定型作業を1クリックで自動化します」というメニューでご案内しています。毎日繰り返している転記・保存作業がある方は、一度どのくらい自動化できそうか、お気軽にご相談ください。