■[はてブ]uBlock Originで特定のエントリーを隠す方法のメモ

数ヶ月前のはてなブックマークの仕様変更で"はてなNG"などのChromeのエクステンションが使えなくなったとかなんとかいう話を見た覚えがある。その後の展開は知らないけれど、今見たところ最終更新日が2014年のままだからおそらくどうもなっていないのだろう。

WebExtensionsの知識もないので、出来合いの広告ブロックアドオンuBlock Originのコスメティックフィルターを使って仕様変更後のはてなブックマークのエントリーをブロックする方法をメモしておく。使ったブラウザはFirefox 60だけど、他のブラウザでも似たような感じでできるのではないだろうか。

特定のサイトのエントリーをブロックする方法

uBlock Originのダッシュボードを開く。ツールバーのアイコンやアドオンメニューの設定ボタンから開くことができる。

My Filtersタブを開く。

例えば朝日新聞のasahi.comをブロックしたい場合、次の行を追加しApply Changesボタンを押して変更を確定する。

hatena.ne.jp##.js-keyboard-selectable-item:has(a[href*="asahi.com"])

ブロックしたいサイトが増田(anod.hatelabo.jp)だとしたら次のような行を足すことになる。

hatena.ne.jp##.js-keyboard-selectable-item:has(a[href*="anond.hatelabo.jp"])

特定の単語(NGワード)を含むエントリーをブロックする方法

サイトブロックと同じくMy Filtersタブに移動する。

例えば「アメフト」を含むエントリーをブロックしたい場合は、次の行を追加しApply Changesボタンを押して変更を確定する。

hatena.ne.jp##.js-keyboard-selectable-item:has-text(アメフト)

はてなブックマークのエントリーリストページにはタイル、リスト、ヘッドラインと3種類の表示方法があり、htmlの書かれ方もそれぞれ違うが、class="js-keyboard-selectable-item"のli要素がどの表示方法でも共通して存在する。2018年3月以降のはてブページでエントリーをブロックするためにはこの要素を指定して隠すのが手っ取り早い。広告ブロックソフトを使うにせよ、JavaScriptを自分で書くにせよそういう方針になると思う。

uBlock Originを使ったブロックの欠点は上記のように設定が若干難しいのと、はてなNGのようにIDを指定するだけでブコメもブログも両方ブロックという芸当はできないことだろうか。ブコメ、ブログをそれぞれブロックすることになる。利点は高速性を謳うuBlock Originなどの機能をそのまま使うので速度低下を最小限に抑えられることだろう。

ツイートシェア

Permalink | 記事への反応(3) | 21:58