<?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/%E4%B8%8D%E9%81%A9%E5%88%87%E3%81%AA%E7%94%BB%E5%83%8F/</link>
		<description>Recent content in 不適切な画像 on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Fri, 28 Aug 2020 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E4%B8%8D%E9%81%A9%E5%88%87%E3%81%AA%E7%94%BB%E5%83%8F/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>NSFW Filter - 職場で見てはいけないNSFW画像をブロックするブラウザ拡張</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/</link>
				<pubDate>Fri, 28 Aug 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/nsfw-filter/nsfw-filter&#34;&gt;nsfw-filter/nsfw-filter&lt;/a&gt;は、Tensorflow.js を使って特定の画像、職場で表示するのが不適切な画像(NSFW = Not Safe For Work)をブロックできるブラウザ拡張です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://github.com/nsfw-filter/nsfw-filter&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/nsfw-filter-logo_hu_204d480ec6a89da6.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/nsfw-filter-logo_hu_ce9e750a54bb1459.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/nsfw-filter-logo_hu_a04b2a3bc2d89822.webp 1280w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/nsfw-filter-logo.png&#34; width=&#34;1280&#34; height=&#34;640&#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/2020/08/nsfw-filter-browser-extension/nsfw-filter-working-sample.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/nsfw-filter-working-sample_hu_bcf59a36df8ebad6.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/nsfw-filter-working-sample_hu_799877a6e5308f10.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/nsfw-filter-working-sample_hu_9d38958fbe4a45a0.webp 1050w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/nsfw-filter-working-sample.png&#34; width=&#34;1050&#34; height=&#34;823&#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/2020/08/nsfw-filter-browser-extension/not-nsfw-filter.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/not-nsfw-filter_hu_482f3a9b0bbb68ab.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/not-nsfw-filter_hu_ca17fb5985b64f3d.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/not-nsfw-filter_hu_32b37d40b9a3a008.webp 1076w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/08/nsfw-filter-browser-extension/not-nsfw-filter.png&#34; width=&#34;1076&#34; height=&#34;751&#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;a href=&#34;https://github.com/infinitered/nsfwjs&#34;&gt;infinitered/nsfwjs のライブラリ&lt;/a&gt;を使っていて、Chrome, Firefox 用にパッケージされています。&lt;/p&gt;&#xA;&lt;p&gt;クライアント側のブラウザ上で処理され、判定される画像自体が外部に送られることはありません。自分が何を見ているかという情報は洩れないということですね。&lt;/p&gt;&#xA;&lt;p&gt;ブロック判定の前に一瞬表示されることもあるようです。また、何がNSFWかの判定はもちろん完璧ではなく、職場ではまずそうな画像が残ることもあれば、まずくない画像が誤判定されている場合もあるだろうと思います。小さなサムネイル画像などは判定失敗していることが多いようにも感じました。&lt;/p&gt;&#xA;&lt;p&gt;画像の表示はそんなに遅延する感じはありませんね。まあそこはPCの処理速度にもよるかもしれませんが。&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;https://towardsdatascience.com/building-a-safer-internet-for-everyone-using-ai-175df5e02cee?gi=edc84961c7e5&#34;&gt;Towards Data Science&lt;/a&gt; and &lt;a href=&#34;https://news.ycombinator.com/item?id=24251131&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
