<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>隠す on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/%E9%9A%A0%E3%81%99/</link>
		<description>Recent content in 隠す on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Fri, 02 Jul 2021 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E9%9A%A0%E3%81%99/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Less-Addictive-YouTube - ユーチューブ再生ページを動画本体のみに集中させるブラウザ拡張</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/</link>
				<pubDate>Fri, 02 Jul 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/JesseDrain/Less-Addictive-YouTube&#34;&gt;JesseDrain/Less-Addictive-YouTube&lt;/a&gt; ブラウザ拡張は、YouTube 動画の再生ページから「不要なもの」を隠すブラウザ拡張(&lt;a href=&#34;https://chrome.google.com/webstore/detail/less-addictive-youtube/olhmbgdbpfpkpejldoihajphhilpdnle/related&#34;&gt;Chrome拡張&lt;/a&gt;、 &lt;a href=&#34;https://addons.mozilla.org/en-US/firefox/addon/less-addictive-youtube/&#34;&gt;Firefox拡張&lt;/a&gt;、他は計画中)です。&lt;/p&gt;&#xA;&lt;p&gt;再生中の画面、通常はこんな感じで、&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-off.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;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&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-off.png&#34; width=&#34;988&#34; height=&#34;578&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;拡張をオンにすると以下のようになります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-all-off.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;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&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-all-off.png&#34; width=&#34;1162&#34; height=&#34;410&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;動画本体でない箇所がいろいろと表示されなくなりますが、拡張のオプションでどれを隠すかを選ぶこともできます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-on.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;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&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-on.png&#34; width=&#34;992&#34; height=&#34;745&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;オプションは&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-options.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-options_hu_38d7437894c1cdd8.webp 398w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/less-addictive-youtube-hides-non-essential-items/less-addictive-youtube-options.png&#34; width=&#34;398&#34; height=&#34;282&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;コメントを消す&lt;/li&gt;&#xA;&lt;li&gt;サムネイルを消す&lt;/li&gt;&#xA;&lt;li&gt;関連動画を消す&lt;/li&gt;&#xA;&lt;li&gt;マウスオーバーでのプレビューを消す&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;の4つ。最後のはどのプレビューのことを言ってるのか確認できませんでしたが。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://news.ycombinator.com/item?id=27697286&#34;&gt;Hacker News&lt;/a&gt; では、uBlock Origin や &lt;a href=&#34;https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en&#34;&gt;Stylebot&lt;/a&gt;など汎用的な拡張で CSS ブロックを指定すれば同様のことはできる(=専用の拡張は要らない)というコメントもありますが、誰もが CSS を理解してブロックを指定できるわけではないのでこれはこれで使いたい人はいるかもしれません。&lt;/p&gt;</description>
			</item>
			<item>
				<title>Non Ad Block - 広告だけ表示してコンテンツを隠すブラウザ拡張</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/</link>
				<pubDate>Tue, 07 Mar 2017 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/</guid>
				<description>&lt;p&gt;ウェブサイト上の広告を表示させないようにする、いわゆるアドブロック拡張はいくつも存在しています。&lt;/p&gt;&#xA;&lt;p&gt;広く一般ユーザーに普及してるというほどでもないでしょうが、広告収入で運営しているウェブサイト・サービスの中にはこういったツールで&lt;a href=&#34;http://digiday.jp/publishers/with-one-in-five-users-blocking-ads-le-monde-cracks-down/&#34;&gt;広告を非表示にしているユーザーに警告したり&lt;/a&gt;、アドブロック拡張を入れてるユーザーを逆にブロックしたりしているところもあります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://chrome.google.com/webstore/detail/nonad-block/mjdphmpknkepficogfmnfhabmlngggip/&#34;&gt;Chrome拡張機能の Non Ad Block&lt;/a&gt; は、アドブロックの正反対をする拡張で、ウェブサイトから広告ではないものをすべて隠し、広告だけを残します。&lt;/p&gt;&#xA;&lt;p&gt;通常表示がこんな風なサイトも、&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/no-non-ad-block-newyork-times.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/no-non-ad-block-newyork-times_hu_f28ed9a764f933f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/no-non-ad-block-newyork-times_hu_281bcd00f07c2c3b.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/no-non-ad-block-newyork-times_hu_980c824d7911ebef.webp 1049w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/no-non-ad-block-newyork-times.png&#34; width=&#34;1049&#34; height=&#34;885&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;拡張を入れればこんな風に&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-newyork-times.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-newyork-times_hu_f846087aa8cfcbb2.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-newyork-times_hu_519daec00d04fba5.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-newyork-times_hu_5f6f6bf7b7c9b3c4.webp 1066w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-newyork-times.png&#34; width=&#34;1066&#34; height=&#34;840&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;邪魔な本文に引っかからずに、純粋に広告だけを楽しむことができます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-mainichi.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-mainichi_hu_ae11a7abd5dbcaf1.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-mainichi_hu_915cea69e9c5cb4c.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-mainichi_hu_2d103346130e39a.webp 1100w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-mainichi.png&#34; width=&#34;1100&#34; height=&#34;601&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;ぼやかされた本文のリンクも、読めないだけでクリックは可能です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-hatena.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-hatena_hu_19d72033ff7c30a3.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-hatena_hu_1307a8b8b1f3a1f0.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-hatena_hu_98fccc6912b395b4.webp 916w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/03/non-ad-block-hides-all-contents/non-ad-block-hatena.png&#34; width=&#34;916&#34; height=&#34;704&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;ソースコード(現在配布中の v1.0.0.1 には、危険なコードは入っていないと思います。ブラウザ拡張の常で将来の更新では保証できませんが)では、ページ上のCSSクラス等をホワイトリストで探して見えるようにしているだけなので、いかにも広告というクラス・タグ名を使っていないサイトではうまく動かず、ページ全面がぼやけてしまうこともあるようです。&lt;/p&gt;&#xA;&lt;p&gt;そういう意味では、日本語由来のクラス名を使っていたりもする日本のサイトでは、広告の部分がちゃんと引っかからずにあまり面白い結果にならないことも多いのが残念。&lt;/p&gt;&#xA;&lt;p&gt;アドブロックとこのノンアドブロックの両方を入れてみたところ、みごとに何も読めなくなりました。当たり前か。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://www.stupidhackathon.com/&#34;&gt;Stupid Hackathon&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>Facebookスタンプを見えなくする Unsticker Me ブラウザ拡張</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2014/10/browser-add-on-to-hide-facebook-stickers/</link>
				<pubDate>Tue, 14 Oct 2014 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2014/10/browser-add-on-to-hide-facebook-stickers/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://unsticker.me/&#34;&gt;Unsticker Me&lt;/a&gt; は、@rodneyfolz による、Facebookのスタンプ(sticker = ステッカー)を見たくない人のためのブラウザ拡張です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/browser-add-on-to-hide-facebook-stickers/unsticker-me-top.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/browser-add-on-to-hide-facebook-stickers/unsticker-me-top_hu_3a0ac307fbb8eb49.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/10/browser-add-on-to-hide-facebook-stickers/unsticker-me-top_hu_7b001d3935e827af.webp 521w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/browser-add-on-to-hide-facebook-stickers/unsticker-me-top.png&#34; width=&#34;521&#34; height=&#34;748&#34; alt=&#34;unsticker-me-top&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Firefox や Chrome ブラウザにこの拡張を入れると、Facebook メッセージや&lt;a href=&#34;http://www.itmedia.co.jp/news/articles/1409/29/news070.html&#34;&gt;コメント&lt;/a&gt;でのスタンプ画像が、表示されなくなります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/browser-add-on-to-hide-facebook-stickers/unsticker-me.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/browser-add-on-to-hide-facebook-stickers/unsticker-me_hu_4b53918c914fdeff.webp 335w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/browser-add-on-to-hide-facebook-stickers/unsticker-me.png&#34; width=&#34;335&#34; height=&#34;336&#34; alt=&#34;unsticker-me&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;左のようなメッセージ欄も、右のようにスッキリ。&lt;/p&gt;&#xA;&lt;p&gt;cssを書き換えてスタンプの画像の代わりに[sticker]という文字を表示させているだけですけどね。[スタンプ]とだけ表示されても困ると思いますが、日本のLINEユーザーのような、スタンプ中心とかスタンプだけで会話を成立させてしまうようなやりとりは想定していないのかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;普通にテキストで情報を伝えた上でアクセント的に添えられるスタンプが嫌いだ、という人をターゲットにしているのかも。&lt;/p&gt;&#xA;&lt;p&gt;via Hacker News&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
