<?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/%E5%9C%A7%E7%B8%AE/</link>
		<description>Recent content in 圧縮 on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Thu, 28 Nov 2019 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E5%9C%A7%E7%B8%AE/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>JSONCrush - JSONをURIに圧縮して載せるためのライブラリ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/11/jsoncrush-json-compresses-json-into-uri/</link>
				<pubDate>Thu, 28 Nov 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/11/jsoncrush-json-compresses-json-into-uri/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/KilledByAPixel/JSONCrush&#34;&gt;KilledByAPixel/JSONCrush&lt;/a&gt; は、JSONをURLに載せやすい形に変換するライブラリです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://killedbyapixel.github.io/JSONCrush/&#34;&gt;JSONCrushのデモサイト&lt;/a&gt;。JSON形式のデータを左上に入力すると、それをテキストとして圧縮し(↓)、さらにURIとして使える文字に縁故度しています(→)。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2019/11/jsoncrush-json-compresses-json-into-uri/jsoncrush-demo-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/11/jsoncrush-json-compresses-json-into-uri/jsoncrush-demo-screenshot_hu_a0e63217cdd56f7d.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/11/jsoncrush-json-compresses-json-into-uri/jsoncrush-demo-screenshot_hu_5d33c736709b3af6.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/11/jsoncrush-json-compresses-json-into-uri/jsoncrush-demo-screenshot_hu_96a9ff9c1e91c5eb.webp 1184w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/11/jsoncrush-json-compresses-json-into-uri/jsoncrush-demo-screenshot.png&#34; width=&#34;1184&#34; height=&#34;833&#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;今回入れてみたJSONでは、そのままURIエンコードした場合に比べて52%、約半分のサイズとなりました。&lt;/p&gt;&#xA;&lt;p&gt;URLにユーザーが入力した結果のJSONデータをなるべく小さくして載せるというのがライブラリの目的です。URLに再現のためのパラメータが全部載っていれば、結果をブックマークしてもらえばいつでも同じパラメータのページが再現できます。サーバーサイドでいろいろ面倒な処理をして覚えておく必要がありません。&lt;/p&gt;&#xA;&lt;p&gt;そのままURLEncodeする手もあるけど、URLのサイズ上限(2000バイトちょっと)に引っ掛かるのは避けたい、と。HTTPパラメータとして個別に受け取ればもっとコンパクトにできるのでしょうけど、JSONのまま渡せるのは場合によっては楽なのでしょう。作り手側に楽という意味ですが。&lt;/p&gt;&#xA;&lt;p&gt;使ってる&lt;a href=&#34;http://jquerymy.com/jscrush/&#34;&gt;JSCrush ライブラリ&lt;/a&gt;が変換部分を担っていて、これは特定の文字列内でテキストをエンコードしてくれるもののようです。&lt;a href=&#34;http://www.iteral.com/jscrush/&#34;&gt;JSCrushのデモサイト&lt;/a&gt;はこちら。&lt;/p&gt;&#xA;&lt;p&gt;JSCrush は minify したものしかないらしく、 &lt;a href=&#34;https://nikhilism.com/post/2012/demystifying-jscrush/&#34;&gt;その動作を解析してる人&lt;/a&gt;がいました。この解説によれば、JSCrushライブラリは、1KbyteのJavaScriptで何ができるか、というコードゴルフコンテストの&lt;a href=&#34;http://js1k.com/2012-love/demo/1243&#34;&gt;2012年の作品&lt;/a&gt;で使われたものだそうです。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=21641760&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>監視カメラの長時間画像を圧縮して短く見せるBriefCam</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/</link>
				<pubDate>Tue, 30 Jul 2013 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://briefcam.com/&#34;&gt;BriefCam&lt;/a&gt; は、ほとんど変化がない景色を撮影した監視カメラ等による長時間動画を、数十～数百分の1の短い動画に圧縮するという、動画の要約ソフトウェアです。&lt;/p&gt;&#xA;&lt;p&gt;建物のホールに設置したカメラの110分の動画を、2分に圧縮したもの。違う時刻に現れたそれぞれ別の人物、あるいは同一人物が、カメラ内に登場し・去っていく様子を見せています。同じ画面上に同時に見えますが、それぞれの人には時刻が重ねて表示されています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-hall.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-hall_hu_ba728928f4a7f78a.webp 480w, https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-hall_hu_6692da82660aca73.webp 768w, https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-hall_hu_547db1c59e9d921.webp 843w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-hall.png&#34; width=&#34;843&#34; height=&#34;303&#34; alt=&#34;briefcam-hall&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;工場で作業する人たちの動画。同様に15分が2分になっています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-factory.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-factory_hu_f8fa0cf9c98bdb68.webp 480w, https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-factory_hu_2fa34f5139ed407a.webp 768w, https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-factory_hu_46517649d5920f33.webp 841w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-factory.png&#34; width=&#34;841&#34; height=&#34;306&#34; alt=&#34;briefcam-factory&#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時間のドア付近の人の出入りを90秒で再現。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-entrance.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-entrance_hu_315ca9c0aff68a82.webp 480w, https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-entrance_hu_479b866705ca7409.webp 768w, https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-entrance_hu_b867bf310ee0c0ad.webp 843w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/07/briefcam-summarizes-surveillance-video/briefcam-entrance.png&#34; width=&#34;843&#34; height=&#34;304&#34; alt=&#34;briefcam-entrance&#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://briefcam.com/videos/&#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/VqARVlQ2PrY?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;p&gt;しかし、1時間撮影したものを見直して何かを発見するには、たとえ2倍速で観たとしても30分掛かってしまうわけです。重大な事件の証拠探しなら人海戦術も採れるでしょうが、それ以外の場合には、撮ったはいいが確認がたいへん、ということも多いのが実際なのではと想像します。&lt;/p&gt;&#xA;&lt;p&gt;音声レコーダーでも、誰かが話している時だけ録音する、という機能がありますが、動画についても、変化のある箇所だけを手早く発見・確認したいという需要は多いのかもと思いました。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://www.techpageone.com/technology/briefcam-the-software-that-caught-the-boston-bombers/&#34;&gt;The software that caught the Boston bombers&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
