4
3

More than 5 years have passed since last update.

とあるマッチングサービスで、自動スワイプさせるChrome拡張機能をOpenしたよ

Posted at

きっかけ

基本的にストライクゾーンが広いのか、僕の場合は基本的に全員右スワイプ。
手動でやるのが面倒だったので自動化した。

実現手順

  1. 開発者ツールで自前のJSを実行する
  2. 1のスクリプトを実行させるChrome拡張機能を開発

1. 開発者ツールで自前のJSを実行する

ソースコードはこちら

( () => {
    setInterval( () => document.querySelector("[aria-label = 'いいね!']").click(), 100);
} ).call(this);

実際これを、Web版Tinder( https://tinder.com/app/recs )にアクセス=>開発者ツールを開く=>Consoleタブへ移動=>上記ソースコードをコピペ=>Enterすることで0.1秒ごとに勝手に右スワイプされます。

簡単に説明すると、以下でいいねボタン要素を取得し、click()によりクリックさせる。

document.querySelector("[aria-label = 'いいね!']").click()

さらに、これをsetInterval()により、第二引数にて0.1秒(100ミリ秒)ごとに実行されるように設定。

さらに、それを無名関数をcall()で呼び出し、実行させる。

2. 1のスクリプトを実行させるChrome拡張機能を開発

必要なのは以下2ファイルのみ。

  • manifest.json
    • 拡張機能の設定ファイル
  • swipe.js
    • 1のソースコードをただ貼り付けただけ
manifest.json
{
  "manifest_version": 2, // マニフェストのバージョン
  "name": "Swipe you only", // 拡張機能の名前
  "description": "This extension swipe everyone to RIGHT.", // 拡張機能の説明
  "version": "1.2", // 拡張機能のバージョン => Updateするたびに書き換える必要あり
  "content_scripts": [
    {
      "matches": ["https://tinder.com/app/recs"], // URLにマッチする時だけswipe.jsを実行
      "js": ["swipe.js"] // 1のソースコードを貼り付けたファイル
    }
  ],
  "permissions": [
    "tabs",
    "https://tinder.com/app/recs"
  ]
}

ドキュメントはこちら

成果物

chrome:extensionsにアクセス
Swipe you onlyと検索

夏に向けてマッチしまくるどー!

4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3