いいねするユーザースクリプト

ページにリアクションできないのちょっとさみしいので、いいね！できるユーザースクリプト作ってみた。

導入

Step 1. ユーザースクリプトの追加

code:script.js

Step 2. ユーザースクリプトを有効にする

https://gyazo.com/562727fac531a05be8437c8bb7b32114

Step 3. ユーザースクリプトを読み込む

ユーザースクリプトを有効にしたら、ページをリロードします。

https://gyazo.com/94b763492cdfde0a729ead3e8ad10e59

使い方

https://gyazo.com/71a4e96c917ac4562ccd487e9648294d

こんな感じ。

https://gyazo.com/177207a9017b8375c7c0e9f3b9ebba1f

ソースコード

code:script.js

(() => {

const wait = (waitTime) => new Promise((resolve) => setTimeout(resolve, waitTime));

const $username = document.querySelectorAll('.global-menu-for-user > .dropdown-header').item(1);

if (!$username) {

return;

}

const username = $username.textContent;

scrapbox.PageMenu.addItem({

title: '👍 いいね',

onClick: async () => {

// メニューを表示させないと内容が見れなくなったのでクリックして少し待つ

document.querySelector('.col-brand.dropdown.global-menu-button > a').click();

await wait(10);

const $mypageLink = Array.from(document.querySelectorAll('.global-menu-for-user li a')).find((anchor) => anchor.textContent === 'Show my page');

if (!$mypageLink) {

alert('プロフィールページを作成してください');

return;

}

const id = $mypageLink.getAttribute('href').replace(/^.*\/(.*)$/, '$1');

const hasAlreadyLiked = scrapbox.Page.lines.some((line) => {

return line.text.trim().includes(message);

});

if (hasAlreadyLiked) {

return;

}

const likedDate = new Intl.DateTimeFormat('ja').format(new Date());

}

});

})();