<?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/%E7%94%BB%E5%83%8F/</link>
		<description>Recent content in 画像 on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Fri, 10 Feb 2023 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E7%94%BB%E5%83%8F/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Screenstab - スクリーンショットを斜め視点に変換してくれるサービス</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2023/02/screenstab-angles-your-screenshot/</link>
				<pubDate>Fri, 10 Feb 2023 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2023/02/screenstab-angles-your-screenshot/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.screenstab.com/editor/&#34;&gt;Screenstab&lt;/a&gt;は、スクリーンショット画面をいい感じに斜めに変換してくれるという単機能のwebサービスです。&lt;/p&gt;&#xA;&lt;p&gt;当ブログのスクリーンショットを変換してみた様子がこちら&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.screenstab.com/editor/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2023/02/screenstab-angles-your-screenshot/screenstab-angled-screenshot_hu_6c25656f7b373d9e.webp 480w, https://labs.cybozu.co.jp/blog/akky/2023/02/screenstab-angles-your-screenshot/screenstab-angled-screenshot_hu_6dc9f86f5ce32a99.webp 768w, https://labs.cybozu.co.jp/blog/akky/2023/02/screenstab-angles-your-screenshot/screenstab-angled-screenshot_hu_2d6a00af9d7a9ac9.webp 1223w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2023/02/screenstab-angles-your-screenshot/screenstab-angled-screenshot.png&#34; width=&#34;1223&#34; height=&#34;799&#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;当ブログのスクリーンショットを変換している時のScreenstabのスクリーンショット&lt;/p&gt;&#xA;&lt;p&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;/ul&gt;&#xA;&lt;p&gt;そして、&lt;a href=&#34;https://screenstab.pro/editor-pro/&#34;&gt;Proプラン&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;HD画像での保存&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Proの料金は個人が$5/月。うーんどうかな。毎月こういう加工が必要な人は、手元のツールでもチャッチャと加工できそうだけれど。&lt;/p&gt;&#xA;&lt;p&gt;企業向けに他の機能とセットで提供というのは有り得ますね。Hacker Newsで提案されている、もっと安価で変換の都度少額を払うというのもありかもしれない。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=34729849&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>Apple製品でだけ違う表示にできる PNG ファイル</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/12/png-differently-rendered-on-apple-devices/</link>
				<pubDate>Thu, 16 Dec 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/12/png-differently-rendered-on-apple-devices/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.da.vidbuchanan.co.uk/widgets/pngdiff/&#34;&gt;PNG Parser Differential&lt;/a&gt; では、Apple のデバイスでだけ異なって表示される不思議な PNG ファイルが公開されています。&lt;/p&gt;&#xA;&lt;p&gt;Windows + Chrome で見た同ページ&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/12/png-differently-rendered-on-apple-devices/png-hello-world-on-windows-chrome.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/12/png-differently-rendered-on-apple-devices/png-hello-world-on-windows-chrome_hu_1dd2d8b5c103bac7.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/12/png-differently-rendered-on-apple-devices/png-hello-world-on-windows-chrome_hu_393448765ea4fee8.webp 761w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/12/png-differently-rendered-on-apple-devices/png-hello-world-on-windows-chrome.png&#34; width=&#34;761&#34; height=&#34;746&#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;iPad + Safari で見た全く同じページ (Chrome でも同じ)&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/12/png-differently-rendered-on-apple-devices/png-hello-apple-on-ipad-safari.jpg&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/12/png-differently-rendered-on-apple-devices/png-hello-apple-on-ipad-safari_hu_bf3f097d915ce45.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/12/png-differently-rendered-on-apple-devices/png-hello-apple-on-ipad-safari_hu_b46e063239bd5b0d.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/12/png-differently-rendered-on-apple-devices/png-hello-apple-on-ipad-safari_hu_c372fad96d23e565.webp 2160w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/12/png-differently-rendered-on-apple-devices/png-hello-apple-on-ipad-safari.jpg&#34; width=&#34;2160&#34; height=&#34;1620&#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;PNG の表示結果がまったく違い、&amp;ldquo;Hello World&amp;rdquo; が &amp;ldquo;Hello Apple&amp;rdquo; になっています。不思議ですね。&lt;/p&gt;&#xA;&lt;p&gt;デビット・ブキャナン氏(David Buchanan)は、&lt;a href=&#34;https://github.com/DavidBuchanan314/parallel-png-proposal/&#34;&gt;マルチスレッド対応のPNGデコーダを自作&lt;/a&gt;しようとしている時に、自分が作りこんだバグに気づいたということ。それは、&lt;a href=&#34;https://github.com/DavidBuchanan314/parallel-png-proposal/issues/3&#34;&gt;一つのPNGファイルを分割してそれぞれを個別にzlibでデコードしたものを単純に結合しても、必ずしも元の画像に戻らない&lt;/a&gt;ことに起因するバグだでした。リンク先には PoC のコードがあります。&lt;/p&gt;&#xA;&lt;p&gt;もし分割の前半部分が非圧縮ブロックの途中であった場合に、単純結合では本来の画像が復元されないという問題が起こるそうなのですが、そうすると PNG を小分けにしてデコードしようとしない限りこのバグを作りこむことはなさそうです。&lt;/p&gt;&#xA;&lt;p&gt;そして、この問題をさらに調べたブキャナン氏は Apple のデコーダーにも同じバグがあるらしいと気づいたわけですね。Apple のデコーダはマルチスレッドで PNG データを分割デコードしているようです。おそらくパフォーマンスを稼ぐため。そこには &lt;a href=&#34;https://www.hackerfactor.com/blog/index.php?/archives/895-Connecting-the-iDOTs.html&#34;&gt;iDOT というApple 独自のチャンクタイプも絡んでくる&lt;/a&gt;らしいのですが、とにかく、前記のような条件を満たす PNG を人工的に作ることで、Apple デバイス上のレンダリングでは違う解釈をさせることができるというのが、冒頭の不思議な PNG ファイルというわけです。&lt;/p&gt;&#xA;&lt;p&gt;そのうち修正されるのだろうとは思いますが、これまでもバグを指摘していた人たちはいるようです。このバグをわざと使って何かする人とかでてきますかね。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=29573792&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>このスニーカーは存在しない - 機械学習で自動生成されたスニーカー画像</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/10/this-sneaker-does-not-exist/</link>
				<pubDate>Tue, 12 Oct 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/10/this-sneaker-does-not-exist/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://thissneakerdoesnotexist.com/&#34;&gt;This sneaker does not exist&lt;/a&gt;(このスニーカーは存在しない) は、機械学習で生成された実在しないスニーカーの画像を大量に作ってくれるwebサービスです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/10/this-sneaker-does-not-exist/this-sneaker-does-not-exist-top.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/10/this-sneaker-does-not-exist/this-sneaker-does-not-exist-top_hu_ca01d12886226753.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/10/this-sneaker-does-not-exist/this-sneaker-does-not-exist-top_hu_b4f3f4c8e97326f7.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/10/this-sneaker-does-not-exist/this-sneaker-does-not-exist-top_hu_8c9bf90a5f6094f8.webp 940w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/10/this-sneaker-does-not-exist/this-sneaker-does-not-exist-top.png&#34; width=&#34;940&#34; height=&#34;872&#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;http://localhost:8099/2019/02/this-person-does-not-exist-com/&#34;&gt;ThisPersonDoesNotExist.com&lt;/a&gt; や存在しないアニメ女性キャラクター(俺の嫁)を合成する&lt;a href=&#34;http://localhost:8099/2019/02/thiswaifudoesnotexist-generates-my-waifu-faces/&#34;&gt;www.ThisWaifuDoesNotExist.net&lt;/a&gt;など、敵対的生成ネットワーク(GAN)を利用した同種のサービスの一つで、このサイトでは5000種類の生成したスニーカーを並べていて、今後も元となるスタイルを増やすことでさらに多くのスニーカーデザインを追加する予定だそうです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/10/this-sneaker-does-not-exist/this-sneaker-does-not-exist-customize.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/10/this-sneaker-does-not-exist/this-sneaker-does-not-exist-customize_hu_ec4e14659bd1ee34.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/10/this-sneaker-does-not-exist/this-sneaker-does-not-exist-customize_hu_d4aad2c8637f4875.webp 583w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/10/this-sneaker-does-not-exist/this-sneaker-does-not-exist-customize.png&#34; width=&#34;583&#34; height=&#34;683&#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;生成されたスニーカーを選び、&amp;ldquo;futuristic(革新的)&amp;quot;、&amp;ldquo;creativity(創造的要素)&amp;quot;、色の明暗のスライダーをいじることで、さらに多少のカスタマイズを行うこともできます。&lt;/p&gt;&#xA;&lt;p&gt;新しいスニーカーをデザインする人がインスピレーションを得るために使えるか、ここで生成されたデザインをそのまま実際に作って販売する商売を立ち上げるか(といっても、ベースとなるスニーカー画像を参考にしてるので結果的に盗作になるケースは避けないと)、などの用途が考えられるでしょうか。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=28825778&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>PhotoChrome - 言葉からカラーパレットを作ってくれるサービス</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/</link>
				<pubDate>Wed, 07 Jul 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/</guid>
				<description>&lt;p&gt;単語を入れると、単語に関連した色からカラーパレットを作るというサービスが PhotoChrome です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/photochrome-tokyo.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/photochrome-word-color-pallet/photochrome-tokyo_hu_a94cf368808dcd60.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/photochrome-tokyo_hu_4969b3aed8703f25.webp 547w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/photochrome-tokyo.png&#34; width=&#34;547&#34; height=&#34;492&#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://unsplash.com/&#34;&gt;Unsplash&lt;/a&gt; の API で単語に関連した無料利用可能な画像を検索します。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/photochrome-sunflower.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/photochrome-word-color-pallet/photochrome-sunflower_hu_5514d0491b1e3672.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/photochrome-sunflower_hu_63fcd27f9051e346.webp 545w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/photochrome-sunflower.png&#34; width=&#34;545&#34; height=&#34;457&#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;写真の中から抽出した色を取り出して5色のパレットを作る、これだけでもまあいいかと思いますが、サービスは単語に関連する多数の画像をごちゃごちゃに混ぜ合わせ(smash)、混ぜた画像から5色を取り、明度を明るい物から暗いものまで調整してカラーパレットを出してくれます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/photochrome-flower.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/photochrome-word-color-pallet/photochrome-flower_hu_241d745036baf347.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/photochrome-flower_hu_2e266a7d51e2d0f0.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/photochrome-flower_hu_b51202f55114ba95.webp 812w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/photochrome-word-color-pallet/photochrome-flower.png&#34; width=&#34;812&#34; height=&#34;862&#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;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://flowingdata.com/2021/07/05/find-a-color-palette-based-on-words/&#34;&gt;FlowingData&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>PINTR - 画像をプロッタで描いた風の図形に変換するサービス</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/</link>
				<pubDate>Fri, 21 May 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://javier.xyz/pintr/&#34;&gt;PINTR&lt;/a&gt; は、プロッタで描いた絵のように画像を変換してくれるというwebサービスです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/pintr.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/pintr_hu_4ba6e4536ac511cf.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/pintr_hu_9f89f31ceea8bc3a.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/pintr_hu_ea223b0c54106429.webp 1177w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/pintr.png&#34; width=&#34;1177&#34; height=&#34;778&#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;4つのスライダーを調整するたびに、プロットをしなおします。SINGLE LINE は一筆書きにするかどうかの選択。&lt;/p&gt;&#xA;&lt;p&gt;LINE で線の量を多くすると描きこみが多く真っ黒な画像になります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/printr-many-lines.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/printr-many-lines_hu_b8a604bd1737b653.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/printr-many-lines_hu_dce7190570607afc.webp 532w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/printr-many-lines.png&#34; width=&#34;532&#34; height=&#34;536&#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;サンプルの顔写真で見ると、顔の中心部分を最後に描いているため、LINE を減らすほど顔の輪郭が出ない、より抽象画っぽくなりました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/printr-less-lines.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/printr-less-lines_hu_382d1d75827a79c4.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/printr-less-lines_hu_a0a82588e4c10335.webp 534w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/printr-less-lines.png&#34; width=&#34;534&#34; height=&#34;537&#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/05/pintr-make-image-plotter-like/PINTR-a-kid.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/PINTR-a-kid_hu_390efae0e0666f0c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/PINTR-a-kid_hu_5bf53ed56a1b9f4b.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/PINTR-a-kid_hu_929cb71f4b5dfd81.webp 1138w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/pintr-make-image-plotter-like/PINTR-a-kid.png&#34; width=&#34;1138&#34; height=&#34;557&#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;GitHubでソースコード(&lt;a href=&#34;https://github.com/javierbyte/pintr&#34;&gt;javierbyte/pintr&lt;/a&gt;)も公開されています。GitHub の方では、プロッタで紙に出力する様子の動画も掲載されています。&lt;/p&gt;</description>
			</item>
			<item>
				<title>ツイッターのヘッダ画像を動的に変える</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/05/change-twitter-header-dynamically/</link>
				<pubDate>Sun, 09 May 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/05/change-twitter-header-dynamically/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://twitter.com/tdinh_me&#34;&gt;Tony Dinh さん(@tdinh_me)&lt;/a&gt;が twitter で面白い実験をしています。&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/05/change-twitter-header-dynamically/real-time-twitter-header-akkys-reply.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/change-twitter-header-dynamically/real-time-twitter-header-akkys-reply_hu_5c5057d26959ca60.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/05/change-twitter-header-dynamically/real-time-twitter-header-akkys-reply_hu_54d08efc6fa57a44.webp 623w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/change-twitter-header-dynamically/real-time-twitter-header-akkys-reply.png&#34; width=&#34;623&#34; height=&#34;228&#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://twitter.com/tdinh_me&#34;&gt;ヘッダの画像&lt;/a&gt;が以下のように&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/change-twitter-header-dynamically/real-time-twitter-header.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/change-twitter-header-dynamically/real-time-twitter-header_hu_c2df866040960f92.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/05/change-twitter-header-dynamically/real-time-twitter-header_hu_e0acc506dce57446.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/05/change-twitter-header-dynamically/real-time-twitter-header_hu_add4b748ba6ef37b.webp 917w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/change-twitter-header-dynamically/real-time-twitter-header.png&#34; width=&#34;917&#34; height=&#34;608&#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;今リプライで送った絵文字🈲が、20個並んで表示されている絵文字の先頭に出ています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://github.com/trungdq88/real-time-twitter-banner&#34;&gt;ソースコードも公開されていて&lt;/a&gt;、自分のtwitterアカウントで動かすこともできます。&lt;/p&gt;&#xA;&lt;p&gt;twitter API の開発者登録をし、APIキーを設定して Node 環境で動かせば、API の呼び出し回数の制限内で Twitter API を呼び出し、自分へのリプライ(というか自分のアカウント名が入ったツイート)を取得、そこから絵文字を抽出しヘッダ画像を生成、Twitter API でヘッダ画像を差し替え、という動作でヘッダ画像を更新してくれます。&lt;/p&gt;&#xA;&lt;p&gt;デフォルトのヘッダ画像を使うこともできますし、サイズを合わせれば別の好きな画像で絵文字を入れることもできます。&lt;/p&gt;&#xA;&lt;p&gt;Twitter API でヘッダ画像の更新もできたんですね。リプライされた絵文字が出たからどうだ、という話もありますが、工夫次第でフォロワーとのインタラクションから面白い画像を作れるのではという気もします。&lt;/p&gt;&#xA;&lt;p&gt;via Twitter&lt;/p&gt;</description>
			</item>
			<item>
				<title>Triangula - 画像を三角形の集まりに変換するツール</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/04/triangula-converts-image-triangles/</link>
				<pubDate>Fri, 23 Apr 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/04/triangula-converts-image-triangles/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/RH12503/Triangula&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/triangula-converts-image-triangles/triangula-logo.svg&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://github.com/RH12503/Triangula&#34;&gt;Triangula&lt;/a&gt; は、Go言語で書かれたオープンソースの画像変換ツールで、写真などの画像を小さな三角形の集合体に変換するものです。&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/04/triangula-converts-image-triangles/mutton-soba.jpg&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/triangula-converts-image-triangles/mutton-soba_hu_db35f87a4af0e18.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/04/triangula-converts-image-triangles/mutton-soba_hu_cad67034655df784.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/04/triangula-converts-image-triangles/mutton-soba_hu_fcd220706b6d48b9.webp 800w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/triangula-converts-image-triangles/mutton-soba.jpg&#34; width=&#34;800&#34; height=&#34;600&#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;これが、(変換のごく途中の状態でまだ荒いですが)以下のようなSVGファイルになりました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/triangula-converts-image-triangles/mutton-soba.svg&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/triangula-converts-image-triangles/mutton-soba.svg&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://rh12503.github.io/triangula/&#34;&gt;ブラウザで動くプレビュー版&lt;/a&gt;も公開されていて、簡単に試すことができます。変換の速度はかなり遅いということで、CLI版を手元で動かした方が良いと思いますが。&lt;/p&gt;&#xA;&lt;p&gt;面白いアート効果として使うとか、写真に映った個人情報等の匿名化をするとか、(画像の内容によっては)ファイルサイズ軽減に使うとか、使い方はアイデア次第でしょうか。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=26899066&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>娘のライバル達を追い出すためにディープフェイク動画をコーチに送り付けた母が逮捕される</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/03/deepfake-video-to-remove-daughters-rivals/</link>
				<pubDate>Mon, 15 Mar 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/03/deepfake-video-to-remove-daughters-rivals/</guid>
				<description>&lt;p&gt;ペンシルバニア州のチアリーディングチームに娘を通わせる母親が、ディープフェイクの不祥事動画を使ってライバルたちを陥れようとしたことがわかって逮捕されたそうです。罪状は子供へのサイバー・ハラスメント。&lt;/p&gt;&#xA;&lt;p&gt;供述によれば、この50歳の母親は昨年、チームに所属する少女とコーチに加工された画像とテキストメッセージを匿名で送りつけたのですが、その画像は少女らが裸だったり飲酒やドラッグを吸う様子を表していたそう。動画は(映っていることが本当なら)チームを辞めさせられてもおかしくない内容だったという親の証言もあります。しかも、他の2人の少女についても同様の嫌がらせが行われていたと。&lt;/p&gt;&#xA;&lt;p&gt;これらの動画を解析した警察は、これらの映像がデジタル的に書き換えられ本物そっくりに見える「ディープフェイク」だと判定したそうです。犯人が電話番号もIPアドレスも何の対策もせず使っていたことから、特定もすぐにされたと。&lt;/p&gt;&#xA;&lt;p&gt;犯人の娘と少女たちは以前は友達付き合いをしていたそうですが、被害者の少女の両親が「素行の悪い(犯人の)娘とつきあわないよう」にさせたそうで、それがこのハラスメントを引き起こしたのかもしれないと話しているということ。&lt;/p&gt;&#xA;&lt;p&gt;なお、複数のソースで「ディープフェイク」と言っていますが、これは警察の発表でそう言っているようで、Hacker News の議論ではAIを使った deepfake アルゴリズムを使ったというより、フォトショップ等の旧来の加工をも含めてリアルなニセの画像/動画を作ることを「ディープフェイク」と警察もメディアも呼ぶようになってしまっているのでは、という考察が出ていました。&lt;/p&gt;&#xA;&lt;p&gt;どのレベルの加工かはわかりませんが、フォトショップの類であっても昔より簡単にうまく加工ができるように進化していますし、deep fake を一般家庭で素人が利用することもすぐに普通となるかもしれません。写真や動画が流れてきたからといってなんでも真に受けてはいけませんね。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=26459944&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>米大統領就任式での新ミーム「バーニー・サンダース氏とでっかい手袋」</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/01/bernie-sanders-mittens-meme/</link>
				<pubDate>Fri, 22 Jan 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/01/bernie-sanders-mittens-meme/</guid>
				<description>&lt;p&gt;ジョー・バイデン氏のアメリカ大統領就任式はアメリカ国内だけでなく世界中で報道されましたが、就任式の映像から早速あたらしいネットミームが誕生したようです。&lt;/p&gt;&#xA;&lt;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;en&#34; dir=&#34;ltr&#34;&gt;“This could’ve been an email” &lt;a href=&#34;https://t.co/kn68z6eDhY&#34;&gt;pic.twitter.com/kn68z6eDhY&lt;/a&gt;&lt;/p&gt;&amp;mdash; Ashley K. (@AshleyKSmalls) &lt;a href=&#34;https://x.com/AshleyKSmalls/status/1351929436128620547?ref_src=twsrc%5Etfw&#34;&gt;January 20, 2021&lt;/a&gt;&lt;/blockquote&gt;&#xA;&lt;script async src=&#34;https://platform.x.com/widgets.js&#34; charset=&#34;utf-8&#34;&gt;&lt;/script&gt;&#xA;&#xA;&#xA;&lt;p&gt;民主党候補者予備選でバイデン氏と争ったバーニー・サンダース氏が寒い中椅子に座っているだけなのですが、やたらに大きな2つの手袋がなぜかネット民に気に入られたようで、この座ったサンダース氏の画像を使った合成画像の公開が大流行中です。&lt;a href=&#34;https://twitter.com/hashtag/BernieSanders&#34;&gt;#BarnieSanders&lt;/a&gt;&lt;/p&gt;&#xA;&lt;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;en&#34; dir=&#34;ltr&#34;&gt;Lawd 🤣🤣🤣🤣&lt;br&gt;My new favorite!!!&lt;a href=&#34;https://x.com/hashtag/BernieSanders?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#BernieSanders&lt;/a&gt; &lt;a href=&#34;https://t.co/Li9T2mpVn7&#34;&gt;pic.twitter.com/Li9T2mpVn7&lt;/a&gt;&lt;/p&gt;&amp;mdash; Slimdog #D4L #PINdejo (@Slimdog) &lt;a href=&#34;https://x.com/Slimdog/status/1352325198989692938?ref_src=twsrc%5Etfw&#34;&gt;January 21, 2021&lt;/a&gt;&lt;/blockquote&gt;&#xA;&lt;script async src=&#34;https://platform.x.com/widgets.js&#34; charset=&#34;utf-8&#34;&gt;&lt;/script&gt;&#xA;&#xA;&#xA;&#xA;&lt;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;en&#34; dir=&#34;ltr&#34;&gt;actual photos of bernie sanders and tom hanks tonight at the inauguration night celebration &lt;a href=&#34;https://t.co/J1QtMWkCWX&#34;&gt;pic.twitter.com/J1QtMWkCWX&lt;/a&gt;&lt;/p&gt;&amp;mdash; Tori :) (@dottie_tori) &lt;a href=&#34;https://x.com/dottie_tori/status/1352088883228532743?ref_src=twsrc%5Etfw&#34;&gt;January 21, 2021&lt;/a&gt;&lt;/blockquote&gt;&#xA;&lt;script async src=&#34;https://platform.x.com/widgets.js&#34; charset=&#34;utf-8&#34;&gt;&lt;/script&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&lt;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;en&#34; dir=&#34;ltr&#34;&gt;Best one yet &lt;a href=&#34;https://x.com/hashtag/BernieSanders?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#BernieSanders&lt;/a&gt; &lt;a href=&#34;https://t.co/4WeHWZpVhA&#34;&gt;pic.twitter.com/4WeHWZpVhA&lt;/a&gt;&lt;/p&gt;&amp;mdash; Raphael (@PolarMETHOD) &lt;a href=&#34;https://x.com/PolarMETHOD/status/1352312022558339073?ref_src=twsrc%5Etfw&#34;&gt;January 21, 2021&lt;/a&gt;&lt;/blockquote&gt;&#xA;&lt;script async src=&#34;https://platform.x.com/widgets.js&#34; charset=&#34;utf-8&#34;&gt;&lt;/script&gt;&#xA;&#xA;&#xA;&lt;p&gt;&lt;a href=&#34;https://twitter.com/nick_sawhney&#34;&gt;仕事の速い人&lt;/a&gt;が、もう&lt;a href=&#34;https://bernie-sits.herokuapp.com/&#34;&gt;ジェネレータ&lt;/a&gt;を作っています。任意の住所を入れると、Google Mapsから引っ張ってきた風景の上に手袋サンダース氏を合成してくれます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://bernie-sits.herokuapp.com/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/01/bernie-sanders-mittens-meme/bernie-sitting-generator_hu_23057a69c5a2d487.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/01/bernie-sanders-mittens-meme/bernie-sitting-generator_hu_d20ff0790e31ab27.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/01/bernie-sanders-mittens-meme/bernie-sitting-generator_hu_76bd86337ceabb5a.webp 800w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/01/bernie-sanders-mittens-meme/bernie-sitting-generator.png&#34; width=&#34;800&#34; height=&#34;896&#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;サンダース氏は氏の公式twitter経由でコメントを出しています。&lt;/p&gt;&#xA;&lt;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;en&#34; dir=&#34;ltr&#34;&gt;.&lt;a href=&#34;https://x.com/BernieSanders?ref_src=twsrc%5Etfw&#34;&gt;@BernieSanders&lt;/a&gt; talks about his mittens and coat &amp;quot;You know in Vermont, we dress warm, we know something about the cold, and we&amp;#39;re not so concerned about good fashion, we want to keep warm. And that&amp;#39;s what I did today.&amp;quot; &lt;a href=&#34;https://t.co/FiTCLpn95m&#34;&gt;pic.twitter.com/FiTCLpn95m&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>scrolller - 特定ジャンルの画像や動画を垂れ流せるサイト</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/09/scrolller-shows-random-images-from-reddit/</link>
				<pubDate>Fri, 04 Sep 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/09/scrolller-shows-random-images-from-reddit/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://scrolller.com/&#34;&gt;scrolller&lt;/a&gt; (lが3つ)は、いくつかのカテゴリーの画像や動画をひたすらランダムに表示するというサービスです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://scrolller.com/animals&#34;&gt;animals(動物)&lt;/a&gt;ページを開くと、いろいろな動物の写真や動画が表示されます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/09/scrolller-shows-random-images-from-reddit/scrolller-animal.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/09/scrolller-shows-random-images-from-reddit/scrolller-animal_hu_c330933ad2b7b48e.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/09/scrolller-shows-random-images-from-reddit/scrolller-animal_hu_216758d2b765ea9e.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/09/scrolller-shows-random-images-from-reddit/scrolller-animal_hu_f469152fb2b60079.webp 890w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/09/scrolller-shows-random-images-from-reddit/scrolller-animal.png&#34; width=&#34;890&#34; height=&#34;881&#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/09/scrolller-shows-random-images-from-reddit/scrolller-nature.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/09/scrolller-shows-random-images-from-reddit/scrolller-nature_hu_8335a600f014c7f4.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/09/scrolller-shows-random-images-from-reddit/scrolller-nature_hu_f80bf6a2c65e657f.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/09/scrolller-shows-random-images-from-reddit/scrolller-nature_hu_5eb2823eeee29c57.webp 1163w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/09/scrolller-shows-random-images-from-reddit/scrolller-nature.png&#34; width=&#34;1163&#34; height=&#34;881&#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://scrolller.com/nature&#34;&gt;nature (自然)&lt;/a&gt;のページ&lt;/p&gt;&#xA;&lt;h3 id=&#34;仕組み&#34;&gt;仕組み&lt;/h3&gt;&#xA;&lt;p&gt;画像や動画の参照先は、巨大掲示板 reddit です。reddit には利用者の興味に合わせて膨大な数のグループ、subreddit がありますが、scrolller はこの subreddits に投稿された画像/動画を取得して表示しています。&lt;/p&gt;&#xA;&lt;p&gt;Animals や Nature といったカテゴリーは、info を見ればわかりますがそういったジャンルの画像が投稿されるような subreddit を複数指しているのですね。&lt;/p&gt;&#xA;&lt;p&gt;Animals には現時点で 147 個のsubreddits掲示板が登録されていて、それらはさらにサブカテゴリーに分かれています。動物全般の画像だけではなく、「&lt;a href=&#34;https://scrolller.com/dogs&#34;&gt;犬&lt;/a&gt;」「猫」「動物の赤ちゃん」といったカテゴリーを辿れ、それだけの画像を表示するページがあります。&lt;/p&gt;&#xA;&lt;p&gt;各subreddit掲示板では、世界中から多くの人が綺麗な画像、すごい動画を投稿してくるわけで、単にスクロールで流しておくだけでも見ごたえがあるものが作れるのですね。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://localhost:8099/2020/08/nsfw-filter-browser-extension/&#34;&gt;NSFW Filter – 職場で見てはいけないNSFW画像をブロックするブラウザ拡張&lt;/a&gt;を紹介した際に、NSFW Filter の動作説明をするREADME の中でこのサイトを知りました。ということは、選べるカテゴリの中には NSFW というページもあります。これは直接リンクがはばかられるので興味のある人はトップから辿ってください。&lt;/p&gt;</description>
			</item>
			<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>
			<item>
				<title>Unselfie - 自撮り(セルフィー)を自然なポートレイト写真に変換する技術</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/08/unselfie-converts-selfie-into-portrait/</link>
				<pubDate>Tue, 04 Aug 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/08/unselfie-converts-selfie-into-portrait/</guid>
				<description>&lt;p&gt;バークレー大学アドビ研究所の&lt;a href=&#34;https://arxiv.org/pdf/2007.15068.pdf&#34;&gt;論文&lt;/a&gt;(pdf)で、手を伸ばして撮影した自分撮り(セルフィー)を、他人が撮影してくれた肖像写真のように自動変換するアンセルフィー(unselfie)という技術の研究が発表されています。&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/unselfie-converts-selfie-into-portrait/unselfie-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/unselfie-converts-selfie-into-portrait/unselfie-sample_hu_df16038ec40755b.webp 375w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/08/unselfie-converts-selfie-into-portrait/unselfie-sample.png&#34; width=&#34;375&#34; height=&#34;270&#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;blockquote&gt;&#xA;&lt;p&gt;「写真家や三脚の助けを借りずにスマートフォンで気軽に自分の肖像写真が撮れるようになりましたが、撮られた写真のポーズは不自然になります。この研究では、セルフィーから自然なポーズの写真を作る unselfie という変換を導入しました。」&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;学習データとして「同じ場所、同じ人物、同じ服装でのセルフィーと自然な写真の2枚のセット」を入手することは難しいため、大量のセルフィーと大量のポートレイト写真をそれぞれ用意し、元のセルフィーと似たようなポートレイト写真への変換が行われるような生成器を学習させるようにしたそうです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/08/unselfie-converts-selfie-into-portrait/unselfie-2.pdf.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/unselfie-converts-selfie-into-portrait/unselfie-2.pdf_hu_98cfb14ea168fb40.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/08/unselfie-converts-selfie-into-portrait/unselfie-2.pdf_hu_941902ebeb916290.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/08/unselfie-converts-selfie-into-portrait/unselfie-2.pdf_hu_6847a363a4837abb.webp 816w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/08/unselfie-converts-selfie-into-portrait/unselfie-2.pdf.png&#34; width=&#34;816&#34; height=&#34;191&#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;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://venturebeat.com/2020/08/03/new-unselfie-ai-technique-makes-your-selfies-look-like-posed-portraits/&#34;&gt;VentureBeat&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>新聞の間違い探しコーナー、「まったく同じ絵を2枚掲載する」間違いをする</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/05/spot-the-difference-mistake/</link>
				<pubDate>Fri, 01 May 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/05/spot-the-difference-mistake/</guid>
				<description>&lt;p&gt;「次の画像二つには、10か所違うところがあります。わかるかな?」&lt;/p&gt;&#xA;&lt;p&gt;ボルチモア・サン紙の4月26日・日曜版に掲載された2つの画像について、紙上で謝罪が出ていたということですが、その内容が「編集上の手違いで2つともまったく同じ絵でした。つまり、実際のところ違っていませんでした」というもの。&lt;/p&gt;&#xA;&lt;p&gt;問題の間違い探しコーナーの画像はこれだそうです&lt;/p&gt;&#xA;&#xA;&lt;p&gt;「今週はとんでもなく難易度が高いな」と思った日曜版のファンも多いのかもしれませんね。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://twitter.com/NathanSRuiz/status/1255239598294413312&#34;&gt;Nathan Ruizr&amp;rsquo;s twitter&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>AIでネットミームを生成する This Meme Does Not Exist</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/04/this-meme-does-not-exist/</link>
				<pubDate>Thu, 30 Apr 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/04/this-meme-does-not-exist/</guid>
				<description>&lt;p&gt;英語圏で meme といえば、リチャード・ドーキンス氏が「利己的な遺伝子」で提唱した文化が共有し伝えていく情報というのを越えて、ネットで人づてに流通するキャプションつきの面白画像ということになってしまっています。&lt;/p&gt;&#xA;&lt;p&gt;This Meme Does Not Exist は、プログラムによる自動生成でこのネットミームを作り出そうという試みです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-meme-does-not-exist/this-meme-does-not-exist-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/04/this-meme-does-not-exist/this-meme-does-not-exist-sample_hu_396977ff437cec19.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/04/this-meme-does-not-exist/this-meme-does-not-exist-sample_hu_f4f7704dbfcbbdc1.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/04/this-meme-does-not-exist/this-meme-does-not-exist-sample_hu_7120c9be3af84dbd.webp 779w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-meme-does-not-exist/this-meme-does-not-exist-sample.png&#34; width=&#34;779&#34; height=&#34;711&#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;/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/04/this-meme-does-not-exist/ai-generated-meme-trump-is-your-father.jpg&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-meme-does-not-exist/ai-generated-meme-trump-is-your-father_hu_71b329c7f66b339d.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/04/this-meme-does-not-exist/ai-generated-meme-trump-is-your-father_hu_4609032b3f85dcfa.webp 610w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/this-meme-does-not-exist/ai-generated-meme-trump-is-your-father.jpg&#34; width=&#34;610&#34; height=&#34;500&#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;via &lt;a href=&#34;https://thenextweb.com/neural/2020/04/29/imgflip-ai-meme-generator-distraction-lockdown/&#34;&gt;TheNextWeb&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>ビル・クリントン元大統領に好きなアルバムを聴かせるジェネレーター</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/04/bill-clinton-swag/</link>
				<pubDate>Sat, 25 Apr 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/04/bill-clinton-swag/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://billclintonswag.com/&#34;&gt;Bill Clinton Swag&lt;/a&gt; は、クリントン元アメリカ大統領がレコードを周りに並べてヘッドホンで悦に入っている写真を元ネタに、アルバム部分を好きなアルバム画像に差し替えることができる、という、はなはだターゲットが狭くてよくわからないジェネレーターサービスです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/bill-clinton-swag/bill-clinton-swag.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/bill-clinton-swag/bill-clinton-swag_hu_bb1c8c6521faca5c.webp 473w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/bill-clinton-swag/bill-clinton-swag.png&#34; width=&#34;473&#34; height=&#34;851&#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;Last.fm のAPIからジャケット情報を取得しているようなのですが、日本のアルバム名だとジャケット画像が出てこないことが多いですね。海外でも売ってそうなものを検索して4枚埋めてみましたが。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/bill-clinton-swag/bill-clinton-swag-form.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/bill-clinton-swag/bill-clinton-swag-form_hu_d137aa67d8281c73.webp 444w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/bill-clinton-swag/bill-clinton-swag-form.png&#34; width=&#34;444&#34; height=&#34;656&#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;4か所のうち画像を入れたい場所をクリックしてから上部の検索ボックスにアルバム名やアーチスト名を入れると、候補となるアルバムを5枚並べてくれます。その中からクリックすると、アルバムジャケットがそのジャケットにさし変わります。&lt;/p&gt;&#xA;&lt;p&gt;Instagram にはこの&lt;a href=&#34;https://www.instagram.com/bill_holding_your_fav_albums/&#34;&gt;ジェネレーターで作られた多数の画像を募集して公開しているアカウント&lt;/a&gt;もできています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.instagram.com/bill_holding_your_fav_albums/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/bill-clinton-swag/bill-clinton-swags-on-instagram_hu_1169b094e2e499a4.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/04/bill-clinton-swag/bill-clinton-swags-on-instagram_hu_bc73dfc65e25629e.webp 749w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/04/bill-clinton-swag/bill-clinton-swags-on-instagram.png&#34; width=&#34;749&#34; height=&#34;803&#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;via Hacker News&lt;/p&gt;</description>
			</item>
			<item>
				<title>laptop.css - 画像をラップトップ化してくれるスタイルシート</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/09/laptop-css-adds-laptop-frame-on-images/</link>
				<pubDate>Fri, 13 Sep 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/09/laptop-css-adds-laptop-frame-on-images/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://jjkaufman.github.io/laptop.css/index.html&#34;&gt;laptop.css&lt;/a&gt;は、画像の周りにアスキーアートのラップトップ枠をつけてくれるという単機能のCSSスタイルシートです。&lt;a href=&#34;https://github.com/jjkaufman/laptop.css&#34;&gt;オープンソース&lt;/a&gt;です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://developer.cybozu.co.jp/akky/2018/03/googling-the-error-message/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/laptop-css-adds-laptop-frame-on-images/googling-the-error-message_hu_23630b3a51928647.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/09/laptop-css-adds-laptop-frame-on-images/googling-the-error-message_hu_9ea865b4f7ed2fa3.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/09/laptop-css-adds-laptop-frame-on-images/googling-the-error-message_hu_2c39a377df52bb04.webp 915w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/laptop-css-adds-laptop-frame-on-images/googling-the-error-message.jpg&#34; width=&#34;915&#34; height=&#34;1200&#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;3種類のサイズのラップトップが用意されています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://developer.cybozu.co.jp/akky/2019/07/buttsss-the-best-butt-illustration-site/&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/laptop-css-adds-laptop-frame-on-images/UX-Designer-Butt.gif&#34; width=&#34;512&#34; height=&#34;512&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;どういう時に有用なライブラリなのか、今一つわかりませんが。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://developer.cybozu.co.jp/akky/2019/07/waifu-vending-machine/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/laptop-css-adds-laptop-frame-on-images/waifulabs-selling-goods_hu_d70e1bd449894e14.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/09/laptop-css-adds-laptop-frame-on-images/waifulabs-selling-goods_hu_a24d2ad4d6895d15.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/09/laptop-css-adds-laptop-frame-on-images/waifulabs-selling-goods_hu_53470123ee8cfb71.webp 1385w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/09/laptop-css-adds-laptop-frame-on-images/waifulabs-selling-goods.png&#34; width=&#34;1385&#34; height=&#34;864&#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;(rss フィード経由の方は元ページを開いて見てください)&lt;/p&gt;&#xA;&lt;p&gt;via Hacker News&lt;/p&gt;</description>
			</item>
			<item>
				<title>ランダムなアルファベット4文字x2で、Google画像検索が謎の抽象画を返してくる</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/01/two-four-random-letters-gives-you-mysterious-images-on-google/</link>
				<pubDate>Fri, 25 Jan 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/01/two-four-random-letters-gives-you-mysterious-images-on-google/</guid>
				<description>&lt;h3 id=&#34;グーグル画像検索を乗っ取るサイト&#34;&gt;グーグル画像検索を乗っ取るサイト?&lt;/h3&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.reddit.com/r/whatisthisthing/comments/agd4hx/these_abstract_drawings_that_sometimes_come_up_if/&#34;&gt;reddit/whatisthisthing(これは何?)&lt;/a&gt;で質問されて話題になった謎の現象がこれ。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.google.com/search?newwindow=1&amp;amp;rlz=1C1GCEU_jaJP822JP822&amp;amp;biw=1358&amp;amp;bih=995&amp;amp;tbm=isch&amp;amp;sa=1&amp;amp;ei=35pKXMC8LYv_8gWK6JvICg&amp;amp;q=jwsr&amp;#43;ljxb&amp;amp;oq=jwsr&amp;#43;ljxb&amp;amp;gs_l=img.3...1678.2009..2997...0.0..0.91.167.2......1....1..gws-wiz-img.FAU25UEkwbY&#34;&gt;グーグル画像検索で&amp;quot;jwsr ljxb&amp;quot;のように、アルファベットで単語になってなさそうなものを2個入れる&lt;/a&gt;と、出てくる候補が謎の図形画像だらけになります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2019/01/two-four-random-letters-gives-you-mysterious-images-on-google/c0d3-attorney-on-google-image-search.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/01/two-four-random-letters-gives-you-mysterious-images-on-google/c0d3-attorney-on-google-image-search_hu_f951ed42917794f6.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/01/two-four-random-letters-gives-you-mysterious-images-on-google/c0d3-attorney-on-google-image-search_hu_551b15b4f82bc09b.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/01/two-four-random-letters-gives-you-mysterious-images-on-google/c0d3-attorney-on-google-image-search_hu_a5b7cb1b9be8c730.webp 879w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/01/two-four-random-letters-gives-you-mysterious-images-on-google/c0d3-attorney-on-google-image-search.png&#34; width=&#34;879&#34; height=&#34;878&#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;どんな4文字でも出るわけではありません。まず辞書にあるような4文字はダメです。その単語に関する画像が出てきます。略語として成立してるものもだめ。子音ばかりを読めないような並びで並べると出やすいように思います。&lt;/p&gt;&#xA;&lt;p&gt;画像のサイトを開いてみると、どの画像も &lt;a href=&#34;http://c0d3.attorney/&#34;&gt;c0d3.attorney&lt;/a&gt; というドメイン上のページにあることがわかります。その内容はというと、&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2019/01/two-four-random-letters-gives-you-mysterious-images-on-google/c0d3-attorney-screenshot.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/01/two-four-random-letters-gives-you-mysterious-images-on-google/c0d3-attorney-screenshot_hu_cff5ea929f9156f5.webp 229w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/01/two-four-random-letters-gives-you-mysterious-images-on-google/c0d3-attorney-screenshot.png&#34; width=&#34;229&#34; height=&#34;958&#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;h3 id=&#34;難解プログラミング言語-malbolge-を使ったプロジェクト&#34;&gt;難解プログラミング言語 Malbolge を使ったプロジェクト&lt;/h3&gt;&#xA;&lt;p&gt;プロジェクト紹介の内容はこちら&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;c0d3.attorney は &lt;a href=&#34;http://d.hatena.ne.jp/Robe/20060824&#34;&gt;Malbolge, 1998年にベン・オルムステッド氏が作成したパブリックドメインな難解言語&lt;/a&gt;, で書かれたプログラムを表示することに特化したプロジェクトです。言語は使うことがほぼできないように設計されています。(しかし)設計上の弱点がこれまでに発見され、使えるプログラムを書くことが可能となりました。これを共有できることは喜ばしいことです&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;とても短い紹介文で、これ以外には情報がありません。&lt;/p&gt;&#xA;&lt;p&gt;ページのほとんどを占めるデタラメ風テキストが、そうすると Malbolge 言語のコードだということなのでしょう。&lt;/p&gt;&#xA;&lt;p&gt;画像もコードも、URLに与えたパラメータに応じて変化しますが、あるページで数えてみると、約5万語、61万文字ありました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://malbolge.doleczek.pl/&#34;&gt;オンラインの Malbolge実行環境&lt;/a&gt;(あるんだ…) に最初の一行を食わせてみましたが、エラーとなってしまいました。1行だけ入れても動かないのかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;ちなみに、サイトにサンプルとしてある Hello, World はこれ&lt;/p&gt;&#xA;&lt;p&gt;&lt;code&gt;(&#39;&amp;amp;%:9]!~}|z2Vxwv-,POqponl$Hjig%eB@@&amp;gt;}=&lt;/code&gt;&lt;/p&gt;&#xA;&lt;p&gt;うん。まったくわからん。&lt;/p&gt;&#xA;&lt;h3 id=&#34;google-は知らんと&#34;&gt;Google は「知らん」と&lt;/h3&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://thenextweb.com/distract/2019/01/23/google-images-mysterious-art-searching-random-letter-words/&#34;&gt;TheNextWeb が Google にこの現象に関して問い合わせしてくれています&lt;/a&gt;が、これは Google のイースターエッグではないし、同社は c0d3.attorney とは何の関係も無い、という回答が来たそうです。&lt;/p&gt;&#xA;&lt;p&gt;「一般的な話」として、画像のあるページにある文字で検索したら出るよ、ともコメントにあったということで、ごくごく当たり前のつまらない結論になってしまうのですが、この自動生成っぽい Malbolge 言語のコードの中にアルファベット4文字のセットが大量にでき、その中の2組の4文字をウェブの他のサイトで2つ同時に使ってる他のサイトがほとんど無いために、検索で出てきてしまう、ということでしょうね。&lt;/p&gt;&#xA;&lt;p&gt;今の時点でも、この謎のサイトを作ったのは誰か、などは判明していません。&lt;/p&gt;&#xA;&lt;h3 id=&#34;純粋なプロジェクトか意図のあるseoスパムか&#34;&gt;純粋なプロジェクトか、意図のあるSEOスパムか?&lt;/h3&gt;&#xA;&lt;p&gt;ドメインの世界では、 .com 以下は、ランダムだろうと意味がなかろうと 4文字のドメイン名はすべて誰かに取得されていることが&lt;a href=&#34;https://whoapi.com/blog/we-are-out-of-4-letter-com-domains/&#34;&gt;2013年には報告されています&lt;/a&gt;。打ち間違いでもなんでも、4文字.com を入れた人を待ち構えて、広告を見せたりドメインを売りつけたりという商売をしてる人たちがどこかに存在するわけです。&lt;/p&gt;&#xA;&lt;p&gt;となると、今回のサイトもそういう「迷い込んできた人」を捕まえるために作られた可能性も消し去ることはできません。とはいえ、今のところサイトに来ても、広告があるわけでもなし。単に人が来たからといって得になることなんてあるのかなとも思います。&lt;/p&gt;&#xA;&lt;p&gt;いろいろな文字列でGoogleから推薦される、と聞くと人によってはたいへん魅力的に感じるかもしれませんが、そのデタラメな文字で迷い込んでくる人が分量としてどれほどのものか、という話もあります。総量としては見つけてやってくる人はそれほど多くないかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;ですが、今回の件で興味を持った人は、単語になってない日本語の文字の組み合わせを大量に配置するサイトでも作れば、同様の結果を得られたりするかもしれませんね。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://www.reddit.com/r/whatisthisthing/comments/agd4hx/these_abstract_drawings_that_sometimes_come_up_if/&#34;&gt;reddit&lt;/a&gt; and &lt;a href=&#34;https://thenextweb.com/distract/2019/01/23/google-images-mysterious-art-searching-random-letter-words/&#34;&gt;TheNextWeb&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>NSFW画像検知APIの優劣比較</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/12/nsfw-detection-apis-comparison/</link>
				<pubDate>Wed, 05 Dec 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/12/nsfw-detection-apis-comparison/</guid>
				<description>&lt;p&gt;NSFW(Not safe for work = 職場閲覧不適)画像、わかりやすい言い方だとエロ画像ですが、画像を渡すとその画像がエロかどうか判定してくれる API というの、結構たくさんあるんですね。&lt;/p&gt;&#xA;&lt;p&gt;なぜこの種のAPIに需要があるかというと、ユーザー投稿型のwebサービス運営において、広く見せられないような画像を投稿されることが運用の大きな障害となるからでしょうね。悪意のあるユーザーや考えなしのユーザーによって法に触れたりサービスのイメージが悪化するような画像を投稿され、さらにそのことがソーシャルメディアで喧伝されたりすれば、サイトの評判に関わります。&lt;/p&gt;&#xA;&lt;p&gt;Facebook や twitter のような超大手なら、画像の判定もいくらでも内製できるでしょうが、そうでない小さなサービスでは、多少お金を払ってでも簡易に判定を外部に任せたいところでしょう。&lt;/p&gt;&#xA;&lt;p&gt;…と、書いていたら、Tumblr が(おそらく Apple に iPhone アプリを禁止された影響で)&lt;a href=&#34;https://nihongo.tumblr.com/post/180759840667/tumblr%E3%82%92%E3%82%88%E3%82%8A%E3%82%88%E3%81%84%E5%A0%B4%E6%89%80%E3%81%AB&#34;&gt;アダルトな投稿を禁じるという方針転換を発表&lt;/a&gt;し、同時に開始した&lt;a href=&#34;https://togetter.com/li/1294969&#34;&gt;アダルト画像のフィルタリングの誤判定がひどい&lt;/a&gt;らしいので、NSFW 判定は多数のエンジニアを抱える大手でも難しい分野なのでしょう。&lt;/p&gt;&#xA;&lt;p&gt;そんな画像検知のAPI を、Aditya Ananthram さんが、&lt;a href=&#34;https://www.adityaananthram.com/comparison-of-the-best-nsfw-image-moderation-apis-2018/&#34;&gt;API の検出精度を実験したり、価格を比較したり&lt;/a&gt;してくれています。&lt;/p&gt;&#xA;&lt;p&gt;調査対象のAPIはなんと11個。このまとまったリストだけでも、取っ掛かりとしてはありがたいですね。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://aws.amazon.com/rekognition/&#34;&gt;&lt;em&gt;Amazon Rekognition&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://cloud.google.com/vision/&#34;&gt;&lt;em&gt;Google&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://azure.microsoft.com/en-in/services/cognitive-services/content-moderator/&#34;&gt;&lt;em&gt;Microsoft&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://algorithmia.com/algorithms/spullara/YahooOpenNSFW&#34;&gt;&lt;em&gt;Yahoo&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://algorithmia.com/algorithms/sfw/NudityDetectioni2v&#34;&gt;&lt;em&gt;Algorithmia&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://clarifai.com/models/nsfw-image-recognition-model-e9576d86d2004ed1a38ba0cf39ecb4b1&#34;&gt;&lt;em&gt;Clarifai&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://deepai.org/machine-learning-model/nsfw-detector&#34;&gt;&lt;em&gt;DeepAI&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://imagga.com/solutions/adult-content-moderation.html&#34;&gt;&lt;em&gt;Imagga&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://nanonets.com/content-moderation-api/&#34;&gt;&lt;em&gt;Nanonets&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://sightengine.com/&#34;&gt;&lt;em&gt;Sightengine&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://xmoderator.com/&#34;&gt;&lt;em&gt;X-Moderator&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;また、セーフ/アウトのアウトの種類もいろいろあるようで、API によっても分類は異なりそうですが、以下のようなカテゴリ分けで判定を試みています。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Explicit Nudity (露骨なヌード)&lt;/li&gt;&#xA;&lt;li&gt;Suggestive Nudity (思わせぶりなヌード - 隠すところは隠しているが… みたいなやつ)&lt;/li&gt;&#xA;&lt;li&gt;Porn/sexual act (ポルノ/性行為)&lt;/li&gt;&#xA;&lt;li&gt;Simulated/Animated porn (CGやアニメのポルノ)&lt;/li&gt;&#xA;&lt;li&gt;Gore/Violence (流血/暴力)&lt;/li&gt;&#xA;&lt;li&gt;Safe for Work (職場で問題ない)&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;実験するにあたって、当然、本物の NSFW 画像が必要となります。ブログ記事自体は必要なところはボカシが入っていて、SFW(safe for work = 職場安全)ですけど、中にGoogle Documents へのリンクがあり、リンク先には今回使用された、正しく分類されたデータが入っています。追試とかしたい方は注意してください。&lt;/p&gt;</description>
			</item>
			<item>
				<title>Salieo - レスポンシブ・いい感じに画像を切り出し表示してくれるサービス</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/</link>
				<pubDate>Tue, 17 Apr 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.salieo.com/&#34;&gt;Salieo&lt;/a&gt; は、Javascript で画像ファイルから写真の重要そうなところを切り出して表示してくれるというサービスです。サイトのキャッチは&amp;quot;instantly, intelligently, responsive&amp;quot;(即座に、賢く、レスポンシブに)となっています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/salieo-top.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/salieo-top_hu_80a3a2a4c32f355c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/salieo-top_hu_58695deefb67a8b8.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/salieo-top_hu_54b18f2adc94761.webp 962w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/salieo-top.png&#34; width=&#34;962&#34; height=&#34;766&#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;ユーザー登録してAPIキーをもらってみました。同じ一つの写真が&lt;a href=&#34;http://akimoto.jp/salieo/&#34;&gt;こんな風に&lt;/a&gt;自動でクロップされて表示されます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/salieo-cropped-screenshot.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/salieo-cropped-screenshot_hu_9de72b71239dbf60.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/salieo-cropped-screenshot_hu_d75680b63ee51f05.webp 678w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/salieo-cropped-screenshot.png&#34; width=&#34;678&#34; height=&#34;668&#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/2018/04/salieo-generates-responsive-images/without-salieo-screenshot.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/without-salieo-screenshot_hu_9cdf8fcad4ef919.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/without-salieo-screenshot_hu_e221e3fd0f07ae51.webp 674w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/salieo-generates-responsive-images/without-salieo-screenshot.png&#34; width=&#34;674&#34; height=&#34;668&#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;ユーザー登録した上で、申請したドメインやURLパターンに合致した画像だけが変換の対象となります。変換できる画像の数や変換の回数によって料金が変わりますが、一番下の無料枠でも10画像、月25,000回までの呼び出しができるようです。&lt;/p&gt;&#xA;&lt;p&gt;先行の類似サービスとして、&lt;a href=&#34;https://imagga.com/solutions/cropping-api.html&#34;&gt;imagga&lt;/a&gt;や&lt;a href=&#34;https://imagekit.io/&#34;&gt;ImageKit.io&lt;/a&gt;が見つかりましたが、どちらも無料枠は無いようです。Salieo の無料枠もお試し用という感じの枠ではありますが、実際に試せるのはやはりいいかと。&lt;/p&gt;&#xA;&lt;p&gt;これらのサービスを使えば、切り出しについて特に考えずに元の画像一つをアップロードしておけば、サイトで表示した時にその時の縦横比にあわせて動的にクロップされるわけです。あとは写真から重要そうな場所を切り出す判定部分の精度が良ければ、画像が表示される際の縦横比を固定しにくいサービス運営者からは、有料でも嬉しいサービスとなるかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=16855863&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>有名人をフィーチャーしたブラウザ拡張</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2017/09/browser-extensions-feature-celebrities/</link>
				<pubDate>Thu, 07 Sep 2017 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2017/09/browser-extensions-feature-celebrities/</guid>
				<description>&lt;h3 id=&#34;ncage&#34;&gt;&lt;a href=&#34;https://chrome.google.com/webstore/detail/ncage/hnbmfljfohghaepamnfokgggaejlmfol&#34;&gt;nCage&lt;/a&gt;&lt;/h3&gt;&#xA;&lt;p&gt;説明不要の有名俳優ニコラス・ケイジ。ブラウザ拡張 nCage は、ウェブページ上のすべての画像をニコラス・ケイジの画像に差し替えてくれるという、彼のファンにはたまらない拡張機能です。&lt;/p&gt;&#xA;&lt;p&gt;Yahoo!ニュースをこの拡張で表示するとこんな感じに。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2017/09/browser-extensions-feature-celebrities/ncage-on-yahoo-news.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/09/browser-extensions-feature-celebrities/ncage-on-yahoo-news_hu_b29a45eb8c04a75.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/09/browser-extensions-feature-celebrities/ncage-on-yahoo-news_hu_8de6e31c9eba375a.webp 673w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/09/browser-extensions-feature-celebrities/ncage-on-yahoo-news.png&#34; width=&#34;673&#34; height=&#34;892&#34; alt=&#34;ncage on Yahoo Japan News&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;rick-roulette&#34;&gt;&lt;a href=&#34;https://chrome.google.com/webstore/detail/rick-roulette/pinbianolbmldidkdgcgbemiegfaiahj&#34;&gt;Rick Roulette&lt;/a&gt;&lt;/h3&gt;&#xA;&lt;p&gt;YouTube上の動画を、ランダムにリック・アストリーの&amp;quot;Never Gonna Give You Up&amp;quot;に差し替えるという拡張です。置き換わる確率はデフォルトで6分の1、つまり6回に一回ですが、これは設定で変更できます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.rickroulette.com/&#34;&gt;ブラウザ拡張の公式サイト&lt;/a&gt;があり、&lt;a href=&#34;https://github.com/ben174/rick-roulette&#34;&gt;ソースコードはgithubで公開されています&lt;/a&gt;。&lt;/p&gt;&#xA;&lt;h3 id=&#34;cenafy&#34;&gt;&lt;a href=&#34;https://chrome.google.com/webstore/detail/cenafy/ndchmakhfaakbkhnkdgambadneloplnn&#34;&gt;Cenafy&lt;/a&gt;&lt;/h3&gt;&#xA;&lt;p&gt;WWEの人気レスラー、&lt;a href=&#34;https://ja.wikipedia.org/wiki/%E3%82%B8%E3%83%A7%E3%83%B3%E3%83%BB%E3%82%B7%E3%83%8A&#34;&gt;ジョン・シナ&lt;/a&gt;。シナ化(Cenafy)という名前のこの拡張を入れると、新たにページを開いた際に1/100の確率でジョン・シナ登場シーンの動画を自動再生してくれます。&lt;/p&gt;&#xA;&lt;p&gt;こちらは&lt;a href=&#34;https://www.youtube.com/watch?v=r3epjvxL0r0&#34;&gt;動作状態を撮影した動画&lt;/a&gt;。動画の00:30 あたりで拡張が発動します。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/r3epjvxL0r0?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;ファンの人はネットサーフィン中に定期的に流れるシナの動画にアガるんでしょうか。&lt;/p&gt;&#xA;&lt;h3 id=&#34;mckayla-is-not-impressed&#34;&gt;&lt;a href=&#34;https://chrome.google.com/webstore/detail/mckayla-is-not-impressed/bigmiaijamgkhfbdolkjagnkppjgccne?hl=en&#34;&gt;McKayla Is Not Impressed&lt;/a&gt;&lt;/h3&gt;&#xA;&lt;p&gt;アメリカの体操選手&lt;a href=&#34;https://ja.wikipedia.org/wiki/%E3%83%9E%E3%83%83%E3%82%B1%E3%82%A4%E3%83%A9%E3%83%BB%E3%83%9E%E3%83%AD%E3%83%8B%E3%83%BC&#34;&gt;マッケイラ・マロニー&lt;/a&gt;。ロンドン五輪で銀メダルに終わった際の「不満顔」がネット・ミームとなり、アメリカではとても有名だそうです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://commons.wikimedia.org/wiki/File:Barack_Obama_with_artistic_gymnastic_McKayla_Maroney_2.jpg&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/09/browser-extensions-feature-celebrities/Barack_Obama_with_artistic_gymnastic_McKayla_Maroney_2_hu_8a3ffd094ac5c835.webp 458w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/09/browser-extensions-feature-celebrities/Barack_Obama_with_artistic_gymnastic_McKayla_Maroney_2.jpg&#34; width=&#34;458&#34; height=&#34;480&#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;「McKayla Is Not Impressed(マッケイラは感心しない)」というネット・ミーム名をそのままつけたこのブラウザ拡張では、ウェブサイト上の画像に、ランダムにマッケイラ・マロニー選手が不満顔で入り込みます。&lt;/p&gt;</description>
			</item>
			<item>
				<title>写真共有サービスPhotobucket、ホットリンクでの画像掲載に突然年$399 課金を開始</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2017/07/photobucket-charges-400usd-for-hotlinking-image/</link>
				<pubDate>Wed, 05 Jul 2017 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2017/07/photobucket-charges-400usd-for-hotlinking-image/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.flickr.com/&#34;&gt;Flickr&lt;/a&gt; や &lt;a href=&#34;https://500px.com/&#34;&gt;500 Pixel&lt;/a&gt; などと並び、英語圏での写真共有サービスの大手の一つである&lt;a href=&#34;https://photobucket.com/&#34;&gt;フォトバケット(Photobucket)&lt;/a&gt;が、そのサービスを非常にわかりにくい形で突然改変、ユーザー達によれば改悪、し、騒ぎになっているようです。&lt;/p&gt;&#xA;&lt;p&gt;変更内容はというと、Photobucket のサイト以外からアップロード済の画像ファイルを参照して表示させる、いわゆる「ホットリンク画像」での表示が、別料金を払わないと行えなくなる、というもの。&lt;/p&gt;&#xA;&lt;p&gt;AmazonやeBay、Etsy などの販売ページの商品画像に Photobucket を使っていた出品者がかなりいるため、それらサイトでの商品画像ページが&lt;a href=&#34;https://www.amazon.com/SFCSFLY-Fashion-Studded-Stiletto-Pointed/dp/B01N80DBHK&#34;&gt;こんなこと&lt;/a&gt;になっています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://developer.cybozu.co.jp/akky/2017/07/photobucket-charges-400usd-for-hotlinking-image/photobucket-hot-link-disabled-on-amazon-com/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/07/photobucket-charges-400usd-for-hotlinking-image/photobucket-hot-link-disabled-on-amazon-com_hu_7a86167cffeb2c36.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/07/photobucket-charges-400usd-for-hotlinking-image/photobucket-hot-link-disabled-on-amazon-com_hu_a7819148337276e5.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/07/photobucket-charges-400usd-for-hotlinking-image/photobucket-hot-link-disabled-on-amazon-com_hu_da9d6a80fd3e581c.webp 917w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/07/photobucket-charges-400usd-for-hotlinking-image/photobucket-hot-link-disabled-on-amazon-com.png&#34; width=&#34;917&#34; height=&#34;881&#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;http://developer.cybozu.co.jp/akky/2017/07/photobucket-charges-400usd-for-hotlinking-image/photobucket-hotlink-warning/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/07/photobucket-charges-400usd-for-hotlinking-image/photobucket-hotlink-warning_hu_a2294453d6768c71.webp 240w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/07/photobucket-charges-400usd-for-hotlinking-image/photobucket-hotlink-warning.jpg&#34; width=&#34;240&#34; height=&#34;240&#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;http://www.photobucket.com/p500/&#34;&gt;リンク先&lt;/a&gt;では、Plus 500プラン、なるプランへ変更すると、画像が他サイトでも表示され、広告も隠される、と案内されています。&lt;/p&gt;&#xA;&lt;p&gt;このPlus 500プランの料金が年$399 ということ。容量2Gの無料プランの解除が年$99 なので、Plus 500 というのはトータルで約$500 というところから来ているのでしょうか。&lt;/p&gt;&#xA;&lt;p&gt;6月26日に公式ブログで、&lt;a href=&#34;http://blog.photobucket.com/update-terms-service/&#34;&gt;6月20日から利用規約を更新した&lt;/a&gt;という数行のメッセージが出ていたようですが、これが今回のサービス仕様変更に関するものだったのだとか。わかりませんよねこれ。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.stampboards.com/viewtopic.php?f=65&amp;amp;t=77836&#34;&gt;切手収集愛好家のフォーラムで先月末にこの問題について声が上がったのが最初の一つのよう&lt;/a&gt;です。そこから各ニュースサイトに取り上げられ、自分の商品ページがひどいことになってると気づいた Photobucket ユーザーがさらに不満の声をあげる、という状況。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://blog.photobucket.com/about/&#34;&gt;登録ユーザー数1億人、掲載画像数150億枚&lt;/a&gt;、というサービス規模は、Flickr ほどではないにしても、日本から利用しているユーザーもいるでしょう。ホットリンクで画像を外部サイトに掲載しているところは、まだこのトラブルに気づいていない場合もあるかなと思います。&lt;/p&gt;&#xA;&lt;p&gt;ネット上での写真の共有は、Facebook や Instagram など後発のソーシャルサービスに大きく喰われていると思われます。その中で既存の容量アップ年$99、ではやっていけなくなったのかもしれません。しかし、隠すようにサービス内容を変更し、代わりに表示された画像で支払いを迫る、というこの動きを「身代金目的の脅迫だ」と感じたユーザーも多く、目先は大量の商品画像を差し替えることもできず$399 支払う業者がたくさんいたとしても、長期的には他サイトへの流出は避けられないように思います。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://petapixel.com/2017/07/01/photobucket-just-broke-billions-photos-embedded-web/&#34;&gt;PitaPixel&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>大量の画像素材で、有名人の顔を合成</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2016/07/popular-face-made-of-getty-images/</link>
				<pubDate>Mon, 04 Jul 2016 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2016/07/popular-face-made-of-getty-images/</guid>
				<description>&lt;p&gt;素材画像販売の大手 &lt;a href=&#34;http://www.gettyimages.co.jp/&#34;&gt;Getty Images&lt;/a&gt; 、その大量に抱える素材を活用したクリエイティブで面白いプロモーションをすることがよくあるのですが (&lt;a href=&#34;http://developer.cybozu.co.jp/akky/2013/05/85-seconds/&#34;&gt;参考&lt;/a&gt;)、今回のプロモーションは、多数の一般人の顔写真素材を組み合わせて、誰もが知っているあの有名人の顔を作る、というもの。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/popular-face-made-of-getty-images/endless-possibilities-prince-of-wales.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/popular-face-made-of-getty-images/endless-possibilities-prince-of-wales_hu_ae2256e5d2a9fce2.webp 465w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/popular-face-made-of-getty-images/endless-possibilities-prince-of-wales.png&#34; width=&#34;465&#34; height=&#34;435&#34; alt=&#34;endless-possibilities-prince-of-wales&#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/2016/07/popular-face-made-of-getty-images/endless-possibilities-angela-merkel.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/popular-face-made-of-getty-images/endless-possibilities-angela-merkel_hu_6b8e5058e354cf11.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/07/popular-face-made-of-getty-images/endless-possibilities-angela-merkel_hu_b6f2b4f3964d00e4.webp 516w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/popular-face-made-of-getty-images/endless-possibilities-angela-merkel.png&#34; width=&#34;516&#34; height=&#34;467&#34; alt=&#34;endless-possibilities-angela-merkel&#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/2016/07/popular-face-made-of-getty-images/popular-face-with-getty-images.gif&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/popular-face-made-of-getty-images/popular-face-with-getty-images.gif&#34; width=&#34;294&#34; height=&#34;220&#34; alt=&#34;popular-face-with-getty-images&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;有名人の顔が少しずつできていく動画を観ていると、顔のパーツに関しては必ずしも同性でなくても似てる人がいる、というのがわかります。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/YexcHrwxP-o?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;多数の写真から、4か月の実験とテストを経て、有名人のと似たパーツを探しだしたということです。&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.designboom.com/art/getty-endless-possibilities-campaign-images-reconstructed-famous-faces-almapbbdo-06-01-2016/&#34;&gt;Design Boom&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>Megabite - 並んだ食材から福笑いのように顔を作るアルゴリズム</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/</link>
				<pubDate>Tue, 02 Feb 2016 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/</guid>
				<description>&lt;p&gt;Megabite は、&lt;a href=&#34;http://aaronrandall.com/blog/megabite/&#34;&gt;皿に盛った料理の写真をパーツとして、福笑いのように顔を作る&lt;/a&gt;アプリだそうです。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://aaronrandall.com/blog/megabite/&#34;&gt;考えてみよう、食べ物もハッピーに見えるに越した事はない。あるランチの時、料理で遊んでるときにふと思ったんだ - このプロセスは自動化できるのでは? 解決すべきビッグな問題がここにあるじゃないか。Let’s face it, food is more fun when it looks happy. I was playing with my food one lunchtime, and I wondered to myself - would it be possible to automate this process? Solving the big problems right here.&lt;/a&gt;&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/megabite.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/megabite_hu_29d25c316eaee00b.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/megabite_hu_9df73a06bfb2f6ce.webp 502w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/02/megabite-make-face-from-food-photo/megabite.png&#34; width=&#34;502&#34; height=&#34;229&#34; alt=&#34;megabite&#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;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;食べ物の写真の撮影とリサイズ、丸く切り出し&lt;/li&gt;&#xA;&lt;li&gt;輪郭の抽出、閉じてない(例: Cのような形の)輪郭の除去&lt;/li&gt;&#xA;&lt;li&gt;重複した輪郭や多重の輪郭(例: 目玉焼きの中の黄身)の除去&lt;/li&gt;&#xA;&lt;li&gt;抽出した要素を含む最小の長方形の決定&lt;/li&gt;&#xA;&lt;li&gt;要素の数に応じた3つの顔型のテンプレートからの選択&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;&lt;a href=&#34;https://www.youtube.com/watch?v=yBYbK5aL7kc&#34;&gt;動画&lt;/a&gt;でアプリが動く様子が見られます。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/yBYbK5aL7kc?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;ツールはiPhoneアプリとして作成されていますが、iTunes Storeには見当たらないので一般公開してないか、申請中なのかもしれません。&lt;a href=&#34;https://github.com/AaronRandall/Megabite&#34;&gt;ソースコードがGitHubで公開されている&lt;/a&gt;ので、自分でビルドすれば試せるかもしれません。&lt;/p&gt;</description>
			</item>
			<item>
				<title>World White Webプロジェクト - 手足など人物の画像検索に人種的多様性を持たせようという活動</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/</link>
				<pubDate>Mon, 01 Jun 2015 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://worldwhiteweb.net/&#34;&gt;World White Web&lt;/a&gt; 、World &lt;strong&gt;Wide&lt;/strong&gt; Web のワイドとホワイト(白)をかけたキャンペーンでは、&amp;ldquo;hand&amp;rdquo; や &amp;ldquo;foot&amp;rdquo; といった体のパーツ名で画像検索した時に、白い写真ばかりが出てきてしまうのでは、というのを問題として提起しています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/world-white-web.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/world-white-web_hu_75d6cffd9f253ec7.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/world-white-web_hu_5325b13c5ac14543.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/world-white-web_hu_fadeac9930b69ed7.webp 1016w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/world-white-web.png&#34; width=&#34;1016&#34; height=&#34;1038&#34; alt=&#34;world-white-web&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;試しに&amp;quot;hand&amp;quot;でグーグル画像検索してみると、以下のようになりました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/hand-image-search-on-google.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/hand-image-search-on-google_hu_ace0867f7bb2af36.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/hand-image-search-on-google_hu_54ea6e61215d90c7.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/hand-image-search-on-google_hu_449bdb8640752e7c.webp 1016w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/hand-image-search-on-google.png&#34; width=&#34;1016&#34; height=&#34;1008&#34; alt=&#34;hand-image-search-on-google&#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;/p&gt;&#xA;&lt;p&gt;英語をメインで使っている国の中で白人の割合が多いことが、白人モデルの写真の多様と画像検索トップの占拠につながっているということかもしれません。たとえば、「顔」とか「腕」といった漢字での検索では、英語での画像検索に比べれば、アジア系の顔や腕が多く出てきます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/nose-in-japanese-google-image-search.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/nose-in-japanese-google-image-search_hu_3de8a1a6f1bda32f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/nose-in-japanese-google-image-search_hu_b2a91b2e4d56329f.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/nose-in-japanese-google-image-search_hu_8f830fb52a92baae.webp 1016w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/06/world-white-web-project-wants-racial-diversity-on-image-search/nose-in-japanese-google-image-search.png&#34; width=&#34;1016&#34; height=&#34;931&#34; alt=&#34;nose-in-japanese-google-image-search&#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;World White Web がこの「問題」を解消する方法として提唱しているのは、彼らのサイトに置かれた非白人の手や足の画像にリンクしたり、ソーシャルでシェアを勧めたりというもの。要するに画像SEO になるのですが、このやり方で実際にトップページに彼らの希望する画像が入ってくるかというと、ちょっと難しいような気がします。&lt;/p&gt;&#xA;&lt;p&gt;ブログや新聞記事を書くときに、多様な肌の色の写真を使いましょう、という呼びかけは、テレビドラマの配役で人種の多様性の配慮が求められるアメリカらしさを感じますね。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://thenextweb.com/shareables/2015/05/25/world-white-web-project-wants-to-make-googles-search-results-more-diverse/&#34;&gt;TheNextWeb&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>全編アニメーションGIFの「小説]</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2015/01/animation-gif-novel/</link>
				<pubDate>Mon, 19 Jan 2015 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2015/01/animation-gif-novel/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://www.kiddiepunk.com/zacshauntedhouse/&#34;&gt;ザックのお化け屋敷(Zac&amp;rsquo;s Haunted House)&lt;/a&gt;は、アニメーションGIFだけで構成された自称「小説」です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.kiddiepunk.com/zacshauntedhouse/chapter_5.html&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/01/animation-gif-novel/animation-gif-novel_hu_f42277ab79509703.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/01/animation-gif-novel/animation-gif-novel_hu_6faf8eb4e039bfa9.webp 518w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/01/animation-gif-novel/animation-gif-novel.png&#34; width=&#34;518&#34; height=&#34;911&#34; alt=&#34;animation-gif-novel&#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;http://www.mediafire.com/download/wvbv0wke8odegj4/Zac%27s_Haunted_House.zip&#34;&gt;ダウンロード&lt;/a&gt;または&lt;a href=&#34;http://www.kiddiepunk.com/zacshauntedhouse/&#34;&gt;オンラインで閲覧&lt;/a&gt;が可能ですが、多量のアニメーションgifの読み込みを必要とするため、ダウンロードで見るほうを勧めるということです。&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/2015/01/animation-gif-novel/animation-gif-novel-2.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/01/animation-gif-novel/animation-gif-novel-2_hu_f9093e0a49092674.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/01/animation-gif-novel/animation-gif-novel-2_hu_9f74893dd6cc7769.webp 519w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/01/animation-gif-novel/animation-gif-novel-2.png&#34; width=&#34;519&#34; height=&#34;991&#34; alt=&#34;animation-gif-novel-2&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;自分で作ったGIFというよりも(自分で作ったものもあるのかもしれませんが)、ネットで見つけた/探したGIFを組み合わせてストーリーにしているようです。&lt;/p&gt;&#xA;&lt;p&gt;ストーリーとは言いましたが、本当に並んだアニメーションGIFにストーリーがあるのかどうか、見ていてもちょっとわかりません。これだけ多くのアニメーションGIFを順番に見ていると、頭がクラクラしますね。君の悪い画像が多く、悪酔いできるコンテンツとは言えるでしょう。&lt;/p&gt;&#xA;&lt;p&gt;文字がまったく無いのに小説(novel)と言えるかはわかりませんが、新しい(novel)といえば新しいかも。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://www.theverge.com/2015/1/16/7556041/dennis-cooper-gif-novel-zacs-haunted-house&#34;&gt;This novel made of GIFs is kind of terrifying | The Verge&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>
			<item>
				<title>動画の女性が加工技術でどこまでキレイになるかを見せるビデオ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/</link>
				<pubDate>Thu, 23 Jan 2014 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/</guid>
				<description>&lt;p&gt;ハンガリーの女性歌手BOGGIE の曲PARFÜM の動画は、動画加工ツールによる女性の顔のリアルタイム加工技術のデモとなっています。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/5qrGOi41iwE?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/before.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/before_hu_f0457f40db6e74be.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/before_hu_77116da5b00e4c7f.webp 768w, https://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/before_hu_e01fb83dfc19de01.webp 853w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/before.png&#34; width=&#34;853&#34; height=&#34;470&#34; alt=&#34;before&#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://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/moving-an-eye.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/moving-an-eye_hu_a4fce954f5f3d6bf.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/moving-an-eye_hu_c0a6b91891c14efa.webp 768w, https://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/moving-an-eye_hu_f190f47cdb002ce2.webp 852w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/01/realtime-video-edit-on-woman-face/moving-an-eye.png&#34; width=&#34;852&#34; height=&#34;471&#34; alt=&#34;moving-an-eye&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;化粧品ブランド Dove が、同様のことを写真に対して行なって評判になったのは、2006年のことでしたからもう8年前です。(参考: &lt;a href=&#34;http://longtailworld.blogspot.jp/2006/11/dove-evolution.html&#34;&gt;Long Tail World: 美しさはカタチではない：Dove Evolution&lt;/a&gt;)&lt;/p&gt;&#xA;&lt;p&gt;そのあと、モデルやタレントの写真からシミなどを除去することをフォトショップする(photoshopped)などと言うようになるぐらい、代表的なツールであるフォトショップの名前が見る側にも広まったわけですが、動画の加工についてはどうなるのでしょうかね。&lt;/p&gt;</description>
			</item>
			<item>
				<title>oublio - 海外ソーシャルメディアで「今」熱い画像・動画をピックアップしているサイト</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2013/12/oublio-hot-images-on-english-social-media/</link>
				<pubDate>Wed, 25 Dec 2013 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2013/12/oublio-hot-images-on-english-social-media/</guid>
				<description>&lt;p&gt;それだけの簡単なサイトですが。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/12/oublio-hot-images-on-english-social-media/oublio-top.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/12/oublio-hot-images-on-english-social-media/oublio-top_hu_29c3ded6a1a6e2bb.webp 480w, https://labs.cybozu.co.jp/blog/akky/2013/12/oublio-hot-images-on-english-social-media/oublio-top_hu_8c0986baebcfa451.webp 745w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/12/oublio-hot-images-on-english-social-media/oublio-top.png&#34; width=&#34;745&#34; height=&#34;844&#34; alt=&#34;oublio-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;reddit, ツイッター, インスタグラム, タンブラー, フリッカー, Imgur, YouTube などから、この一時間でもっとも反響の大きい画像(YouTube動画についてはこの一日)を表示してくれます。&lt;/p&gt;&#xA;&lt;p&gt;Pinterestは、そういうAPIができれば対応するよ、と中の人がFAQで答えているので、他のサービスはすべてAPIから取れたデータを使っているのでしょう。&lt;/p&gt;&#xA;&lt;p&gt;英語ユーザー、英語コメントで流れている人気の画像、日本でも流れているものも稀にはありますが、まったく目にすることが無いものも多いですね。おもしろい画像は言語を超えて面白いことも多いと思うのですが、それが紹介されて広まっていくところでは、言葉の壁がまだまだ邪魔をしているのかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://www.buzzfeed.com/charliewarzel/how-to-find-the-most-popular-images-on-the-web-at-any-given&#34;&gt;The Most Popular Images From Each Corner Of The Internet&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>動くファッション、ビデオイヤリング</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/</link>
				<pubDate>Wed, 04 Sep 2013 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/</guid>
				<description>&lt;p&gt;スマートフォン、タブレットの大流行によって、小さいサイズの液晶は部品としてかなり安くなったんでしょうね。それを感じさせる新しいファッションアイテムが、&lt;a href=&#34;http://www.indiegogo.com/projects/video-earrings-prototype-2&#34;&gt;クラウドファンディングのIndigogoで提案されています&lt;/a&gt;。&lt;/p&gt;&#xA;&lt;p&gt;それが、小さなスマートフォンといった感じのイヤリング Video Earring。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/video-earrings.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/video-earrings_hu_cfaee3e742703bee.webp 480w, https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/video-earrings_hu_1b3cedae165b7bf.webp 637w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/video-earrings.png&#34; width=&#34;637&#34; height=&#34;478&#34; alt=&#34;video-earrings&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;スクリーンサイズは2.01インチ x 1.01インチ (5.10cm x 2.57 cm)&lt;/p&gt;&#xA;&lt;p&gt;ビデオ・イヤリングの充電と動画の転送はUSBケーブルで行います。動画フォーマットはMOV, AVI, MP4, WMV, MPEG などに対応、再生時間は4～8時間。朝つけて夜まで再生はできませんが、パーティーの間は持つかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/video-earrings-diagram.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/video-earrings-diagram_hu_ee929557406bf574.webp 480w, https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/video-earrings-diagram_hu_66b835c689555166.webp 533w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/video-earrings-diagram.png&#34; width=&#34;533&#34; height=&#34;403&#34; alt=&#34;video-earrings-diagram&#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/2013/09/video-earring/video-earrings-box.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/video-earrings-box_hu_84dac7d7e686882a.webp 480w, https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/video-earrings-box_hu_73619d0264d18937.webp 578w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/09/video-earring/video-earrings-box.png&#34; width=&#34;578&#34; height=&#34;431&#34; alt=&#34;video-earrings-box&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;イヤリングなので2個セットでの販売です。価格は$150、北米以外への送料は$15 なので、合計で$165 ですね。クラウドファンディングなので、制作が成立するかはまだ未定なことに加えて、(プロジェクトの失敗などもあり)必ず入手できるかどうかは今のところは保証されません。&lt;/p&gt;&#xA;&#xA;&#x9;&#x9;&#x9;&lt;div&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;iframe&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;src=&#34;https://player.vimeo.com/video/67226422?dnt=0&#34;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; allow=&#34;fullscreen&#34;&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;/iframe&gt;&#xA;&#x9;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;via &lt;a href=&#34;http://www.ohgizmo.com/2013/08/27/high-tech-bling-video-earrings-with-2-2-inch-screens/&#34;&gt;High Tech Bling: Video Earrings with 2.2-Inch Screens | OhGizmo!&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>Hashtagart - ツイッターアイコンを使ったモザイク絵や神経衰弱ゲームで企業向けプロモーション</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2011/05/hashtagart-3454/</link>
				<pubDate>Sat, 21 May 2011 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2011/05/hashtagart-3454/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://hashtagart.com/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2011/05/hashtagart-3454/hashtagartlogo_hu_82f1142017f44e94.webp 400w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2011/05/hashtagart-3454/hashtagartlogo.png&#34; width=&#34;400&#34; height=&#34;67&#34; alt=&#34;Hashtagartlogo&#34; title=&#34;Hashtagartlogo&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt; &lt;a href=&#34;http://hashtagart.com/&#34;&gt;Hashtagart&lt;/a&gt;は、Twitterユーザーを巻き込んでのブランドプロモーションを提供するサービス。 すでに運用されている一番目のサービスは、特定のハッシュタグをつぶやいたユーザーのツイッターアイコンを集めて、広告主が指定する画像をモザイクで作るというものです。下はWindows Phone(ハッシュタグ#WindowsPhone)で実際に行われたプロモーションの例で、&lt;a href=&#34;http://hashtagart.com/windowsphone&#34;&gt;デモサイト&lt;/a&gt;にいくと、一つ一つのアイコンを選んで元となるつぶやきを確認したり、ユーザー名から自分のアイコンがどこに使われているかをみつけたり、というインタラクティブな機能を持っています。 &lt;a href=&#34;http://hashtagart.com/windowsphone&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/wp-content/uploads/2013/11/hashtagarttwindowsphone.png&#34; alt=&#34;Hashtagarttwindowsphone&#34; title=&#34;Hashtagarttwindowsphone&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt; アイコンで大きなモザイク画を作る発想自体は前からあるので、集計したり画像を作ったりという作業を有料で企業向けにパッケージ化したというだけではありますが。すでに予算を持ってる企業の担当者から見れば楽ですよね。 &lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/old_akky_images/uncategorized/2011/05/21/hashtagart140confsxsw.png&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/wp-content/uploads/2013/11/hashtagart140confsxsw.png&#34; alt=&#34;Hashtagart140confsxsw&#34; title=&#34;Hashtagart140confsxsw&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt; 第二弾はツイッターアイコンを使った「ソーシャルコミック」の作成、他にアイコンを使った絵合わせゲーム、トリビアクイズ、などのリリースが予定されているそうです。&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
