<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>2016-07 on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/archives/2016-07/</link>
		<description>Recent content in 2016-07 on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Mon, 25 Jul 2016 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/archives/2016-07/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Dreambit - キーワードで写真のヘアスタイルを着せ替えできる実験サービス</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2016/07/dreambit-changes-photo-hairstyle-by-keyword/</link>
				<pubDate>Mon, 25 Jul 2016 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2016/07/dreambit-changes-photo-hairstyle-by-keyword/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://dreambit.xyz/&#34;&gt;Dreambit&lt;/a&gt;は、顔写真を加工してくれるサービス。「インド」や「1930」などといったキーワードを与えると、写真に写っている人物の髪型を「インド風」にしたり「1930年代風」に変換してくれます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.washington.edu/news/2016/07/21/imaging-software-predicts-how-you-look-with-different-hair-styles-colors-appearances/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/dreambit-changes-photo-hairstyle-by-keyword/Dreambit-test-Ira-Kemelmacher-Shlizerman_hu_53ca50364419c9e6.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/07/dreambit-changes-photo-hairstyle-by-keyword/Dreambit-test-Ira-Kemelmacher-Shlizerman_hu_f3f53d34f007b064.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/07/dreambit-changes-photo-hairstyle-by-keyword/Dreambit-test-Ira-Kemelmacher-Shlizerman_hu_4d827bc7b65d1a48.webp 3999w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/dreambit-changes-photo-hairstyle-by-keyword/Dreambit-test-Ira-Kemelmacher-Shlizerman.jpg&#34; width=&#34;3999&#34; height=&#34;2162&#34; alt=&#34;(credit: ワシントン大)&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;(credit: ワシントン大)&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/dreambit-changes-photo-hairstyle-by-keyword/dreambit-examples.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/dreambit-changes-photo-hairstyle-by-keyword/dreambit-examples_hu_3ef55991443e51c4.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/07/dreambit-changes-photo-hairstyle-by-keyword/dreambit-examples_hu_38fe5f95cce0237b.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/07/dreambit-changes-photo-hairstyle-by-keyword/dreambit-examples_hu_8c4e630cce1aa3.webp 806w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/dreambit-changes-photo-hairstyle-by-keyword/dreambit-examples.png&#34; width=&#34;806&#34; height=&#34;658&#34; alt=&#34;dreambit-examples&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&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;Captain Picard simulated with curly hair by &lt;a href=&#34;https://x.com/hashtag/dreambit?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#dreambit&lt;/a&gt; &lt;a href=&#34;https://t.co/rPiHIgaOt6&#34;&gt;pic.twitter.com/rPiHIgaOt6&lt;/a&gt;&lt;/p&gt;&amp;mdash; Dreambit (@dreambitxyz) &lt;a href=&#34;https://x.com/dreambitxyz/status/757056830161973248?ref_src=twsrc%5Etfw&#34;&gt;July 24, 2016&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;/p&gt;&#xA;&lt;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;en&#34; dir=&#34;ltr&#34;&gt;Tom Hanks with &amp;quot;Long Hair&amp;quot; &lt;a href=&#34;https://x.com/hashtag/dreambit?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#dreambit&lt;/a&gt; &lt;a href=&#34;https://t.co/HyXjAZwZUu&#34;&gt;pic.twitter.com/HyXjAZwZUu&lt;/a&gt;&lt;/p&gt;&amp;mdash; Dreambit (@dreambitxyz) &lt;a href=&#34;https://x.com/dreambitxyz/status/756388878538280960?ref_src=twsrc%5Etfw&#34;&gt;July 22, 2016&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://www.youtube.com/watch?v=mILLFK1Rwhk&#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/mILLFK1Rwhk?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;同じ助教のチームは、2014年に&lt;a href=&#34;http://www.washington.edu/news/2014/04/09/see-what-a-child-will-look-like-using-automated-age-progression-software/&#34;&gt;「写真の人が歳を取ったらどんな顔になるか」という画像処理研究&lt;/a&gt;を発表しています。&lt;/p&gt;</description>
			</item>
			<item>
				<title>一年中快適な気温21℃で暮らしつつアメリカを周るための地図</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2016/07/same-temperature-us-trip-map/</link>
				<pubDate>Thu, 21 Jul 2016 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2016/07/same-temperature-us-trip-map/</guid>
				<description>&lt;p&gt;天気ブログ &lt;a href=&#34;http://us-climate.blogspot.jp/&#34;&gt;Brian B&amp;rsquo;s Climate Blog&lt;/a&gt;のブライアンさんがデータから作って&lt;a href=&#34;http://us-climate.blogspot.jp/2015/10/70f-road-trip.html&#34;&gt;公開した北アメリカの地図&lt;/a&gt;は、「華氏70度(摂氏21度)の場所を辿りつつ旅行できる地図」(70°F Road Trip)&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/same-temperature-us-trip-map/70f_road_trip_map.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/same-temperature-us-trip-map/70f_road_trip_map_hu_79214e97500b9ead.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/07/same-temperature-us-trip-map/70f_road_trip_map_hu_4856c0e6882ac30f.webp 636w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/same-temperature-us-trip-map/70f_road_trip_map.png&#34; width=&#34;636&#34; height=&#34;471&#34; alt=&#34;70f_road_trip_map&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;人が一番快適な温度を21℃と(仮に)決めて、快適な温度を外れずに移動すると、たとえばこんな旅程になる、というわけです。冬のテキサス、夏のアラスカはいい気候なんでしょうね。&lt;/p&gt;&#xA;&lt;p&gt;気温が21℃の地域をアメリカの地図にプロットして、一年を見せた&lt;a href=&#34;https://www.youtube.com/watch?v=W8GmL8BEtPU&#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/W8GmL8BEtPU?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;もうちょっと高い気温が好きな人のために、記事の最後では80℉(27℃)版の地図も追加公開されています。&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://flowingdata.com/2016/07/13/cross-country-road-trip-at-a-constant-70-degrees/&#34;&gt;FlowingData&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>Pokémap - Pokemon Goのポケモン・ジム・ポケストップを可視化する勝手ツール</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2016/07/pokemap-pokemon-go-tool/</link>
				<pubDate>Wed, 20 Jul 2016 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2016/07/pokemap-pokemon-go-tool/</guid>
				<description>&lt;p&gt;アメリカ人をトリコにし、任天堂の株価を倍に押し上げた位置情報ゲーム「ポケモンGo」、日本での今日のリリースが2ちゃんねる経由マクドナルドからの&lt;a href=&#34;http://imgur.com/iNXZeBa&#34;&gt;リーク&lt;/a&gt;で延期になった、とかいう話も(本当かどうかわかりませんが)流れて来たりと、これから日本でも熱くなりそうなところです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://jz6.github.io/PoGoMap/&#34;&gt;Pokémap&lt;/a&gt;は、&lt;a href=&#34;https://github.com/AHAAAAAAA&#34;&gt;Ahmed Almutawa&lt;/a&gt;が始めたばかりのツール開発プロジェクトで、ポケモンGo に出てくるポケモン達、アイテムを得られるポケストップ、奪いあうポケジムなどゲームを簡単に進められるようにする重要情報を、Google Mapベースの地図に表示してしまうというPython製ツールです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/pokemap-pokemon-go-tool/pokemap-top.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/pokemap-pokemon-go-tool/pokemap-top_hu_fb4745103cb8f398.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/07/pokemap-pokemon-go-tool/pokemap-top_hu_7faa571aa278f46b.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/07/pokemap-pokemon-go-tool/pokemap-top_hu_e516142aaa57828b.webp 777w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/pokemap-pokemon-go-tool/pokemap-top.png&#34; width=&#34;777&#34; height=&#34;985&#34; alt=&#34;pokemap-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;現在のツールはプログラマでないと&lt;a href=&#34;https://www.reddit.com/r/pokemongodev/comments/4t80df/wip_pokemon_go_map_visualization_google_maps_view/d5feu2f?st=iqtsngmd&amp;amp;sh=1a3e519e&#34;&gt;セットアップがたいへんそう&lt;/a&gt;な作りになっていますが、こんなツールで地図が見えてしまうと、一般のユーザーとの競争はかなり簡単になってしまうのではという心配もあります。&lt;/p&gt;&#xA;&lt;p&gt;各データは Niantec 社のサーバとの通信を見て取得しているようなので、早晩、通信方法が変更されたり、暗号化されたりするのではと思いますが、熱心なユーザー&amp;amp;開発者が2日間で50人近く contributor として集まったそうで、&lt;a href=&#34;https://github.com/AHAAAAAAA/PokemonGo-Map&#34;&gt;GitHub 上のプロジェクトページ&lt;/a&gt;では一時的にプルリクエストを受け付けませんという表示がされています。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://www.theverge.com/tldr/2016/7/19/12226958/pokemon-go-google-map-display&#34;&gt;The Verge&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>長い長いロープの模様が作るデジタル時計</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2016/07/digital-clock-by-patterns-on-long-rope/</link>
				<pubDate>Wed, 20 Jul 2016 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2016/07/digital-clock-by-patterns-on-long-rope/</guid>
				<description>&lt;p&gt;ドイツのアーチスト&lt;a href=&#34;https://fel-x.com/&#34;&gt;フェリックス・ヴォレイターさん&lt;/a&gt;(Felix Vorreiter)が作った時計Flux 1440 は、&lt;a href=&#34;https://vimeo.com/31476781&#34;&gt;とても長いロープの上に描いた黒いマークが、一分ごとにデジタルな数字になって時間を表示する、というデジタル時計&lt;/a&gt;です。&lt;/p&gt;&#xA;&lt;p&gt;プーリーを使って5段に並べられた細いロープに書かれた黒い模様が、一分に一回だけ時刻を浮かび上がらせます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/digital-clock-by-patterns-on-long-rope/rope-clock.gif&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/digital-clock-by-patterns-on-long-rope/rope-clock.gif&#34; width=&#34;132&#34; height=&#34;86&#34; alt=&#34;rope-clock&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;動いている様子を映した2分間の映像。2分間なので、動画中に時刻ができあがるのは2回だけです。&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/31476781?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;こちらはメイキング映像。&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/bX8dJ5mO02I?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;1秒ごとに1.3cmちょっと巻き取られるロープ、元々の意図通りに一日=1440分を表示しようとすると、1175m 、つまり1.2キロメートル近くの長さが必要となります。&lt;/p&gt;&#xA;&lt;p&gt;ステップモーターをArduinoで制御したこの作品では、1.2キロメートルのロープを引くのは無理だったようで、1日ではなく2時間分の時刻を刻むだけとなっているそうですが、それでも100メートルに360セットのパターンが必要で、思いつき以上にたいへんそうな制作だったんだろうなと思われます。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://makezine.com/2016/07/13/mesmerizing-clock-tells-time-with-painted-lines-on-string/&#34;&gt;Make:&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>The Floppotron - フロッピー・ハードディスク・スキャナー等総動員でスターウォーズのテーマを鳴らす</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2016/07/the-floppotron-star-wars-theme/</link>
				<pubDate>Tue, 12 Jul 2016 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2016/07/the-floppotron-star-wars-theme/</guid>
				<description>&lt;p&gt;フロッピーディスクの駆動音でリズムを取る、ぐらいの工作はよくありましたが、&lt;a href=&#34;https://www.youtube.com/watch?v=Oym7B7YidKs&#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/the-floppotron-star-wars-theme/the-floptron-1.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/the-floppotron-star-wars-theme/the-floptron-1_hu_3b57e16b0d922f69.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/07/the-floppotron-star-wars-theme/the-floptron-1_hu_1bf6287fbf93d692.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/07/the-floppotron-star-wars-theme/the-floptron-1_hu_eea3e715743ffc67.webp 1148w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/the-floppotron-star-wars-theme/the-floptron-1.png&#34; width=&#34;1148&#34; height=&#34;547&#34; alt=&#34;the-floptron-1&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;今どきPCについてないことも多いフロッピードライブが並ぶさまは圧巻です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/the-floppotron-star-wars-theme/the-floptron-2.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/the-floppotron-star-wars-theme/the-floptron-2_hu_20c9b6ff7175e19b.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/07/the-floppotron-star-wars-theme/the-floptron-2_hu_e553610d133cdec9.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/07/the-floppotron-star-wars-theme/the-floptron-2_hu_1a660519a71de20c.webp 1146w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/the-floppotron-star-wars-theme/the-floptron-2.png&#34; width=&#34;1146&#34; height=&#34;546&#34; alt=&#34;the-floptron-2&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&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/Oym7B7YidKs?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;http://silent.org.pl/home/2016/07/06/return-of-the-floppies/&#34;&gt;オーケストラの構成&lt;/a&gt;は以下の通り。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;フロッピードライブ 64台&lt;/li&gt;&#xA;&lt;li&gt;ハードディスクドライブ 8台&lt;/li&gt;&#xA;&lt;li&gt;スキャナ 2台&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://silent.org.pl/home/2016/07/06/return-of-the-floppies/&#34;&gt;作者のブログでは&lt;/a&gt;、&lt;a href=&#34;https://ja.wikipedia.org/wiki/%E3%82%B9%E3%83%A1%E3%83%AB%E3%82%BA%E3%83%BB%E3%83%A9%E3%82%A4%E3%82%AF%E3%83%BB%E3%83%86%E3%82%A3%E3%83%BC%E3%83%B3%E3%83%BB%E3%82%B9%E3%83%94%E3%83%AA%E3%83%83%E3%83%88&#34;&gt;スメルズ・ライク・「ナード」・スピリット&lt;/a&gt;や&lt;a href=&#34;https://www.youtube.com/watch?v=32kWuKysE6A&#34;&gt;ハワイFive-Oのテーマ&lt;/a&gt;の演奏もあります。&lt;/p&gt;</description>
			</item>
			<item>
				<title>サスペンスかSF風のBGMをブラウザで作れるサイト</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/</link>
				<pubDate>Tue, 12 Jul 2016 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://codepen.io/jakealbaugh/&#34;&gt;Jake Albaugh&lt;/a&gt; さんが公開した &lt;a href=&#34;http://codepen.io/jakealbaugh/full/qNrZyw/&#34;&gt;Musical Chord Progression Arpeggiator&lt;/a&gt;は、楽譜や楽器の素養が無くても、和音の要素をばらしてそれらしく弾いてくれるというアルペジエーターを、ブラウザ上のJavaScriptで作ったというものです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/musical-chord-progression-arpeggiator.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/browser-scifi-bgm-composer/musical-chord-progression-arpeggiator_hu_2c794a55ac11d6c3.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/musical-chord-progression-arpeggiator_hu_40b1f49729093c46.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/musical-chord-progression-arpeggiator_hu_9e79b59331b139b9.webp 1015w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/browser-scifi-bgm-composer/musical-chord-progression-arpeggiator.png&#34; width=&#34;1015&#34; height=&#34;817&#34; alt=&#34;musical-chord-progression-arpeggiator&#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;自分の作った動画に他人の著作権が及ばないBGMを簡単につけたいというときなどに、こういう自動作曲のサービスは使い良いのではないでしょうか。&lt;/p&gt;&#xA;&lt;p&gt;ブラウザ上でのインタラクティブな音を扱うオープンソースライブラリ&lt;a href=&#34;https://github.com/Tonejs/Tone.js&#34;&gt;Tone.js&lt;/a&gt;を使っています。codepen.io上に置かれたソースがそのまま実行されているので、やる気があれば自分用に改造することもできるでしょう。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://www.reddit.com/r/InternetIsBeautiful/comments/4rpvd4/musical_chord_progression_arpeggiator/&#34;&gt;reddit&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>PostGhost - 政治家や有名人の削除されたツイートを記録するサービス</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2016/07/postghost-records-politicians-and-cel/</link>
				<pubDate>Wed, 06 Jul 2016 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2016/07/postghost-records-politicians-and-cel/</guid>
				<description>&lt;p&gt;[追記 2016-08-12] 7月6日にはツイッターから削除されたツイートの情報を利用することは規約違反、との告知を受け、サービスは止まっています。サイトでは&lt;a href=&#34;http://postghost.com/Home/Shutdown/&#34;&gt;ツイッター社への公開質問状が掲示&lt;/a&gt;されています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://postghost.com/&#34;&gt;Post Ghost&lt;/a&gt;は、有名人など影響力のあるツイッターユーザーのつぶやきを記録しつづけ、削除や訂正があればそれを表示する、というサービスです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/postghost-records-politicians-and-cel/postghost-japan-top.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/postghost-records-politicians-and-cel/postghost-japan-top_hu_ae36c1d6cba3c947.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/07/postghost-records-politicians-and-cel/postghost-japan-top_hu_d07ea6b7f1d9c7a0.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/07/postghost-records-politicians-and-cel/postghost-japan-top_hu_8cc8635b3afffa0b.webp 1046w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/postghost-records-politicians-and-cel/postghost-japan-top.png&#34; width=&#34;1046&#34; height=&#34;880&#34; alt=&#34;postghost-japan-top&#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;一言で言えば「透明性」です。政治家の削除したツイートを見せるサイトは他にもあります。しかし、この選挙の年(アメリカのサービスです)に、有名人と政治家の境界線は曖昧になりがちです。ワンクリックで何百万人にも届く力を持つツイッターユーザーの公での発言を記録することは、公共の利益に叶うと我々は信じています。&lt;/p&gt;&#xA;&lt;p&gt;In a word: transparency. Other sites show deleted tweets from politicians. But in an election year where the line between celebrity and politics is increasingly blurred, we believe it&amp;rsquo;s in the public interest to maintain a record of public statements of every Twitter user who has the ability to reach thousands or millions of followers with a single click or tap.&lt;/p&gt;</description>
			</item>
			<item>
				<title>PDFで作られたブロック崩し</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2016/07/pdf-breakout/</link>
				<pubDate>Tue, 05 Jul 2016 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2016/07/pdf-breakout/</guid>
				<description>&lt;p&gt;pdfファイルといえば様々な環境でなるべく同じに見えるようにレイアウトを固定した文書を配る時のフォーマットだと思いますが、そのpdf形式で作られたブロック崩しゲームが公開されました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://rawgit.com/osnr/horrifying-pdf-experiments/master/breakout.pdf&#34;&gt;breakout.pdf&lt;/a&gt; (Chromeブラウザでのみ動作)&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/pdf-breakout/pdf-breakout.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/pdf-breakout/pdf-breakout_hu_e1a7d7bd9232a306.webp 480w, https://labs.cybozu.co.jp/blog/akky/2016/07/pdf-breakout/pdf-breakout_hu_e06d1b1830ec5636.webp 768w, https://labs.cybozu.co.jp/blog/akky/2016/07/pdf-breakout/pdf-breakout_hu_838443c1852663e6.webp 812w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2016/07/pdf-breakout/pdf-breakout.png&#34; width=&#34;812&#34; height=&#34;528&#34; alt=&#34;pdf-breakout&#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://rsnous.com/&#34;&gt;Omar Rizwanさん&lt;/a&gt;による&lt;a href=&#34;https://github.com/osnr/horrifying-pdf-experiments&#34;&gt;ソースコードおよび解説&lt;/a&gt;によると、PDFは仕様上はFlashやら音声やら動画やらJavaScriptやら、いろんなものを内蔵できるようになっているのだそうです。&lt;/p&gt;&#xA;&lt;p&gt;ただ、ほとんどのPDFビューワーでは、そういった本流でない部分の仕様は実装していません。しかし、Chromeブラウザ内蔵のpdfビューワーでは、&lt;a href=&#34;https://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_reference_1-7.pdf#page=709&#34;&gt;pdfがサポートしているJavaScriptの仕様&lt;/a&gt;のうちのいくつかが実装されているそうです。&lt;a href=&#34;https://mariomalwareanalysis.blogspot.jp/2012/02/how-to-embed-javascript-into-pdf.html&#34;&gt;pdfからJavaScriptを呼び出せるというブログ&lt;/a&gt;を見たRizwanさんは、使えるAPIだけを使って、ブロック崩しゲームを実装してしまった、というわけです。&lt;/p&gt;&#xA;&lt;p&gt;このChrome pdfビューワの実装においても、データベースに接続するとか、接続されたモニターを検出するとか、外部リソースにアクセスするとか、そういったほとんどの機能は「サポートしない」となっていて、pdfの内部で計算をすることはできても、外部とのやりとりをする手段の多くは使えないのだとか。&lt;/p&gt;&#xA;&lt;p&gt;この限定されたAPIから、テキストの背景色を動的に変えることはできないけれど、その枠の大きさと枠のスタイルは変えられる、ということで、ブロックの表示・非表示を制御したそうです。&lt;/p&gt;&#xA;&lt;p&gt;また、マウスの正確な位置を検出する手段はないけれど、PDF作成時に配置したフィールドへのマウスカーソルの出入りは検出できるということで、これを使ってマウスの場所を取得しているそうです。&lt;/p&gt;&#xA;&lt;p&gt;フィールドも後で追加することはできず、PDFに最初から持たせておく必要があるそうで、自機、ブロック、ボール、得点、残機のそれぞれを、大量のフィールドとしてPDF上に配置するスクリプトを書き、それでゲーム画面のPDFを生成させているということ。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://plus.google.com/&amp;#43;FrancoisBeaufort/posts/9wwSiWDDKKP&#34;&gt;Chromeブラウザ上のpdfビューワは、もともとGoogleがFoxitから買い取ったpdfビューワーを基にしたものらしい&lt;/a&gt;ということで、Foxitの時代にその顧客がこの小さなJavaScriptセットを使っていたのではないか、とRizwanさんは推測しています。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://thenextweb.com/apps/2016/07/05/know-can-play-games-pdf-files/&#34;&gt;TheNextWeb&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>
	</channel>
</rss>
