pblog

越川直人(Koshikawa Naoto)の雑記

Facebook 動画のミュートを一斉解除する

Facebookの動画のミュートを一斉解除するブックマークレット。自動再生されているライブ動画などがあると、そちらのミュートも解除されてしまうで注意が必要。

ミュートを一斉解除

javascript:document.querySelectorAll(%27.accessible_elem%27).forEach(function(accesibleLabel)%20%7B%20if%20(accesibleLabel.textContent%20%3D%3D%20%27%E3%83%9F%E3%83%A5%E3%83%BC%E3%83%88%E3%82%92%E8%A7%A3%E9%99%A4%27)%20%7B%20accesibleLabel.parentNode.click()%20%7D%20%7D)

ブラウザへの設定例

  • Chrome: リンクをブックマークバーへドラッグ・アンド・ドロップ
  • Firefox: リンクでコンテキストメニューを表示し、「このリンクをブックマーク」を選択

StylusでWEB版のTwitterを雑に見やすくする

トレンドを非表示にして、メインカラムを大きくする。

f:id:naoto5959:20200806093915p:plain

[data-testid="sidebarColumn"] {
    display: none;
}

[data-testid="primaryColumn"] {
    max-width: 95%;
}

[data-testid="primaryColumn"] * {
    max-width: 100%;
}

カスタマイズ時のHMTLの要素の指定は、「なるべく変更に強そうな属性」を使ったカスタマイズを検討する。Twitter の HTML に指定されるCSS クラス要素は機械的なものが多かったので、なるべく意味がありそうな属性を探してみた。今回のスタイルシートは、ユーザーのA/Bテストでデザインが違う場合には対処できないかも知れない。

デザインが崩れたら、またそれらしい属性を探すこととする。

Stylusとは

ブラウザにユーザースタイルシートを適用するプラグイン。普段見ているサイトのデザインを自分好みに調整できる。

github.com

https://github.com/openstyles/stylus#releases Releases

  1. Chrome Web Store (or beta)
  2. Firefox add-ons
  3. Opera add-ons (see wiki for more recent version)

Stylusには各種ブラウザの機能拡張が存在するので、好きなものを使う。

目にしたくないメディアの記事について

メディアにこういう記事を書くなと訴えるのは、他人に行動の変化を強要することになるので、自分が行動を変えて目に入れないようにすればいい。

ツイッターなら

  • PCの場合は、右のカラムを非表示にする
    • [data-testid="sidebarColumn"] { display: none; }
  • ミュートキーワードを増やす
  • ツイッターをやめる
  • 情報源を別のサービスで得る方法を模索する

LINEならニュースタブを非表示にする

  • [設定] -> [通話]
  • LINEをやめる
  • 別の連絡手段を得る

など、防御策をいろいろ考えて自分の行動変化で自分から見た世の中をよくしていく。

www.youtube.com

『デイアンドナイト』を観て、同じ感想を抱ける人を大切にする。