きっかけ
基本的にストライクゾーンが広いのか、僕の場合は基本的に全員右スワイプ。
手動でやるのが面倒だったので自動化した。
実現手順
- 開発者ツールで自前のJSを実行する
- 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と検索
夏に向けてマッチしまくるどー!