日報を目立たなくするuserscript

邪魔すぎるからopacity落とす。対象はYYYY/M/D

https://gyazo.com/7687f5a6707523537b9a727e91dc8049

claudeに書いてもらったのでよくわかってないけど、

1. ページタイトル解析して日付形式ならdate-pageクラスを追加

2. date-pageついてるやつにcssつける

みたいな流れらしい

処理が走って重くならないとも言えないので公開プロジェクトではつけてない

手順

1. まず以下Scriptを自分のページ（mouii.iconならmouiiに）にインポートするか、code記法のscript.jsとして貼っつける

code:script.js

(function() {

'use strict';

function isValidDateFormat(dateString) {

const regex = /^\d{4}\/\d{1,2}\/\d{1,2}$/;

if (!regex.test(dateString)) return false;

const year, month, day = dateString.split('/').map(Number);

const date = new Date(year, month - 1, day);

return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;

}

function applyOpacityToDatePages() {

const pageItems = document.querySelectorAll('.page-list-item');

pageItems.forEach(item => {

const titleElement = item.querySelector('.title');

if (titleElement) {

const title = titleElement.textContent.trim();

if (isValidDateFormat(title)) {

item.classList.add('date-page');

} else {

item.classList.remove('date-page');

}

});

}

// Initial application

applyOpacityToDatePages();

// Watch for dynamic content changes

const observer = new MutationObserver(applyOpacityToDatePages);

observer.observe(document.body, { childList: true, subtree: true });

})();

2. 以下をsettingsページにimportするか、code記法でstyle.cssとして貼っつける

code:style.css

.page-list-item.date-page {

opacity: 0.2;

transition: opacity 0.3s ease;

}

.page-list-item.date-page:hover {

opacity: 1;

}

userscript

public.icon