https://labs.cybozu.co.jp/blog/akky/tags/%E5%8D%98%E7%B4%94%E5%8C%96/ Recent content in 単純化 on akky@サイボウズラボ・ブログ Hugo ja Fri, 02 Jul 2021 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/ Fri, 02 Jul 2021 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/ <p><a href="https://github.com/JesseDrain/Less-Addictive-YouTube">JesseDrain/Less-Addictive-YouTube</a> ブラウザ拡張は、YouTube 動画の再生ページから「不要なもの」を隠すブラウザ拡張(<a href="https://chrome.google.com/webstore/detail/less-addictive-youtube/olhmbgdbpfpkpejldoihajphhilpdnle/related">Chrome拡張</a>、 <a href="https://addons.mozilla.org/en-US/firefox/addon/less-addictive-youtube/">Firefox拡張</a>、他は計画中)です。</p> <p>再生中の画面、通常はこんな感じで、</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-off.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-off_hu_b730ff13d76e06fc.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-off_hu_5dcdc3e28f7c0a7b.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-off_hu_c50ef3461fdb7a9.webp 988w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-off.png" width="988" height="578" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>拡張をオンにすると以下のようになります。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-all-off.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-all-off_hu_b8b25f712915f9c5.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-all-off_hu_f11753a77da047a1.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-all-off_hu_97a161a9935eeaf8.webp 1162w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-all-off.png" width="1162" height="410" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>動画本体でない箇所がいろいろと表示されなくなりますが、拡張のオプションでどれを隠すかを選ぶこともできます。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-on.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-on_hu_eb4622057c440b99.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-on_hu_66340c878537fba4.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-on_hu_c4cabc91de0382e.webp 992w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-on.png" width="992" height="745" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>オプションは</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-options.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-options_hu_38d7437894c1cdd8.webp 398w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-options.png" width="398" height="282" alt="" loading="lazy" decoding="async"> </picture></a></p> <ul> <li>コメントを消す</li> <li>サムネイルを消す</li> <li>関連動画を消す</li> <li>マウスオーバーでのプレビューを消す</li> </ul> <p>の4つ。最後のはどのプレビューのことを言ってるのか確認できませんでしたが。</p> <p><a href="https://news.ycombinator.com/item?id=27697286">Hacker News</a> では、uBlock Origin や <a href="https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en">Stylebot</a>など汎用的な拡張で CSS ブロックを指定すれば同様のことはできる(=専用の拡張は要らない)というコメントもありますが、誰もが CSS を理解してブロックを指定できるわけではないのでこれはこれで使いたい人はいるかもしれません。</p>