X (旧Twitter)のおすすめを非表示にする拡張機能

Xのおすすめを見てしまって意味の無い時間を過ごしてしまったり、ストレスを溜めてしまいがちで困ってませんか。

Xの設定には無いので、非表示にするブラウザ拡張機能を作りました。この拡張機能で見たくないものを非表示にしましょう。

※Microsoft Edgeでもこの拡張機能は動作します。
※スマートフォンのChromeには対応していません。

この拡張機能を使うとこうなります

「おすすめ」タブが見えなくなります。
メニューにある「話題を検索」が見えなくなります。
右にある「いまどうしてる？（トレンド）」「おすすめユーザー」が見えなくなります。

おすすめのほかに下のような部分も見えなくなります。

メニューにある「Grok」「コミュニティ」「プレミアム」「認証済み組織」「求人」「ビジネス」が見えなくなります。
右にある「プレミアムにサブスクライブ」が見えなくなります。

プロフィールに出てくる「認証される」ボタンが見えなくなります。

拡張機能のセットアップ（Chromeの場合）

使いたい人は下記の手順でセットアップしてください。これはソース公開の拡張機能です。

1. この拡張機能を入れるフォルダをパソコン内に作ってください。

　Cドライブの中でずっと同じ場所で使えるところにフォルダを作ってください。

　よくわからない人はCドライブの直下に「XRecommendBlock」というフォルダで作ってください。

2. 下記3つの内容をそれぞれファイルにして作ったフォルダに入れます。右上の「全選択」を押してコードをメモ帳にコピー＆ペーストして、指定のファイル名で保存してください。

文字コードはUTF-8にしてください。

下の内容をファイル名「manifest.json」、文字コードUTF-8で保存

 
{
  "name": "X Recommend Block",
  "description": "Xのおすすめを非表示にします。",
  "version": "2.4.0",
  "manifest_version": 3,
  "web_accessible_resources": [],
  "permissions": [],
  "content_scripts": [
    {
      "matches": ["https://twitter.com/*","https://x.com/*"],
      "run_at" : "document_end",
      "css": ["hide_style.css"],
      "js":["script.js"]
    }
  ]
}

下の内容をファイル名「hide_style.css」、文字コードUTF-8で保存

 
div[aria-label="タイムライン: トレンド"] {
    display:none !important;
}

a[aria-label="調べたいものを検索"] {
    display:none !important;
}

a[aria-label="Grok"] {
    display:none !important;
}

a[aria-label="コミュニティ"] {
    display:none !important;
}

a[aria-label="プレミアム"] {
    display:none !important;
}

a[aria-label="認証済み組織"] {
    display:none !important;
}

aside[aria-label="プレミアムにサブスクライブ"]{
    display:none !important;
}

aside[aria-label="おすすめユーザー"]{
    display:none !important;
}

div[role="presentation"]:nth-child(1) {
    a[href*="/home"]:first-child {
        display:none !important;
    }
}

.r-1bro5k0 {
    min-height: 0rem !important;
}

a[href="/i/premium_sign_up"] {
    display:none !important;
}

a[aria-label="求人"] {
    display:none !important;
}

a[aria-label="ビジネス"] {
    display:none !important;
}

下の内容をファイル名「script.js」、文字コードUTF-8で保存

 

var retry_count = 0;
var max_retry_count = 5;

function clickFollowTab() {
    var elements = document.querySelectorAll("a[href*='/home']");
    if(elements.length >= 4){
        console.info("Click: Following tab");
        elements[3].click();
    }else{
        console.info("Not found: Following tab");
        retry_count++;
        if(retry_count < max_retry_count) {
            console.info("Retry: Click Following tab");
            setTimeout(() => {
                clickFollowTab();
            }, 750);
        }
    }
}

document.onreadystatechange = () => {
    if(document.readyState === "complete") {
        clickFollowTab();
    }
}

3. フォルダ内に「manifest.json」「hide_style.css」「script.js」のファイルがあることを確認します。

4. Chromeを起動します。右上のメニュー（…のところ）→「拡張機能」→「拡張機能を管理」をクリックして拡張機能の画面を出します。

5. 拡張機能画面の右上にある「デベロッパーモード」を有効にします。

6. 拡張機能画面に「パッケージ化されていない拡張機能を読み込む」ボタンが出てくるのでクリック。

7. フォルダ選択画面が出るので、手順1で作ったフォルダを選択します。

8. 拡張機能画面に「X Recommend Block」が読み込まれたら完了です。

拡張機能のセットアップ（Microsoft Edgeの場合）

Microsoft Edgeの拡張機能としても動作します。読み込み方法は下記になります。

1～3. 「拡張機能のセットアップ（Chromeの場合）」の1～3の手順を行ってください。

4. Edgeを起動します。右上のメニュー（…のところ）→「拡張機能」をクリック。ポップアップされた画面の「拡張機能の管理」をクリックして拡張機能の画面を出します。

5. 拡張機能画面の左下にある「開発者モード」を有効にします。

6. 拡張機能画面の右上に「展開して読み込み」ボタンが出てくるのでクリック。

7. フォルダ選択画面が出るので、手順1で作ったフォルダを選択します。

8. 拡張機能画面に「X Recommend Block」が読み込まれたら完了です。

Xにアクセスして試してみましょう

Xのサイト上で今までおすすめがあったところが無くなっています。

もしおすすめタブが出てないけど、おすすめポストが見えている場合は他のタブに変えるとその後は表示されません。

リリースノート

2.4.0 2024/09/26

新しい機能を非表示にしました

2.3.0 2024/08/25

新しい機能を非表示にしました

2.2.0 2024/08/03

プロフィールの「認証される」ボタンを非表示にしました

2.1.0 2024/07/07

リトライを追加し、非表示の強化を行いました

2.0.0 2024/07/06

機能強化を行いました

1.1.0 2024/05/17

x.comのドメイン対応をしました

1.0.0 2024/01/06

最初のバージョン

net tips

このブログを検索