Togetterを見れなくするブラウザ拡張機能

Togetterは時間を忘れて見てしまうぐらい楽しいXまとめサイトですが、結局は意味の無い時間を過ごしてしまったり、ストレス溜めてしまっていませんか？

Togetterを非表示にするブラウザ拡張機能を作りました。この拡張機能でデジタルデトックスしましょう。

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

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

Togetterのサイトロゴ以外は見えなくなります。

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

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

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

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

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

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

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

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

 
{
  "name": "Hide Contents for Togetter",
  "description": "Togetterを非表示にします。",
  "version": "25.113.0",
  "manifest_version": 3,
  "web_accessible_resources": [],
  "permissions": [],
  "content_scripts": [
    {
      "matches": ["https://togetter.com/*"],
      "css": ["hide_style.css"]
    }
  ]
}

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

 
.contents,
footer,
#fixed_header,
#subheader {
	display:none !important;
}

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

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

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

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

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

8. 拡張機能画面に「Hide Contents for Togetter」が読み込まれたら完了です。

シークレットモードでも拡張機能を使う場合

拡張機能の設定画面を開き、設定したい拡張機能の「詳細」をクリック。「シークレットモードでの実行を許可する」をオンにしてください。

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

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

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

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

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

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

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

8. 拡張機能画面に「Hide Contents for Togetter」が読み込まれたら完了です。

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

Togetterのサイトロゴ以外は見えなくなります。もし非表示にならない場合はページを読み込み直してください。

リリースノート

25.113.0 2025/1/13

最初のバージョン

net tips

このブログを検索