「TRILLニュースを非表示にするブックマークレット」という記事を書きました。
今回はそれをChrome拡張機能にしてみました。
2026年7月19日追記
v1.1
MutationObserverに対応し、遅延読み込みされる記事(スクロール後に表示される記事)もリアルタイムで非表示にできるよう改善しました。
非表示にしたいサイト名を配列で管理できるようにしました。
拡張機能
trill_removerというフォルダの中にファイルを二つ配置します。
trill_remover
└content.js
└manifest.json
content.js
const BLOCKED_SITES = [
'TRILL ニュース',
'ベビーカレンダー',
'fashion trend news',
'FRONTROW',
'GLAM',
'4yuuu',
'TRILLマンガ',
'暮らしニスタ'
];
const blockedPattern = new RegExp(BLOCKED_SITES.join('|'));
function checkCite(cite) {
if (blockedPattern.test(cite.textContent)) {
cite.closest('article')?.style.setProperty('display', 'none');
}
}
function hideBlockedArticles(root) {
if (root.matches?.('cite')) checkCite(root);
root.querySelectorAll('cite').forEach(checkCite);
}
hideBlockedArticles(document);
const observer = new MutationObserver(mutations => {
for (const mutation of mutations) {
for (const node of mutation.addedNodes) {
if (node.nodeType !== Node.ELEMENT_NODE) continue;
hideBlockedArticles(node);
}
}
});
observer.observe(document.body, { childList: true, subtree: true });
'TRILL ニュース',
'ベビーカレンダー',
'fashion trend news',
'FRONTROW',
'GLAM',
'4yuuu',
'TRILLマンガ',
'暮らしニスタ'
];
const blockedPattern = new RegExp(BLOCKED_SITES.join('|'));
function checkCite(cite) {
if (blockedPattern.test(cite.textContent)) {
cite.closest('article')?.style.setProperty('display', 'none');
}
}
function hideBlockedArticles(root) {
if (root.matches?.('cite')) checkCite(root);
root.querySelectorAll('cite').forEach(checkCite);
}
hideBlockedArticles(document);
const observer = new MutationObserver(mutations => {
for (const mutation of mutations) {
for (const node of mutation.addedNodes) {
if (node.nodeType !== Node.ELEMENT_NODE) continue;
hideBlockedArticles(node);
}
}
});
observer.observe(document.body, { childList: true, subtree: true });
manifest.json
{
"manifest_version": 3,
"name": "TRILL News Remover",
"version": "1.1",
"description": "Yahoo!JAPANの読み込み時にTRILLニュースを非表示にします。",
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["content.js"],
"run_at": "document_idle"
}
]
}
"manifest_version": 3,
"name": "TRILL News Remover",
"version": "1.1",
"description": "Yahoo!JAPANの読み込み時にTRILLニュースを非表示にします。",
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["content.js"],
"run_at": "document_idle"
}
]
}
設定方法
次のファイルをダウンロードして適当なフォルダに展開します。
trill_remover
Chromeのアドレスバーに chrome://extensions と入力して、Enterキーを押します。
ページの右上にある「デベロッパーモード」のスイッチをクリックしてオンにします。
「パッケージ化されていない拡張機能を読み込む」というボタンが表示されるので、それをクリックします。
ファイルを選択する画面が開きますので、先ほど展開した trill_remover フォルダを選んで「選択」ボタンを押してください。
これで「TRILL News Remover」という拡張機能が一覧に追加され、有効になります。
この状態でYahoo!ニュースを開き「TRILL ニュース」が非表示になれば成功です。お試しください。


コメント