【mixi2】リアクション、いいね、リポストの数字を非表示にするCSS

2025年6月6日Stylebot&Stylus(CSS)

この記事では、PCウェブサイト版「mixi2」のリアクション（反応）、返信数、リポスト数、いいね数を非表示にするCSSを書きます。

ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebotスタイルボット」や「Stylusスタイラス」を利用します。

2025年05月16日から「mixi2」がブラウザ版に対応しました。

【mixi2】PCブラウザから利用する方法。閲覧と投稿ができる！

この記事では、「mixi2」をPCブラウザから利用する方法を書きます。2025年05月16日から対応しました。 ...

https://www.naporitansushi.com/mixi2-pc-browser-usage/

他のSNSではあんまり見ないリアクションという機能があり、グッジョブとか「おお！」とか絵文字で反応を送信できます。他のSNSにもある返信、リポスト、いいね機能もあります。

僕はこれらの数字が目に入ると気疲れしてしまう性格なので、CSSを使って自身の環境上だけでこっそり非表示にしてみます。自分の見た目上の変更なので、誰にも迷惑をかけません。

数字を消すだけなので自分がリポストやいいねすることは可能です。いつでもオンオフできます。

本記事はChrome拡張機能・Firefoxアドオンを利用できるPCブラウザ限定です。スマホやタブレットのアプリ版ではできません。

拡張機能を利用できるブラウザアプリ（例：Kiwi Browserは2025年1月で開発終了なのでMicrosoft Edge CanaryやFirefox）などをインストールしてCSSを書き込み、ブラウザ版から利用する場合はもしかしたら使えるかもしれません。

1. 前提
2. 「mixi2」のリアクションや各種数字を非表示にするCSS
3. 感想

前提

「Stylebot」などのCSSを適用できる拡張機能を既に導入している前提です。

【Stylebot】サイトにCSSを適用できる拡張機能の使い方

この記事では、ウェブサイトに自分で作成したCSSを適用できるChrome拡張機能「Stylebot」について書き ...

https://www.naporitansushi.com/stylebot/

「mixi2」のリアクションや各種数字を非表示にするCSS

スタイルシートを開く

「mixi2」にアクセスしてログインします。インストールした「Stylebot」拡張機能アイコンを左クリック→「Stylebotを開く」をクリックします。

右側に白紙のサイドバーが表示されます。

もし初めて「Stylebot」を起動した場合は「ベーシック」という画面が表示されます。下部にある「コード」をクリックすると白紙のスタイルシート画面を開けます。

CSSを書き込む

以下のコードを書き込みます。

/*返信の数字非表示*/
button>i[style*="/icon_reply"]+span {
    opacity: 0 !important;
}

/*リポストの数字非表示*/
button>i[style*="/icon_repost"]+span {
    opacity: 0 !important;
}

/*いいねの数字非表示*/
button>i[style*="/icon_like"]+span {
    opacity: 0 !important;
}

/*リアクション非表示*/
.n4ucc10>button:not(:has(>[style*="/icon_reaction_add"])):not(:has(.n4ucc15,.n4ucc19)) {
    display: none !important;
}