<?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/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96/</link>
		<description>Recent content in インタラクティブ on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Wed, 07 Aug 2019 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>アメリカ銃乱射地図</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/</link>
				<pubDate>Wed, 07 Aug 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/</guid>
				<description>&lt;p&gt;Voxメディアが公開している、&lt;a href=&#34;https://www.vox.com/a/mass-shootings-america-sandy-hook-gun-violence&#34;&gt;インタラクティブな銃乱射記録地図&lt;/a&gt;です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.vox.com/a/mass-shootings-america-sandy-hook-gun-violence&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/vox-us-mass-shootings-map-top_hu_899f7b42b5ff446a.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/vox-us-mass-shootings-map-top_hu_ba7a6aa735b6113d.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/vox-us-mass-shootings-map-top_hu_2417f32471789663.webp 951w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/vox-us-mass-shootings-map-top.png&#34; width=&#34;951&#34; height=&#34;621&#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;2012年の&lt;a href=&#34;https://ja.wikipedia.org/wiki/%E3%82%B5%E3%83%B3%E3%83%87%E3%82%A3%E3%83%95%E3%83%83%E3%82%AF%E5%B0%8F%E5%AD%A6%E6%A0%A1%E9%8A%83%E4%B9%B1%E5%B0%84%E4%BA%8B%E4%BB%B6&#34;&gt;サンディー・フック小学校乱射事件&lt;/a&gt;以降の銃乱射事件のデータが使われていて、新しい乱射事件が起こるたびに更新されているようです。今日の時点、2012年からのたった7年弱で、2178件の乱射事件が記録されているということ。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.vox.com/a/mass-shootings-america-sandy-hook-gun-violence&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/vox-us-mass-shootings-by-states_hu_2a0b37a0c483c319.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/vox-us-mass-shootings-by-states_hu_98f615b76bbeeacb.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/vox-us-mass-shootings-by-states_hu_fb25895a54540c01.webp 1086w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/vox-us-mass-shootings-by-states.png&#34; width=&#34;1086&#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;a href=&#34;https://www.vox.com/a/mass-shootings-america-sandy-hook-gun-violence&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/vox-mass-shootings-chart_hu_68e8589fd544d3fe.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/vox-mass-shootings-chart_hu_18d2d2cad77f231c.webp 724w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/08/us-mass-shootings-map/vox-mass-shootings-chart.png&#34; width=&#34;724&#34; height=&#34;744&#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;横軸が人口100人あたりの銃の数。アメリカは一人に銃一つなんですね。縦軸は10万人あたりの銃による死亡者数。アメリカは1万人に一人以上。国別でみるとダントツに他の先進諸国を離して右上に君臨しています。日本は左下、ほぼゼロに近いところ。&lt;/p&gt;&#xA;&lt;p&gt;他にも、乱射事件で亡くなった人数は全体からみるとわずかで、その他の殺人や自殺に銃が使われていること、2012 年から乱射事件のある日に色をつけたカレンダー、など、パッと見るだけで異常な状態がわかる資料がよく可視化され、まとめられています。&lt;/p&gt;&#xA;&lt;p&gt;銃事件の元データは、&lt;a href=&#34;https://www.gunviolencearchive.org/&#34;&gt;銃暴力アーカイブ(Gun Violence Archive)&lt;/a&gt;というサイトのものを使っているようです。こちらのサイトでは、今年2019年に銃乱射で亡くなった被害者が既に253名とわかります。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://googlemapsmania.blogspot.com/2019/08/massacremitch.html&#34;&gt;Maps Mania&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>OpenVim - ブラウザで動く Vim 入門</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/</link>
				<pubDate>Fri, 21 Jun 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.openvim.com/&#34;&gt;OpenVim&lt;/a&gt; は、ブラウザ上で動く Vim のインタラクティブなチュートリアルです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.openvim.com/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/openvim_hu_d6d30218e49e7513.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/openvim_hu_3609308acc65a6b5.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/openvim_hu_63bfea3820fcc456.webp 1378w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/06/openvim-teaches-you-vim-on-browser/openvim.png&#34; width=&#34;1378&#34; height=&#34;773&#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章にわかれたチュートリアルをこなしていくことで、Vim の基本的なコマンドを一通り知ることができます。&lt;/p&gt;&#xA;&lt;p&gt;Unix サーバの管理を初めてまかされた、どうしよう、みたいな人には、コマンド表を見て覚えるよりちょっといいかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://github.com/egaga/openvim&#34;&gt;ソースコードも公開されていて&lt;/a&gt;、たくさんのバグ報告や改善案が寄せられているようです。&lt;/p&gt;</description>
			</item>
			<item>
				<title>都市の道路が向いてる方角を調べられるインタラクティブ地図</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/</link>
				<pubDate>Wed, 18 Jul 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://mourner.github.io/road-orientation-map/#12/40.734/-73.992&#34;&gt;Road Orientations Interactive Map&lt;/a&gt;は、都市の道路の方角を円形のヒストグラムにまとめたインタラクティブ地図です。&lt;/p&gt;&#xA;&lt;p&gt;360度を64分割し、それぞれの方角を向いた道路の長さをカウントしていくと、表示中の都市がどの方角に向いた道路をどれぐらい持っているか、が右上に表示されます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-tokyo.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-tokyo_hu_796e551711eaa0f8.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-tokyo_hu_62c1938bec3ec1b3.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-tokyo_hu_5ce1043a2c85e2b6.webp 859w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-tokyo.png&#34; width=&#34;859&#34; height=&#34;763&#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://mourner.github.io/road-orientation-map/#12.44/35.69836/139.72867&#34;&gt;東京都心部&lt;/a&gt;を表示すると、こんな分布に。どの方角にも同じぐらいの長さの道路が存在する、つまり、特に方角など気にせず、ランダムに近い方角に道路が伸びているというのがわかります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-kyoto.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-kyoto_hu_d7910aa27afefc4.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-kyoto_hu_b62201579fa4e440.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-kyoto_hu_5549235185b1f011.webp 859w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-kyoto.png&#34; width=&#34;859&#34; height=&#34;771&#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://mourner.github.io/road-orientation-map/#13.48/35.00396/135.75999&#34;&gt;京都&lt;/a&gt;を表示してみるとこんな結果に。ほとんどの道路は東西・南北に向いていて、それ以外の方角に向いた道は非常に少なそう。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-sapporo.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-sapporo_hu_5e42761f404b0b2c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-sapporo_hu_189bd76062ca1992.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-sapporo_hu_ef1b26a9f20bb3a9.webp 852w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/07/road-orientation-interactive-map/road-orientation-map-sapporo.png&#34; width=&#34;852&#34; height=&#34;761&#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://mourner.github.io/road-orientation-map/#12.16/43.08035/141.34778&#34;&gt;札幌&lt;/a&gt;。札幌も碁盤目の街という印象でしたが、こちらは京都と違って東西南北の向きには向いてないのですね。また、場所によって四方の方角が異なっていて、集計結果としては多い方角は8つ出てくるのがわかります。&lt;/p&gt;&#xA;&lt;p&gt;右下の検索ボックスで、世界中のどの場所でも表示できるのがいいですね。&lt;/p&gt;&#xA;&lt;p&gt;この地図、&lt;a href=&#34;https://openstreetmap.jp/&#34;&gt;OpenStreetMap&lt;/a&gt; のデータを使った&lt;a href=&#34;https://www.mapbox.com/maps/&#34;&gt;Mapbox&lt;/a&gt;のサービスを使って描画されています。表示されている地図の範囲の道路データから方角と距離を取り出し、集計するのは&lt;a href=&#34;https://github.com/mourner/road-orientation-map/&#34;&gt;コンパクトな JavaScript&lt;/a&gt; で済んでいます。&lt;/p&gt;&#xA;&lt;p&gt;# 作者はMapboxの中の人のようです&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://blog.mapbox.com/visualizing-street-orientations-on-an-interactive-map-1eefa6002afc&#34;&gt;作者のウラディミール・アガフォンキンさん(Vladimir Agafonkin)は&lt;/a&gt;、アメリカの主要都市について同様の円形ヒストグラムをまとめた&lt;a href=&#34;http://vizual-statistix.tumblr.com/post/80468941142/unlike-like-emperor-kuzco-i-was-actually-born&#34;&gt;Vizual Statistix の記事を見て&lt;/a&gt;、「地図の任意の都市について簡単に同じように調べられたらいいな」と思って今回の開発を思い立ったということ。&lt;/p&gt;</description>
			</item>
			<item>
				<title>Phantom Islands - 実は存在しない、とわかって地図から消えた島をまとめた世界地図</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/06/phantom-islands-world-map/</link>
				<pubDate>Sun, 24 Jun 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/06/phantom-islands-world-map/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://andrewpekler.com/phantom-islands/&#34;&gt;Phantom Islands&lt;/a&gt;は、一度は地図に載っていたのに現在の地図からは消えてしまった、存在しなかった島を集めたインタラクティブ地図です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://andrewpekler.com/phantom-islands/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/phantom-islands-world-map/phantom-islands-near-japan_hu_7133bfa58141285c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/06/phantom-islands-world-map/phantom-islands-near-japan_hu_1ec7f4da416529bf.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/06/phantom-islands-world-map/phantom-islands-near-japan_hu_3a42a7576621da2d.webp 834w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/06/phantom-islands-world-map/phantom-islands-near-japan.png&#34; width=&#34;834&#34; height=&#34;583&#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;サイトは音が鳴るようになっていて、選んだ島の様子にあわせたBGMや、鳥や虫の鳴き声や、波や風の音が鳴ります。といっても存在しない島なので本当はそんな音は鳴ってないのですが。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://googlemapsmania.blogspot.com/2018/06/discovering-imaginary-islands.html&#34;&gt;Maps Mania&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>Chronas - Wikipediaの歴史データをインタラクティブな世界地図上にまとめるプロジェクト</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/</link>
				<pubDate>Tue, 15 Dec 2015 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://chronas.org/&#34;&gt;Chronas.org&lt;/a&gt; では、西暦1年から2000年までの各国の変遷を、&lt;a href=&#34;http://chronas.org/history&#34;&gt;グーグル地図風のインタフェース&lt;/a&gt;で見ることができます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-battle-of-arsuf.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-battle-of-arsuf_hu_aa8b5e226395488a.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-battle-of-arsuf_hu_4ddc7adecd80d869.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-battle-of-arsuf_hu_5cd0b5d16a7bd652.webp 1270w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-battle-of-arsuf.png&#34; width=&#34;1270&#34; height=&#34;772&#34; alt=&#34;chronas-battle-of-arsuf&#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/2015/12/chronas-wikipedia-histories-on-interactive-map/Chronas_Basic_Features.gif&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/Chronas_Basic_Features.gif&#34; width=&#34;320&#34; height=&#34;180&#34; alt=&#34;Chronas_Basic_Features&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;地図上の勢力や、人物、紛争などのアイコンをクリックすると、それに関するWikipediaの内容が表示されます。&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/12/chronas-wikipedia-histories-on-interactive-map/chronas-rulers.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-rulers_hu_22c80d27bb3be967.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-rulers_hu_b1c1f5b579a31adb.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-rulers_hu_1a3e74a1af41f439.webp 1070w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-rulers.png&#34; width=&#34;1070&#34; height=&#34;621&#34; alt=&#34;chronas-rulers&#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/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-static-view.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-static-view_hu_6fbe93a48bb51ab6.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-static-view_hu_a0bc3eccee6d0155.webp 546w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/chronas-wikipedia-histories-on-interactive-map/chronas-static-view.png&#34; width=&#34;546&#34; height=&#34;576&#34; alt=&#34;chronas-static-view&#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.youtube.com/watch?v=0yqcCK66Az4&#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/0yqcCK66Az4?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;10月に公開されたこのベータ版は、216名のメンバー(7名のモデレーター候補含む)によって作成されたもので、今後は一般ユーザーがデータを更新して貢献できるようにしていくことも検討されているそうです。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://googlemapsmania.blogspot.jp/2015/12/the-history-map.html&#34;&gt;Maps Mania&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>救急車の実際の到着時間を地図上で可視化したロサンゼルスのオンライン地図</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2012/12/medical-response-visualized-by-latimes/</link>
				<pubDate>Wed, 12 Dec 2012 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2012/12/medical-response-visualized-by-latimes/</guid>
				<description>&lt;p&gt;アメリカの新聞ロサンゼルスタイムスがオンライン版で公開した&lt;a href=&#34;http://graphics.latimes.com/how-fast-is-lafd/#11/34.1166/-118.5830&#34;&gt;地図&lt;/a&gt;は、救急医療の反応の速さをロサンゼルスの市街地図に重ねて可視化した興味深いものです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://graphics.latimes.com/how-fast-is-lafd/#11/34.1166/-118.5830&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/medical-response-visualized-by-latimes/medical-response-fastness-map_hu_f7f539940af74914.webp 480w, https://labs.cybozu.co.jp/blog/akky/2012/12/medical-response-visualized-by-latimes/medical-response-fastness-map_hu_a51498c011565283.webp 599w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/medical-response-visualized-by-latimes/medical-response-fastness-map.png&#34; width=&#34;599&#34; height=&#34;426&#34; alt=&#34;&#34; title=&#34;medical-response-fastness-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;ロサンゼルス市全域が六角形のヘックスで区切られ、救急車の到着までに掛かった時間に応じて色分けして塗られています。緑は6分以下。赤は6分以上で、掛かった時間が長いほど濃い赤色で塗られます。&lt;/p&gt;&#xA;&lt;p&gt;6分というのは、ロサンゼルス市消防局の目標値だそうです。アメリカには何分以内という共通の目標値は無いということですが、&lt;a href=&#34;http://www.emsworld.com/article/10324786/ems-response-time-standards&#34;&gt;ニューヨーク市の10分という目標&lt;/a&gt;よりも短いということ。記事では、特に心停止状態が4分続くと脳にダメージが与えられる可能性があることから、この到着時間が短いことがとても重要だと言っています。&lt;/p&gt;&#xA;&lt;p&gt;データは、過去5年間の100万回以上の出動を解析したもので、特定のヘックスにマウスを置くと、911(日本でいう119+110)通報を受けてから救急車が出発するまでの平均時間、救急車が現場に着くまでの平均時間、がわかります。&lt;/p&gt;&#xA;&lt;p&gt;到着時間が遅い赤色のヘックスが多いのは、山間部や他の市との境界に多いようですね。記事では、山肌や丘の上の豪華な家に住むお金持ちのところには救急車が来るのが遅く、街中の密集地に住む庶民は良い救急医療を受けられる状態になっている、というのを、多少皮肉交じりに伝えています。&lt;/p&gt;&#xA;&lt;p&gt;このような可視化は、健康に不安のある人がどこに住むかを考えるのにも良さそうですが、将来の消防署の配置(地図のlegendのLAFD fire stationにチェックを入れると黒い■で表示されます)を計画する際にとても役立つでしょうね。赤いところを狭くするように配置したり、近隣の市町村との間で入り組んでいるところでは、お互い越境して近いところをカバーする、みたいな運用もできるのではないでしょうか。&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;via &lt;a href=&#34;http://www.latimes.com/news/local/lafddata/la-me-lafd-response-disparities-20121115,0,6142034,full.story&#34;&gt;Medical response time lags in many pricey L.A. neighborhoods - latimes.com&lt;/a&gt; via&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
