TRILLニュースを非表示にするChrome拡張機能

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 });

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"
    }
  ]
}

設定方法

次のファイルをダウンロードして適当なフォルダに展開します。
trill_remover
Chromeのアドレスバーに chrome://extensions と入力して、Enterキーを押します。
ページの右上にある「デベロッパーモード」のスイッチをクリックしてオンにします。
「パッケージ化されていない拡張機能を読み込む」というボタンが表示されるので、それをクリックします。
ファイルを選択する画面が開きますので、先ほど展開した trill_remover フォルダを選んで「選択」ボタンを押してください。
これで「TRILL News Remover」という拡張機能が一覧に追加され、有効になります。

この状態でYahoo!ニュースを開き「TRILL ニュース」が非表示になれば成功です。お試しください。

コメント

タイトルとURLをコピーしました