Human Blinders — フィードを遮断するブラウザ拡張

Tool

概要

Human Blindersは、日常的に使うウェブサイトの「フィード」(おすすめ/タイムライン)を視界から消すことで、余計な情報に時間を奪われないようにするシンプルなChrome拡張です。対応はYouTube、X(旧Twitter)、LinkedInなどが明記されており、インストールはリポジトリをダウンロードしてChromeの拡張機能ページから読み込むだけ。ソースは軽量なJavaScriptで実装され、画像やアイコンなどのリソースも同梱されています。フィード要素をDOMレベルで非表示にするアプローチのため、余計なデータ取得や解析を行わずページの見た目を抑制する設計になっています。

GitHub

リポジトリの統計情報

  • スター数: 2
  • フォーク数: 0
  • ウォッチャー数: 2
  • コミット数: 4
  • ファイル数: 9
  • メインの言語: JavaScript

主な特徴

  • YouTube、X、LinkedIn等のフィード(タイムライン)を非表示にするシンプルな機能
  • 軽量なJavaScriptコンテンツスクリプトによるDOM操作ベースの実装
  • ローカルでダウンロードして手動で読み込むだけの簡単な導入フロー
  • 画像・アイコンを含むリソースを同梱、動作確認用のスクリーンショットあり

技術的なポイント

Human Blindersはcontent.js(コンテンツスクリプト)を中心に動作すると想定されます。コンテンツスクリプトは拡張が許可されたページ上で実行され、document.querySelectorやMutationObserverを使ってフィードを構成するDOMノードを検出・削除またはstyle.display = ‘none’で非表示にする方式が一般的です。READMEから見るに複数サイトに対応しており、サイトごとに異なるセレクタ群を持たせて条件分岐(ホスト名による切替)している可能性が高いです。

拡張機能の設定周り(オン/オフやホワイトリスト等)はREADMEに記載が途中までしかありませんが、現状は単純な有効/無効の切替だけで動作する想定です。アイコンやイメージはicons/、images/に配置されており、manifest.json(リポジトリ内に含まれていると推測)でcontent_scriptsやpermissions、action/iconsの参照が定義されているでしょう。

プライバシー面では、ネットワーク越しにデータを送信しない限りローカルで完結するため安全性は高いです。ただし、サイトのDOM構造変更によりセレクタが無効化されるリスクがあり、メンテナンス性を考えると設定画面でユーザー自身がセレクタを追加・編集できる仕組みや、Manifest V3準拠のService Worker移行、オプションページで有効対象サイトの管理を行えるとより良いです。また、MutationObserverをうまく使えば動的に読み込まれるフィードにも即時対応できます。

使い方とインストール

  1. リポジトリをダウンロードして解凍する。
  2. Chromeを開き chrome://extensions を開く。
  3. 右上の「デベロッパーモード」を有効にし、「パッケージ化されていない拡張機能を読み込む」から解凍フォルダを選択する。
  4. 拡張機能を有効にすると、対応サイトでフィードが非表示になる(READMEの手順は途中までの記載ですが、この流れが基本)。

スクリーンショット(images/youtube-example.png)が含まれており、動作イメージを確認できます。

プロジェクトの構成

主要なファイルとディレクトリ:

  • .gitignore: file
  • README.md: file
  • content.js: file
  • icons: dir
  • images: dir

…他 4 ファイル

(注)manifest.jsonやその他の設定ファイルはリポジトリ内に含まれていることが想定されますが、主要ファイルとしてcontent.jsが動作の中心です。

改善点と提案

  • オプションページを追加してユーザーが非表示対象のセレクタやオン/オフを管理できるようにする。
  • Manifest V3に準拠し、Service Workerベースの実装に移行する(セキュリティと将来互換性のため)。
  • サイトごとのルールをJSONで管理し、更新を容易にする(将来的に公開配布する場合の利便性向上)。
  • テスト用のユニットやE2Eを用意し、各サイトのアップデートによる回帰を検知する仕組みを導入する。

まとめ

シンプルで目的がはっきりしたフィード遮断拡張。軽量で手早く試せる。

リポジトリ情報:

READMEの抜粋:

        >>\.
       /_  )`.
      /  _)`^)`.
     (_,' \  `^-)\
          HUMAN BLINDERS

You have no self control.

Human Blinders removes the feed from sites you want to use without getting dragged into the sludge.

Human Blinders on YouTube

Now supporting LinkedIn, X (fka Twitter), and YouTube. When it’s on, you’re blind to the slop.

Install

  1. Download this repo from GitHub.
  2. Unzip it.
  3. Open Chrome and go to chrome://extensions.
  4. Turn …