Chrome拡張「Stylus」でTwitterの表示を制限する

2024.01.04更新

いまはツイートじゃなくてポストって言うんでしたっけ？。そのポストが日本語だったらそのアカウントごと非表示にするように改修しました。裏のソースが変わったのか以前のCSSでは対応できなくなっていたので、改修ついでに日本語でツイートしたアカウントは非表示になるようにしました。

.css-175oi2r.r-eqz5dr:has(.r-bnwqim[lang="ja"]) {
display: none;
}

日本語を目に入らない環境ができつつある・・・

更新前

SNS疲れからTwitterを辞める、あるいは離れる人はまぁまぁいると思います。
かくいうわたくしもネガティブな情報や感情を無駄に刺激されるツイートを目にして不快な気分になることが増えてしまったのでやめようかなと思ったのですが、twitterで連絡を取っている人がちょいちょいいるので、ブラウザでアクセスした際にダイレクトメッセージ以外表示されないようにしました。見えなければどうということはないでございます。

ダイレクトメッセージ以外非表示にさせるにはChromeの拡張機能である「Stylus」を使用するので、Chromeの使用が大前提になります。
Stylusの詳しい使い方は割愛しますが、下記のCSSを設定することで、ダイレクトメッセージ以外表示されなくなります。

/* この行からコピーする */
/* Twitterのトレンド欄を消す */
div[aria-label="タイムライン: トレンド"]{display:none}
div.Trends{display:none !important}
/* Twitterのおすすめユーザを消す */
aside[aria-label="おすすめユーザー"]{display:none}
div.wtf-module{display:none !important}
/* トレンド欄の広告を消す */
li.promoted-trend{display:none}
/* フッター非表示 */
nav[aria-label="フッター"]{display:none}
div.Footer{display:none !important}
/* いいね・RT・コメント数非表示 */
.r-qvutc0 .css-1dbjc4n .r-qvutc0 {display:none;}
/* ホームタイムラインを消す */
div[aria-label="タイムライン: ホームタイムライン"]{display:none !important;}
div.r-e7q0ms {display:none !important;}
div.r-1hycxz {display:none !important;}
.css-1dbjc4n.r-14lw9ot.r-jxzhtn.r-1ljd8xs.r-13l2t4g.r-1phboty.r-1jgb5lz.r-11wrixw.r-61z16t.r-1ye8kvj.r-13qz1uu.r-184en5c {display:none !important;}
/* この行までコピーする */

設定したスタイルを有効にすると・・・。真っ白でございます。ダイレクトメッセージは表示されるので内容を確認できます。