いつものサイトに UI を追加
ボタン・リンク・ツールチップ・エリアをサイトの好きな場所に配置し、サイドパネルでまとめて管理できます。
Chrome 拡張機能 · コード不要
いつものサイトに、
足りないボタンを。
Ladybird は、いつも使うサイトにボタン・リンク・ツールチップをコードなしで追加できる拡張機能です。ボタンを押すだけで、一連の操作（フロー）を自動で実行します。クリック、入力、待機、分岐、ループ、CSV ファイルの行ごとのフォーム入力まで任せられます。
Chrome ウェブストアで公開中 · 画面表示は英語・日本語・簡体字中国語に対応
サンプルデータを使ったアニメーションのモックアップです。シーンを選んだり、一時停止したりできます。
このデモは手作りです：GSAP のタイムライン 1 本、実際のサイドパネルを HTML/CSS で再現したモックアップ、シーン切り替え、OS の「視差効果を減らす」などの動きを抑える設定への対応。
フローのステップでは、クリック、入力、待機、アサート、条件分岐、ループ、移動、ログ、データソースの読み込み、変数の設定、ポップアップ確認ができます。
機能
小さなボタンに、
作業の流れをまるごと。
フロービルダー
クリック、入力、待機、アサート、条件分岐、ループ、移動のステップをつなげ、途中でログも残せます。
CSV / TSV データ
データソースを読み込み、行ごとに同じステップを繰り返し実行します。
変数とトークン
実行時変数を設定し、シンプルなトークンでステップ間に値を受け渡せます。
パスワード保管庫
入力ステップで使うパスワードを、ローカルで暗号化して保存します。保管庫のパスワードは Ladybird 専用のウィンドウで入力するため、ページ側に入力されることはありません。
非表示ルールと広告ブロック
使わないバナーや繰り返し出てくる部分を、サイトごとのルールで非表示にできます。組み込みの自動広告ブロックも、1 つのスイッチでオンにできます。
使い方
3 ステップ、コードは不要。
- 1
サイドパネルを開く
毎日使うサイトで Ladybird を開き、新しいボタン・リンク・ツールチップを置く場所を選びます。
- 2
フローを設定する
いま手作業で繰り返している操作を、ステップとして追加します。値は CSV ファイル、変数、パスワード保管庫から取り込めます。
- 3
クリックして見守る
Ladybird が、目の前のページでステップを実行します。確認したいところにポップアップを入れておけば、OK を押すまでフローは一時停止します。
プライバシーと制限事項
設定は、お使いのブラウザの中に。
ローカルに保存されるもの
- 設定は、エクスポートしない限りブラウザのローカルストレージに保存されます。
- Ladybird が、設定内容を利用状況の収集（テレメトリ）用サーバーへ送信することはありません。
- パスワード保管庫のデータは、端末内で暗号化されます。
- 保存した設定は JSON でエクスポート・インポートできます。保管庫のデータは、保管庫のパスワードを確認した場合のみ含まれます。
ご利用前に知っておきたいこと
- レイアウトが頻繁に変わるサイトでは、選んだ要素を Ladybird が見つけられなくなることがあります。
- セキュリティ制限が厳しいサイトや、表示内容が動的に変わるページでは、安定して動作しない場合があります。すべてのサイトでの動作を保証するものではありません。
- クロスオリジン iframe 内の自動化には制限があります。
- 保管庫のパスワードを忘れると復元できず、保管庫のリセットが必要です。
使用技術
TypeScriptReactWXTManifest V3
よくある質問
気になる点に、お答えします。
プログラミングの知識は必要ですか？
必要ありません。ページ上の要素を選び、ステップの種類を選ぶだけで、サイドパネルから要素とフローを作れます。
フローの途中で確認を挟めますか？
はい。好きなメッセージを入れたポップアップ確認を追加すると、OK を押すまでフローは先に進みません。
サイトのレイアウトが変わったらどうなりますか？
フローが使う要素が変わると、Ladybird が見つけられなくなることがあります。その場合は要素を選び直してください。Ladybird は、設定された内容を、その時点のページに対してそのまま実行します。
CAPTCHA やボット対策を回避できますか？
できません。Ladybird は、ご自身で設定したステップを、お使いのブラウザで、目の前のページに対して実行するだけです。サイトの保護やルールを回避するためのツールではありません。
画面はどの言語に対応していますか？
英語、日本語、簡体字中国語です。