240502 コード少し追加しました。
本記事は、ブラウザ拡張機能”Control Panel for Twitter”と”Stylebot“を使用してTwitterの表示を変える方法のメモです。Stylebotのはなしがメインです。
環境はPC、Braveブラウザです。
Control Panel for Twitterでなにができるのか
主に以下のようなことが出来ます
- フォロー数/フォロワー数の非表示
- いいねボタンその他リアクションボタンの非表示
- タイムライン上でのRTの非表示/表示方法切り替え
おだやかTwitterとかでもいいね数の非表示とかはありましたが、ボタン自体を非表示にできるというのは新鮮でした。詳しくはさまざまな記事があると思うのでそちらを見てください。便利です。
Stylebotで何をしたか
Stylebotとは、特定ページのCSSをいじって設定を保存し、そのページを開くたびに設定したままの表示にしてくれる拡張機能です。CPfTも大体同じことをしてくれているのですが、CPfTはボタンのオンオフだけで表示が設定できるようにある程度選択肢が絞られているところを、自分でコードを打つことでよりニッチな需要を満たそうというものです。以下のことをしました。
- 通知エリアの非表示
- 個別ツイートの「いいね」「RT」のテキストリンク非表示
- 個別ツイートの「エンゲージメントを表示」関連非表示
- 通知ページの「すべて」のタブを非表示
- アカウント切り替えボタン非表示
- ガチでやるときは左サイドバー非表示
とにかく、フォローしている人からもいいねその他の通知を表示しないように設定しました。これはいいねをされたくないというものではなく、リアクションがついているかどうかの認知を通知が来たタイミングでしたくないという理由によります。
どういうものになるのか
とにかく自分で「覚悟」が出来たときに通知を見に行きたいので通知タブを非表示に。
自分が大好きすぎてすぐプロフィールページに飛んでしまうので、そういう時はサイドバーも非表示に
さすがにメンションは気づかないでいると困るので、url直入力でたまに確認。その時に言い値などを見ないように「すべて」のタブを非表示に
エンゲージメント確認中毒人間なので、個別ツイートの右上を押して出てくるエンゲージメント関連の選択肢も非表示に
Stylebotに入力したコード(240502時点)
入力したコードは以下の通りです。基本的に検証ツールでセレクターをコピー→Stylebotを開きセレクター検索→ベーシックモードで「隠す」を選択にしました。
/* アカウント変更 */
/* div.css-175oi2r.r-1awozwy.r-sdzlij.r-6koalj.r-18u37iz.r-xyw6el.r-1loqt21.r-o7ynqc.r-6416eg.r-1ny4l3l {
display: none;
} */
/* 個別ツイートいいねなど */
#tntInteractionLinks > div {
display: none;
}
/* 通知タブ */
#react-root > div > div > div.css-175oi2r.r-1f2l425.r-13qz1uu.r-417010.r-18u37iz > header > div > div > div > div.css-175oi2r.r-1habvwh > div.css-175oi2r.r-15zivkp.r-1bymd8e.r-13qz1uu > nav > a:nth-child(3) > div {
display: none;
}
/* ポストごとのエンゲージメント */
#layers > div.css-175oi2r.r-zchlnj.r-u8s1d.r-1d2f490.r-ipm5af.r-1p0dtai.r-105ug2t > div > div > div > div.css-175oi2r.r-1ny4l3l > div > div.css-175oi2r.r-j2cz3j.r-14lw9ot.r-1q9bdsx.r-1upvrn0.r-1udh08x.r-u8s1d > div > div > div > a {
display: none;
}
/* 左のサイドバー */
/* div.css-175oi2r.r-1pi2tsx.r-1wtj0ep.r-1rnoaur.r-o96wvk.r-1pn2ns4 {
display: none;
}
header.css-175oi2r.r-lrvibr.r-1g40b8q.r-obd0qt.r-16y2uox {
display: none;
}
div.css-175oi2r.r-1oszu61.r-1niwhzg.r-18u37iz.r-16y2uox.r-2llsf.r-13qz1uu.r-1wtj0ep {
margin-left: 25%;
} */
/* 通知ページメンションのみ表示 */
#react-root > div > div > div.css-175oi2r.r-1f2l425.r-13qz1uu.r-417010.r-18u37iz > main > div > div > div > div.css-175oi2r.r-14lw9ot.r-jxzhtn.r-13l2t4g.r-1ljd8xs.r-1phboty.r-16y2uox.r-184en5c.r-61z16t.r-11wrixw.r-1jgb5lz.r-13qz1uu.r-1ye8kvj > div > div.css-175oi2r.r-aqfbo4.r-gtdqiz.r-1gn8etr.r-1g40b8q > div.css-175oi2r.r-1e5uvyk.r-6026j > div:nth-child(2) > nav > div > div.css-175oi2r.r-1adg3ll.r-16y2uox.r-1wbh5a2.r-1pi2tsx > div > div:nth-child(1) > a {
display: none;
}
/* プロフィールのフォローフォロワー表示 */
div.css-175oi2r.r-13awgt0.r-18u37iz.r-1w6e6rj {
display: none;
}
div.css-1rynq56.r-bcqeeo.r-qvutc0.r-1tl8opc.r-a023e6.r-rjixqe.r-majxgm.r-1awozwy.r-6koalj.r-18u37iz.r-1pi2tsx.r-1777fci.r-1l7z4oj.r-95jzfe.r-bnwqim {
display: none;
}
/* ○○さんがフォローしています表示 */
#react-root > div > div > div.css-175oi2r.r-1f2l425.r-13qz1uu.r-417010.r-18u37iz > main > div > div > div > div > div > div:nth-child(3) > div > div > div > div > div.css-175oi2r.r-1s2bzr4 > div > div > div > a > div {
display: none;
}
/* ミュート解除 */
#react-root > div > div > div.css-175oi2r.r-1f2l425.r-13qz1uu.r-417010.r-18u37iz > main > div > div > div > div.css-175oi2r.r-14lw9ot.r-jxzhtn.r-13l2t4g.r-1ljd8xs.r-1phboty.r-16y2uox.r-184en5c.r-61z16t.r-11wrixw.r-1jgb5lz.r-13qz1uu.r-1ye8kvj > div > div:nth-child(3) > div > div > div > div > div.css-1rynq56.r-bcqeeo.r-qvutc0.r-1tl8opc.r-a023e6.r-rjixqe.r-16dba41.r-usiww2 {
display: none;
}以下は日記です。
Twitterは好きだ
ブログのサイドバーのプロフィール欄で「Twitterは消しました」と書いてあるがあれは大嘘で、一回消したけどまた戻ってきてしまっている。Blueskyの招待制が廃止され多くの人がTwitterからの移住を（実際するかはどうであれ）検討する昨今、BlueskyとTwitterとのダブル定住をするくらいにはTwitterが好きだ。いろんな思い出があり、いろんな人がいて、いろんな地獄と天国がある。好きになれないのはその中の自分のちっぽけさだけなのだ。
Blueskyには「有頂天」というクライアントがあって、メンション以外の通知・フォローフォロワー・あなたをフォローしていますなどの表示が初めからない。Twitterにもこういうものがあればいいのだが、おそらくあってもAPIのなんだかんだとかで消え去ってしまったのだろう。
有頂天本家には程遠いが、私なりの有頂天Twitterである。これからも、愛せる限りはツイッターを愛したい。寂しくないインターネットなんてないのだが、わたしは寂しくなくなるまですべてを魔改造し続ける。