Yahoo!ニュースで表示されるコメントのポップアップを非表示にする

いつからかわかりませんが、最近Yahoo!ニュースの記事の左側に、その記事に付いたコメントのトップコメントがポップアップされるようになりました。






コメントを重要視する人たちからしたら便利な機能なのかも知れませんが、ユーザーのコメントなんて全く必要としていない僕にとっては邪魔でしかありません。特にYahoo!のコメントは感情的、攻撃的なコメントが多く、それが表示されているだけで萎える。記事そのものには罪はないので、これを非表示にしたい。

コメントそのものを非表示にしたい場合は

記事をずっと下にスクロールしていくと「コメント非表示」というチェックボックスがあります。





これにチェックを入れると、コメント一覧だけでなくコメントのポップアップも非表示に出来ます。これは他のページに移動しても維持されるので、基本的にはこれでOK。

Cookieを頻繁に削除する場合はカスタムスタイルシートを

上の設定で基本的には実現出来ているのですが、Cookieを削除したときには再設定の必要があります。僕の場合、サイトの動作確認などでCookieを削除することが頻繁にあるのでちょっと煩わしい（動作確認対象のCookieだけ削除すれば済む話なんだけどさ）。その場合にはカスタムスタイルシートを適用することで非表示に出来ます。

カスタムスタイルシートを使えるようにするには何らかのアドオンが必要です。今回は「Stylus」を使いました。


Stylus – Chrome ウェブストア


以前動作が不安定になったことがあって使用を止めていたのですが、現行バージョンでは安定して動作するようです。使い方は以下の記事などを参考にしてください。


Stylusでデザインを変更してみた – RAKUS Developers Blog | ラクス エンジニアブログ


適用するCSSは以下の通りです。

#contentsWrap aside + div {
   display: none
}

ポップアップコメントには「sc-krvtoX kStQYG」などのクラスが指定されているのですが、これが定期的に変更になるみたいなんですよね。なのでそれを直接指定してもそのうちまた表示されるようになってしまいます。ポイントは「aside + div」で、これはつまり「asideの次のdiv」という意味です。「隣接兄弟セレクタ」といわれるヤツですね。


隣接兄弟セレクタ – CSSの基本書式 – スタイルシート入門


これならHTML構造に変更が無い限りは適用し続けられます。

記事にコメントなんか必要なのか

個人的にはいらねーんじゃねーの、と思うんですけど、ユーザーコメントを中心に盛り上がってる感じを出したいという発想も理解は出来ます。ニュースサイトをSNS的に捉えているんでしょうね。コメントがたくさん付いているのを見るにそういうのが好きな人たちも大勢いるってことみたいなので、ありなのかなあとは思うのですけど、でもやっぱり好きにはなれないなあ。はてなブックマークコメントもそうだけど、大半は鬱憤を晴らすための殴り書きでしかなくて読む価値はゼロに等しいんだよなあ。コメントのやりとりと言ってもだいたいはストレスの発散と再生産を繰り返す肥だめでしかないし。はてなブックマークを「うんこの投げ合い」と言った人が昔いましたが、いやあ、ほんとその通り。Yahoo!ニュースのコメント欄も結局は盛大なうんこの投げ合いなんだよなあ。それが好きだって言われたら「そうですか」としかいいようがないけれど。