Ladybird ノーコードWeb自動化Chrome拡張

背景と課題

繰り返しのWeb操作（フォームの逐次入力や一括クリック）は非エンジニアには大きな負担。スクリプトを書くにはハードルが高く、クラウド型の自動化SaaSは業務データを第三者に預ける必要がある。ノーコードで、データがブラウザ内に留まる自動化ツールを作り、Chrome Web StoreのManifest V3審査を通過して公開することが目標だった。

ソリューション

Manifest V3 + WXT + React + TypeScriptで開発。サイドパネルでページ要素と自動化フローを一元管理し、ビジュアルフローエディタで入力・クリック・待機・データソースのマッピングなどのステップを再利用可能なフローとして構築。データを1行ずつフォームに反映して自動送信でき、非表示ルールでページ内の邪魔な要素をワンクリックで隠せる。認証情報はローカルの暗号化保管庫に保存。ストア公開用素材の準備から審査対応まで行い、公開後も継続的に改善している。

成果物

• 審査を通過しChrome Web Storeで公開、v2.x系まで継続アップデート
• ノーコード：ページへのボタン/リンク/ツールチップ追加＋ビジュアルフローエディタ
• データソースフロー：1行のデータを1回のフォーム入力にマッピングし一括自動化
• 認証情報はローカル暗号化保存、業務データはブラウザの外に出ない