<?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%95%93%E8%92%99/</link>
		<description>Recent content in 啓蒙 on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Fri, 14 Oct 2022 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E5%95%93%E8%92%99/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>地図で嘘をつく - 事実をプロットしても色や形で印象は変わる</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2022/10/how-to-lie-with-maps/</link>
				<pubDate>Fri, 14 Oct 2022 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2022/10/how-to-lie-with-maps/</guid>
				<description>&lt;p&gt;ニコラス・ランバートさん(Nicolas Lambert)の公開したインタラクティブな地図 &lt;a href=&#34;https://observablehq.com/@neocartocnrs/how-to-lie-with-maps&#34;&gt;How to Lie with Maps (地図で嘘をつく)&lt;/a&gt;は、9月29日にフランス各地165都市で行われたデモに参加した人数をフランスの地図上に描く、というだけのことが、地図作者の意向次第でどのようにも変わりうるということを示してくれます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://observablehq.com/@neocartocnrs/how-to-lie-with-maps&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/10/how-to-lie-with-maps/how-to-lie-with-maps-by-neocarto-moderate_hu_a024f588d9882ff9.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/10/how-to-lie-with-maps/how-to-lie-with-maps-by-neocarto-moderate_hu_de6f478f14c8bc9b.webp 583w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/10/how-to-lie-with-maps/how-to-lie-with-maps-by-neocarto-moderate.png&#34; width=&#34;583&#34; height=&#34;633&#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;How to lie with maps moderate expression by @neocartocnrs (MIT license)&lt;/p&gt;&#xA;&lt;p&gt;これはスライダーを中間ぐらいにした表示。タイトルもスライダーに連動して変わり、この時は「フランス全土で2万5000人が」となります。&lt;/p&gt;&#xA;&lt;p&gt;[&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/10/how-to-lie-with-maps/how-to-lie-with-maps-by-neocarto-failure_hu_a0284884083306be.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/10/how-to-lie-with-maps/how-to-lie-with-maps-by-neocarto-failure_hu_1cf8c240bc96ef2f.webp 575w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/10/how-to-lie-with-maps/how-to-lie-with-maps-by-neocarto-failure.png&#34; width=&#34;575&#34; height=&#34;627&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;](How to lie with maps moderate expression by @neocartocnrs (MIT license)&lt;/p&gt;&#xA;&lt;p&gt;) How to lie with maps reticent by @neocartocnrs (MIT license)&lt;/p&gt;&#xA;&lt;p&gt;スライダーを絞ると、同じ場所・同じ人数がより小さな円でプロットされ、地域や参加人数の描かれる色も熱量を感じないものになります。タイトルは「大失敗」&lt;/p&gt;&#xA;&lt;p&gt;サイト上で&lt;a href=&#34;https://observablehq.com/@neocartocnrs/how-to-lie-with-maps&#34;&gt;実際にスライダーを動かして&lt;/a&gt;、5種類のタイトルと連動した「同じ」地図を見比べてみてください。地図で事実を書くだけでも、受け止め方をまったく変えられることができるのだなというのを実感することができます。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://googlemapsmania.blogspot.com/2022/10/how-to-lie-with-maps.html&#34;&gt;Maps Mania&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>イギリス国政調査の人口で遊ぶブラウザゲーム</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2022/06/uk-census-population-map-game/</link>
				<pubDate>Wed, 29 Jun 2022 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2022/06/uk-census-population-map-game/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.ons.gov.uk/peoplepopulationandcommunity/populationandmigration/populationestimates/articles/playthecensus2021populationmapgame/2022-06-28&#34;&gt;Census 2021 population map game&lt;/a&gt;(2021年国勢調査人口地図ゲーム)は、イギリス政府のサイトで公開された、地域の人口を当てるブラウザゲームです。&lt;/p&gt;&#xA;&lt;p&gt;ゲームでは、イングランドとウェールズの地図上にて開始地点と目的地が与えられて、開始地点から隣のエリアを攻略し、進んでいってゴールを目指します。&lt;/p&gt;&#xA;&lt;p&gt;隣のエリアに進むには、現在のエリアの人口に対してターゲットのエリアの人口が「多い or 少ない」を当てる必要があります。&lt;/p&gt;&#xA;&lt;!-- Legacy embedded HTML preserved:&#xA;&lt;iframe height=&#34;600px&#34; width=&#34;100%&#34; src=&#34;https://www.ons.gov.uk/visualisations/censusmapgame/&#34;&gt;&lt;/iframe&gt;&#xA;--&gt;&#xA;&lt;p&gt;出発地と目的地は日替わりで毎日違うお題が出るようです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.ons.gov.uk/peoplepopulationandcommunity/populationandmigration/populationestimates/articles/playthecensus2021populationmapgame/2022-06-28&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/uk-census-population-map-game/akky-played-CensusMapGame_hu_9e73a778a8c748b.webp 328w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/06/uk-census-population-map-game/akky-played-CensusMapGame.png&#34; width=&#34;328&#34; height=&#34;410&#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;また、最近のブラウザゲームといえばこれ、の Wordle風の結果共有テキストもコピーできます。&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/hashtag/CensusMapGame?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#CensusMapGame&lt;/a&gt; | Regular&lt;br&gt;Sevenoaks to Wychavon | Total population&lt;br&gt;🟩🟥🟩🟥🟥🟩🟥🟩🟩🟩🟥🟩🟩🟩🟩🟩🟩🟥🟩🟥🟩🟥🟥🟩🟥🟩🟩🟩🟥🟩🟩🟩🟥&lt;br&gt;Lost in 33 turns (shortest route 13) | 63% correct&lt;a href=&#34;https://t.co/miBCjzxFnd&#34;&gt;https://t.co/miBCjzxFnd&lt;/a&gt;&lt;/p&gt;&amp;mdash; Akky (@akky) &lt;a href=&#34;https://x.com/akky/status/1542011939315781633?ref_src=twsrc%5Etfw&#34;&gt;June 29, 2022&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;p&gt;via &lt;a href=&#34;https://googlemapsmania.blogspot.com/2022/06/game-of-populations.html&#34;&gt;Maps Mania&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>Gently down the stream - Apache Kafka の動く絵本</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/</link>
				<pubDate>Wed, 23 Jun 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.gentlydownthe.stream/&#34;&gt;Gently Down the Stream&lt;/a&gt;は、&lt;a href=&#34;https://kafka.apache.org/&#34;&gt;Apache Kafka&lt;/a&gt; がどういうものであるかを紹介する、動く電子絵本です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.gentlydownthe.stream/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-title_hu_28f2b9d3dfb55a70.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-title_hu_6e190deb50d22ddd.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-title_hu_8404bbcc6978eb60.webp 1179w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-title.png&#34; width=&#34;1179&#34; height=&#34;843&#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;Kafka は、大量のイベントストリームを処理するためのオープンソースのプラットフォームで、もともとは LinkedIn が大量のユーザーの行動データをリアルタイムに処理分析してニュース通知などに反映する目的で作られたものだそうです。メッセージキューと似てるように聞こえますが、処理量や処理速度に対応するために特化改良されているそう。&lt;/p&gt;&#xA;&lt;p&gt;自分も一見では「メッセージキューのツール?」ぐらいにしか思っていなかったので、Kafka だからこそできること、みたいなのを説明するためにこの絵本が生まれたのかもしれません。&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/06/apache-kafka-picture-book/kafka-picturebook-simple-messaging.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-simple-messaging_hu_9449f70afa8e289c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-simple-messaging_hu_2ac83006068a71.webp 669w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-simple-messaging.png&#34; width=&#34;669&#34; height=&#34;530&#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;家族が直接ニュースを伝えに行き来するところから、ニュースを伝えるメッセンジャーの導入。そして森の中の大河である Kafka川を、支流ごとに Topic に分け、そこで Producer と Consumer に分かれてイベントの投入と受け取りを分離する、Topic に流れるイベントがさらに増大した際に Topic を分割する Partitions 、といった概念を、カワウソで説明してくれます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-consumer.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-consumer_hu_68ab773d507f30.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-consumer_hu_48565c4e72a587f8.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-consumer_hu_a44c1593f2727ab9.webp 1009w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/06/apache-kafka-picture-book/kafka-picturebook-consumer.png&#34; width=&#34;1009&#34; height=&#34;702&#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;「これで完全に解ったのか?」と言われるとそこまで自信はないのですが、Kafka で使われる概念や用語について、読む前よりは少し知ることができたように思います。&lt;/p&gt;&#xA;&lt;p&gt;なお、Apache Kafka については以下の記事も参考にしました。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://deeeet.com/writing/2015/09/01/apache-kafka/&#34;&gt;Apache Kafkaに入門した | Taichi Nakashima&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://qiita.com/sigmalist/items/5a26ab519cbdf1e07af3&#34;&gt;Apache Kafkaの概要とアーキテクチャ&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;</description>
			</item>
			<item>
				<title>Eyecam - 擬人化webカメラは見ている</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/04/eyecam-is-watching-you/</link>
				<pubDate>Fri, 09 Apr 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/04/eyecam-is-watching-you/</guid>
				<description>&lt;p&gt;これはキモい&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/eyecam-is-watching-you/eyecam-tracking-face.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/eyecam-is-watching-you/eyecam-tracking-face_hu_3167c57aef953874.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/04/eyecam-is-watching-you/eyecam-tracking-face_hu_a929c210536d6fd5.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/04/eyecam-is-watching-you/eyecam-tracking-face_hu_3ae0edb3aad65c56.webp 1920w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/eyecam-is-watching-you/eyecam-tracking-face.jpg&#34; width=&#34;1920&#34; height=&#34;1280&#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;批評的(critical)デザインプロトタイプとして作成された &lt;a href=&#34;https://hci.cs.uni-saarland.de/projects/eyecam/&#34;&gt;Eyecam&lt;/a&gt; は、センサー機器のありうる未来を探求するという目的で作られた自作デバイスだそうです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/eyecam-is-watching-you/eyecam_3_zoom.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/eyecam-is-watching-you/eyecam_3_zoom_hu_9bbafe85bc9d25f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/04/eyecam-is-watching-you/eyecam_3_zoom_hu_b1711590c3049b42.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/04/eyecam-is-watching-you/eyecam_3_zoom_hu_6fb17241254a0af9.webp 1920w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/eyecam-is-watching-you/eyecam_3_zoom.jpg&#34; width=&#34;1920&#34; height=&#34;1080&#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;Eyecam は人間の目の形を模しており、見たり、まばたきしたり、周囲を見回したり、あなたのことを監視したりすることができます。&lt;a href=&#34;https://www.youtube.com/watch?v=JMxr8Nq-w_w&#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/JMxr8Nq-w_w?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;Arduino Nano で制御された6軸のモーターが眼球や眉毛を動かし、Raspberry Pi Zero 経由で普通のwebcam のようにPCに接続できます。&lt;a href=&#34;https://github.com/marcteys/eyecam&#34;&gt;ソフトウェアも GitHub で公開&lt;/a&gt;されており、やる気があればあなたのオリジナル Eyecam も作れますね。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://localhost:8099/2016/06/how-facebook-ceo-protects-his-privacy/&#34;&gt;フェイスブックCEOマーク・ザッカーバーグ氏がノートパソコンのカメラを封印していた&lt;/a&gt;ように、パソコンやスマートフォンについているカメラはちょっとしたセキュリティの不備でインターネットに対して自分の目の前の世界を映し出してしまう恐ろしいデバイスでもあります。&lt;/p&gt;&#xA;&lt;p&gt;カメラ本体もますます小型化し、どこにカメラがあるのか一見してわからないことも増えています。Eyecam は、そんなカメラが身の回りに存在すること、カメラに移したものを遠くのどこかの人間が見ているかもしれないこと、を思い出させようとしますね。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://www.theverge.com/tldr/2021/4/8/22374375/flesh-eyeball-webcam-surveillance&#34;&gt;The Verge&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>Sh**t! I Smoke - 大気汚染をタバコの本数で表すスマートフォンアプリ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/10/shoot-i-smoke-shows-pollution-level/</link>
				<pubDate>Mon, 07 Oct 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/10/shoot-i-smoke-shows-pollution-level/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://shootismoke.github.io/&#34;&gt;Sh**t! I Smoke&lt;/a&gt;(*そったれ! 吸ってたわ自分)は、現在地の大気汚染度をタバコの本数で示す、というスマートフォンアプリ(iOS/Android)です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://shootismoke.github.io/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/10/shoot-i-smoke-shows-pollution-level/shoot-i-smoke-site-screenshot_hu_6baedc6e7547baa3.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/10/shoot-i-smoke-shows-pollution-level/shoot-i-smoke-site-screenshot_hu_e0ede909da1e0e19.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/10/shoot-i-smoke-shows-pollution-level/shoot-i-smoke-site-screenshot_hu_60e77e3e46f7a065.webp 961w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/10/shoot-i-smoke-shows-pollution-level/shoot-i-smoke-site-screenshot.png&#34; width=&#34;961&#34; height=&#34;463&#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;Android版を動かしてみました。today だと0本だったので、weekly にしたところ、一週間あたりタバコ1本分相当の煙を吸っているのだそうです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2019/10/shoot-i-smoke-shows-pollution-level/shoot-i-smoke-nihombashi-tokyo.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/10/shoot-i-smoke-shows-pollution-level/shoot-i-smoke-nihombashi-tokyo_hu_ebe7568c595df933.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/10/shoot-i-smoke-shows-pollution-level/shoot-i-smoke-nihombashi-tokyo_hu_c5e6707ba4ad5cb2.webp 720w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/10/shoot-i-smoke-shows-pollution-level/shoot-i-smoke-nihombashi-tokyo.png&#34; width=&#34;720&#34; height=&#34;1440&#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://berkeleyearth.org/air-pollution-and-cigarette-equivalence/&#34;&gt;こちらの記事をベースとした計算式&lt;/a&gt;を使っているということです。「おおざっぱに言うと、一日一本の喫煙はPM2.5 の22μg/m3 に相当する」としています。&lt;/p&gt;&#xA;&lt;p&gt;タバコと大気汚染のどちらに対する警鐘なのか? 両方でしょうね。&lt;/p&gt;&#xA;&lt;p&gt;世界の各地点における大気汚染の度合いについては、&lt;a href=&#34;http://aqicn.org/city/japan/shinjuku-ku-/kuni-shinjuku/jp/&#34;&gt;aqicn.org&lt;/a&gt;のAPIを使っています。日本のほとんどの地域で良好な数字が出ているので、今はそれほど心配することはないのかもしれませんが。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://github.com/amaurymartiny/shoot-i-smoke&#34;&gt;ソースコードがGPL 3.0 で公開&lt;/a&gt;されていて、&lt;a href=&#34;https://expo.io/&#34;&gt;Expo&lt;/a&gt; + &lt;a href=&#34;https://facebook.github.io/react-native/&#34;&gt;ReactNative&lt;/a&gt; ベースで作られているようです。&lt;/p&gt;&#xA;&lt;p&gt;大気汚染APIなど利用しているAPIの使い方も含め、ビルド手順も書いてありました。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://news.ycombinator.com/item?id=21175021&#34;&gt;Hacker News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>各種個人情報が(アメリカの)サービス経由で何度漏洩したか確認できるサイト by New York Times</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/12/know-how-many-times-your-personal-information-exposed/</link>
				<pubDate>Mon, 03 Dec 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/12/know-how-many-times-your-personal-information-exposed/</guid>
				<description>&lt;p&gt;ニューヨークタイムズが面白い可視化ページを作ってます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.nytimes.com/interactive/2015/07/29/technology/personaltech/what-parts-of-your-information-have-been-exposed-to-hackers-quiz.html&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/12/know-how-many-times-your-personal-information-exposed/how-many-your-personal-information-exposed-nytimes-screenshot_hu_2a25cc89a3b36933.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/12/know-how-many-times-your-personal-information-exposed/how-many-your-personal-information-exposed-nytimes-screenshot_hu_b8f64ddf501404be.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/12/know-how-many-times-your-personal-information-exposed/how-many-your-personal-information-exposed-nytimes-screenshot_hu_37cfd5687e484565.webp 932w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/12/know-how-many-times-your-personal-information-exposed/how-many-your-personal-information-exposed-nytimes-screenshot.png&#34; width=&#34;932&#34; height=&#34;700&#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://www.nytimes.com/interactive/2015/07/29/technology/personaltech/what-parts-of-your-information-have-been-exposed-to-hackers-quiz.html&#34;&gt;過去に何度ぐらい自分の情報が漏れたのかをカウントしてくれるというページ&lt;/a&gt;を作ったのです。&lt;/p&gt;&#xA;&lt;p&gt;「賃貸やクレジットカードの作成をしたか?」(クレジットレポート)、「政府系の求人に応募したか?」「これらのウェブサービス(AOLやeBayなどの超大手も)に登録したか?」「健康保険サービスを受けていたか」「(表示されている時期に)クレジットカードやデビットカードで、これらのホテルに泊まったり、これらの店舗でものを買ったりしたか?」などをクリックで答えると、左側には住所やクレジットカード、電話番号やパスワード、などが、それぞれ何回流出されたか、がカウントして表示されます。&lt;/p&gt;&#xA;&lt;p&gt;対象はアメリカのサービスばかりですが、twitter や LinkedIn、Uber など日本からも多く使われているサービスも含まれていますし、マリオットやハイアットのホテルチェーンに日本やその他の旅行先で泊まり、カード払いした人もいるでしょう。&lt;/p&gt;&#xA;&lt;p&gt;まあ、流出したことがわかっても、パスワードとかなら変えればいいですが、氏名や生年月日などは流出を無かったことにもできないんですけどね。&lt;/p&gt;&#xA;&lt;p&gt;日本でも類似の個人情報流出は起こっているので、こんなようなまとめがあれば、素性のよく分からないサービスに色々な個人情報を入力したりする前に、ちょっと考えるようになるかもしれません。&lt;/p&gt;</description>
			</item>
			<item>
				<title>The Waiting Game - 入国収容所の難民を追体験できるブラウザゲーム</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/</link>
				<pubDate>Fri, 27 Apr 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://projects.propublica.org/asylum/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-top_hu_3bb883459a202118.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-top_hu_3b71936f87f498b6.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-top_hu_877f3799a60ae3b1.webp 890w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-top.png&#34; width=&#34;890&#34; height=&#34;651&#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://www.propublica.org/&#34;&gt;ProPublica&lt;/a&gt; と &lt;a href=&#34;https://www.wnyc.org/&#34;&gt;ニューヨーク公共ラジオ(WNYC)&lt;/a&gt;の制作によるブラウザゲーム &lt;a href=&#34;https://projects.propublica.org/asylum/&#34;&gt;The Waiting Game&lt;/a&gt; は、アメリカに入国して難民申請を出している人たちの体験をできるゲームです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-characters.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/the-waiting-game-let-you-experience-asylum/the-waiting-game-characters_hu_cf4990e91c585bfe.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-characters_hu_8c73cf45aee7d6e2.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-characters_hu_92a7cf1d5a9658dd.webp 892w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-characters.png&#34; width=&#34;892&#34; height=&#34;499&#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人。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;エルサルバドルで、家庭内暴力(DV)から逃げてきた母子&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;li&gt;国籍のせいで&lt;a href=&#34;https://ja.wikipedia.org/wiki/%E3%82%A8%E3%83%81%E3%82%AA%E3%83%94%E3%82%A2%E3%83%BB%E3%82%A8%E3%83%AA%E3%83%88%E3%83%AA%E3%82%A2%E5%9B%BD%E5%A2%83%E7%B4%9B%E4%BA%89&#34;&gt;エチオピアからエリトリア&lt;/a&gt;に追放された人&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-starts_hu_1973c35eca633008.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-starts_hu_40b0b6c98acb1cc2.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-starts_hu_2f16847d2750f984.webp 947w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-starts.png&#34; width=&#34;947&#34; height=&#34;582&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/p&gt;&#xA;&lt;p&gt;ゲームの選択肢は基本的に「続けるか」(Keep going)、「諦めるか」(Give up)の2択しかありません。自国を脱出するまでは匿われている場所でじっと潜伏していなければいけない日々だし、拘置所や米国に移ってからの収容所では、毎日毎日なんの変化もないまま、刑務官らに人扱いされなかったりまずい食事を出されたりがひたすら続きます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-escape.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/the-waiting-game-let-you-experience-asylum/the-waiting-game-escape_hu_5a8a206a5a9ab1c0.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-escape_hu_51f736b3108baadb.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-escape_hu_74b7f9b900d4967c.webp 928w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-escape.png&#34; width=&#34;928&#34; height=&#34;579&#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/the-waiting-game-let-you-experience-asylum/the-waiting-game-request-asylum.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/the-waiting-game-let-you-experience-asylum/the-waiting-game-request-asylum_hu_151747fcc0f42d5e.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-request-asylum_hu_a97795c63c1045d9.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-request-asylum_hu_c298f199c03bf89f.webp 922w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/the-waiting-game-let-you-experience-asylum/the-waiting-game-request-asylum.png&#34; width=&#34;922&#34; height=&#34;574&#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;あまりに毎日の進捗がなく、陰鬱な描写が続くことから、&amp;ldquo;Give up&amp;quot;すると、これまで何十日が経過していたか、そしてこの実話の難民が実際に難民認定を受けるまでに何日かかったのか、が表示されます。ゲームなら&amp;quot;Give up&amp;quot;できますが、この待ち続ける生活の中で実際に諦めることができるとしたら、甘んじて逮捕されるとか収容所で狂うとかですかね。&lt;/p&gt;&#xA;&lt;p&gt;読んでいるだけでも辛いこの体験は、すべて実際に体験してきた難民たちの聞き取りから再構成された内容です。ゲームとして考えると、自由度もなければ嬉しくないイベントばかりのダメなゲームなのかもしれませんが、その自由のなさや辛さこそが、実際に難民の人たちに起こった/起こっている事だ、という意味で、リアルなゲームとも言えます。&lt;/p&gt;&#xA;&lt;p&gt;共同でこのゲームを制作した WNYC ラジオの関連ニュースはこちら。&lt;/p&gt;</description>
			</item>
			<item>
				<title>悪のUIデザイン、ダークパターンの実例を見せる動画</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/</link>
				<pubDate>Wed, 04 Apr 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://darkpatterns.org/&#34;&gt;ダークパターン&lt;/a&gt;については2010年、概念が提唱された際に&lt;a href=&#34;http://developer.cybozu.co.jp/akky/2010/08/8cf6/&#34;&gt;このブログでも紹介しました&lt;/a&gt;。&lt;/p&gt;&#xA;&lt;p&gt;ユーザー体験を向上させるのではなく、ウェブサイト運営側の都合でものを買わせたり、ユーザー登録させたりするウェブサイト構築上のトリックを分類して名前をつけよう、というのがダークパターンです。&lt;/p&gt;&#xA;&lt;p&gt;先週、そのような&lt;a href=&#34;https://www.youtube.com/watch?v=kxkrdLI6e6M&#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/kxkrdLI6e6M?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;h3 id=&#34;とにかく退会したいんだ&#34;&gt;とにかく退会したいんだ!&lt;/h3&gt;&#xA;&lt;p&gt;動画の最初はアマゾン。「アマゾンを退会しようとした人はどうなる?」で、一回入ったらそこから出ることは難しい Roach Motel (ゴキブリホイホイ)ダークパターンの実例を見せています。(00:15)&lt;/p&gt;&#xA;&lt;p&gt;アマゾンを止めようと思ったことがないので知りませんでしたが、日本語でも止めるための手順を説明するブログ記事がいくつもあり、なかなか止め方が難しいのですね。動画と同じように日本のアマゾンでも退会ページを目指してみたのですが、退会に関してはアメリカ版と同じサイト構造になっているようです。&lt;/p&gt;&#xA;&lt;p&gt;直観的にまず開くであろう、上部ナビゲーションバーの「アカウント&amp;amp;リスト」からは、様々なリンクが表示されるものの、そのどこからも退会ページに辿り着くことはできないそうです。&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;1の「プライム、その他」タブを選んで&lt;/li&gt;&#xA;&lt;li&gt;2のプルダウンから「アカウントの確認、変更、閉鎖」 (アメリカ版ではここが&amp;quot;Login &amp;amp; Security&amp;quot;だそうで、さらにわかりにくいですね)&lt;/li&gt;&#xA;&lt;li&gt;もう一つ出てくるプルダウンから「アカウントの閉鎖」&lt;/li&gt;&#xA;&lt;li&gt;「チャット」「電話」「eメール」のいずれかを選び、先方からの連絡を待つ&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/amazon-quit-membership-menu.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/video-shows-dark-pattern-examples/amazon-quit-membership-menu_hu_8de390ce93a82266.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/amazon-quit-membership-menu_hu_b7c915fffbb72cc0.webp 765w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/amazon-quit-membership-menu.png&#34; width=&#34;765&#34; height=&#34;611&#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;メルマガ退会を難しく&#34;&gt;メルマガ退会を難しく&lt;/h3&gt;&#xA;&lt;p&gt;次はニュースレター/メールマガジンの購読停止(02:15)。メールの末尾に購読中止のためのリンクがあり、それを開けばその相手からのメールはもう来なくなる、という仕組みは良くあります。&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/2018/04/video-shows-dark-pattern-examples/dark-pattern-difficult-unsubscribe-link.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/video-shows-dark-pattern-examples/dark-pattern-difficult-unsubscribe-link_hu_22910ffb7c0c9f58.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/dark-pattern-difficult-unsubscribe-link_hu_b4cd17c556ba4640.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/dark-pattern-difficult-unsubscribe-link_hu_e09168326fa22706.webp 808w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/dark-pattern-difficult-unsubscribe-link.png&#34; width=&#34;808&#34; height=&#34;502&#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;流れで購入ボタン&#34;&gt;流れで購入ボタン&lt;/h3&gt;&#xA;&lt;p&gt;3つめのスマートフォンゲームアプリでの事例(02:30)は、「ゲームを始める」「次の面へ行く」などのボタンを全部グリーンの角丸ボタンで続けた上で、ゲーム内課金のダイアログで「購入」の方を同じデザインのボタンで描画する、というパターン。&lt;/p&gt;</description>
			</item>
			<item>
				<title>デマが社会に広がっていくモデルを体験できるインタラクティブな図</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2017/06/simulator-shows-how-post-truth-spreads/</link>
				<pubDate>Fri, 09 Jun 2017 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2017/06/simulator-shows-how-post-truth-spreads/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://fatiherikli.github.io/post-truth/&#34;&gt;Post-truth&lt;/a&gt; は、&lt;a href=&#34;http://www.bbc.com/japanese/38009790&#34;&gt;ポスト真実&lt;/a&gt;がソーシャルネットワーク上でどのように広がっていくかを、簡単なモデルでシミュレートできるサイトです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://fatiherikli.github.io/post-truth/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2017/06/simulator-shows-how-post-truth-spreads/post-truth-visualized_hu_3ea71bb1781340a2.webp 480w, https://labs.cybozu.co.jp/blog/akky/2017/06/simulator-shows-how-post-truth-spreads/post-truth-visualized_hu_706500b1800a7979.webp 768w, https://labs.cybozu.co.jp/blog/akky/2017/06/simulator-shows-how-post-truth-spreads/post-truth-visualized_hu_97ef4d809a59e06c.webp 909w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2017/06/simulator-shows-how-post-truth-spreads/post-truth-visualized.png&#34; width=&#34;909&#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;図は人々がソーシャルネットワーク等でつながっている状態を示しています。丸が人で、丸と丸をつなぐ線がソーシャル上の友人関係。&lt;/p&gt;&#xA;&lt;p&gt;濃い紫の人は詳しい人(Aware)、薄い紫の人は詳しくない人(Unaware)で、右下のスライダーで社会にいる人たちがどれぐらいその問題について詳しいか、を調整できます。&lt;/p&gt;&#xA;&lt;p&gt;その上で、ネットワーク上のどこかにデマ(=「感情に訴えたポスト・トゥルース」)を投入すると、それをさらに自分の知人にシェアする人(赤色)と、シェアしない人(白色)に分かれます。&lt;/p&gt;&#xA;&lt;p&gt;判っている黒紫の人が多い問題では、デマはなかなか広がりません。問題に詳しくない薄紫の人が多いと、あっという間に赤色が広まっていき、世の中の多くの人がそのデマに触れることとなります。その人本人が信じるかどうかはともかくとして、「友達が何人も言っていた」事になってしまうわけです。&lt;/p&gt;&#xA;&lt;p&gt;このシミュレーターで何度か遊んでみると、デマを広げて社会を真っ赤にするためにはどうしたらいいか、もわかってきます。色が薄くて(=理解が浅くて)、色が薄い友人を多く持つ人にデマを投下すると良く広がっていくわけです。また、一度の投下ではあまり広がらなくても、別のところに2度、3度と投下し続けると、ある時うまく伝搬して広がっていったりもします。&lt;/p&gt;&#xA;&lt;p&gt;社会の中で詳しい人を増やすことはもちろん対策になるのですが、どんな問題に対しても人を詳しくする、というのは実際問題不可能でしょう。となると、あとできることは「良く知らない事は広めない」かと思いますが、驚きをもって共有したい嘘ニュースが多数流れてくるソーシャルネットワークでそういう態度を取れる人は多くなく、その結果としてデマが途切れることは無いのかもしれませんね。&lt;/p&gt;</description>
			</item>
			<item>
				<title>ツイッター上の人種差別発言を実世界の大看板でリツイートするブラジルのキャンペーン</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2015/12/retweet-racism-comment-on-real-signboard/</link>
				<pubDate>Tue, 01 Dec 2015 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2015/12/retweet-racism-comment-on-real-signboard/</guid>
				<description>&lt;p&gt;ブラジルで黒人女性の権利を守る団体 &lt;a href=&#34;http://criola.org.br/&#34;&gt;Criola&lt;/a&gt; が、ツイッター上での人種差別を「活用」した&lt;a href=&#34;http://www.racismovirtual.com.br/&#34;&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/retweet-racism-comment-on-real-signboard/rasicmo-virtual-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/12/retweet-racism-comment-on-real-signboard/rasicmo-virtual-2_hu_f6ddc1de82ee9e35.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/12/retweet-racism-comment-on-real-signboard/rasicmo-virtual-2_hu_5a88ddf0c864039f.webp 526w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/retweet-racism-comment-on-real-signboard/rasicmo-virtual-2.png&#34; width=&#34;526&#34; height=&#34;592&#34; alt=&#34;rasicmo-virtual-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;ツイッター等での発言にはスマートフォンなどのGPSから位置情報がついていることがあるので、その位置に近い場所にある協力企業等の広告看板にそれを掲示しています。&lt;/p&gt;&#xA;&lt;p&gt;ドメイン名・キャンペーンで出てくる&amp;quot;Racismo Virtual. As Consequencias Sao Reais.&amp;quot; は、「バーチャルでの人種差別でも、結果は現実です」という意味のようですね。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/retweet-racism-comment-on-real-signboard/rasicmo_virtual_1.jpg&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/retweet-racism-comment-on-real-signboard/rasicmo_virtual_1_hu_1e8c3d1d552e9160.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/12/retweet-racism-comment-on-real-signboard/rasicmo_virtual_1_hu_31bb9e766bbeab5b.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/12/retweet-racism-comment-on-real-signboard/rasicmo_virtual_1_hu_9aa106656d8827d0.webp 1500w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/12/retweet-racism-comment-on-real-signboard/rasicmo_virtual_1.jpg&#34; width=&#34;1500&#34; height=&#34;1000&#34; alt=&#34;rasicmo_virtual_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;たとえばこのツイート、「私は風呂に入ったので、汚いから近づくな」といったような意味っぽいです(機械翻訳で)。&lt;/p&gt;&#xA;&lt;p&gt;このキャンペーンは、7月3日の人種差別撲滅デーに、女性ジャーナリスト、マリア・ジュリア・コーチンホ氏のフェイスブックに対して書かれた4人の人種差別コメントと、数千人のブラジル人がそれに反対して声を挙げた事件がきっかけで起こされたと説明されています。&lt;/p&gt;&#xA;&lt;p&gt;アイコンや名前のところは伏せてあるし、個人を晒すことが目的ではない、ということなんですが、本文でウェブ検索すると元のツイートも見つかったりしますね。英語での紹介記事を読んで元発言者らしき人に突撃リプライしている方も。&lt;/p&gt;&#xA;&#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/ED-p_nr1elA?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;ソーシャルメディア上での発言は、炎上した時にはまったく知らない人たちにまでどんどん拡散していってしまいますが、屋外の大看板に掲示されるというのはそれと似たところがあるかもしれません。いつもやりとりしている仲間とだけ内輪で喋っているつもりかもしれなくても、実際には外で大声で叫んでいるのと変わらない場合があるよ、という学びにはなるかもしれませんが。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://www.itv.com/news/2015-11-30/campaign-sees-peoples-racist-comments-put-on-billboards-near-their-homes/&#34;&gt;ITV News&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>ヨーロッパ自転車泥棒選手権 - ローマ・アムステルダム・プラハの「盗まれやすさ」競争</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2015/11/european-bike-stealing-championships-2015/</link>
				<pubDate>Tue, 24 Nov 2015 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2015/11/european-bike-stealing-championships-2015/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://www.welovecycling.com/blog/132087/video-european-bike-stealing-championships/&#34;&gt;European Bike Stealing Championships(全欧自転車盗難チャンピオンシップ)&lt;/a&gt;は、&lt;a href=&#34;http://www.welovecycling.com/&#34;&gt;自転車に関するオンラインメディア We Love Cycling&lt;/a&gt; が開催した、ヨーロッパのどの都市で自転車が一番盗まれやすいかを競う競技です。&lt;/p&gt;&#xA;&lt;p&gt;2015年の第一回大会に出場した「最悪の都市」候補は次の3都市。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://ja.wikipedia.org/wiki/%E8%87%AA%E8%BB%A2%E8%BB%8A%E6%B3%A5%E6%A3%92_%5c%28%E6%98%A0%E7%94%BB%5c%29&#34;&gt;「自転車泥棒」&lt;/a&gt;のロケ地、イタリアのローマ&lt;/li&gt;&#xA;&lt;li&gt;ヨーロッパ中で人気の&lt;a href=&#34;http://dutchbikebrands.com/&#34;&gt;自転車生産地&lt;/a&gt;オランダ、その最大の都市アムステルダム&lt;/li&gt;&#xA;&lt;li&gt;中古自転車ショップ網の発達で、7台盗まれたうちの1台しか持ち主に戻ってこないというチェコのプラハ&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;高級自転車を各都市の賑やかな表通りに停め、カメラを使って遠くからそれを監視します。自転車には、遠隔操作で爆発して色のついた粉を巻き上げる仕掛けもしてあり、自転車のすぐ横には「We Love Cycling」と書かれたトラックが停まっています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2015/11/european-bike-stealing-championships-2015/bicycle-rigged-with-puff-bomb.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/11/european-bike-stealing-championships-2015/bicycle-rigged-with-puff-bomb_hu_75ae0572878add9.webp 318w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/11/european-bike-stealing-championships-2015/bicycle-rigged-with-puff-bomb.png&#34; width=&#34;318&#34; height=&#34;603&#34; alt=&#34;bicycle-rigged-with-puff-bomb&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;競技開始は動画の1:00辺りから。人通りの多いところだけあって、派手な自転車が無造作に立て掛けてあることに気づく人はやはりいますね。タイヤにちゃんと空気が入ってるかチェックしたりして。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2015/11/european-bike-stealing-championships-2015/prague-guy-checking-bicycle.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/11/european-bike-stealing-championships-2015/prague-guy-checking-bicycle_hu_40156790c4039a1a.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/11/european-bike-stealing-championships-2015/prague-guy-checking-bicycle_hu_ed0cf9356c8455f4.webp 713w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/11/european-bike-stealing-championships-2015/prague-guy-checking-bicycle.png&#34; width=&#34;713&#34; height=&#34;604&#34; alt=&#34;prague-guy-checking-bicycle&#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/-yTFiP_co0U?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;We Love Cycling では、自転車を盗難されにくくする方法や、中古自転車を購入する際に気をつけること、など、自転車のオーナーに対する啓蒙を続けていきたい、ということです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.amazon.co.jp/dp/B000068RHJ&#34;&gt;https://www.amazon.co.jp/dp/B000068RHJ&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;via YouTube&lt;/p&gt;</description>
			</item>
			<item>
				<title>プール監視員になって溺れる子供を見つけるブラウザゲーム</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2015/07/browser-game-to-spot-on-drowing-kids/</link>
				<pubDate>Wed, 29 Jul 2015 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2015/07/browser-game-to-spot-on-drowing-kids/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://spotthedrowningchild.com/&#34;&gt;Spotthedrowingchild.com&lt;/a&gt; は、「溺れる子供を指せ」という名前が示すとおり、プール監視員になったつもりで溺れている子供をいち早く発見するという体験ができるwebサイトです。&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/07/browser-game-to-spot-on-drowing-kids/spot-the-drowing-child.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/browser-game-to-spot-on-drowing-kids/spot-the-drowing-child_hu_8d8ee7be07a8f2a6.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/07/browser-game-to-spot-on-drowing-kids/spot-the-drowing-child_hu_c70e918bdd764d76.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/07/browser-game-to-spot-on-drowing-kids/spot-the-drowing-child_hu_ef4ae9ad5cb03c56.webp 920w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/browser-game-to-spot-on-drowing-kids/spot-the-drowing-child.png&#34; width=&#34;920&#34; height=&#34;541&#34; alt=&#34;spot-the-drowing-child&#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;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/browser-game-to-spot-on-drowing-kids/spot-the-drowing-child-game.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/browser-game-to-spot-on-drowing-kids/spot-the-drowing-child-game_hu_db868ada3db8f44b.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/07/browser-game-to-spot-on-drowing-kids/spot-the-drowing-child-game_hu_975ac18c7b0ff14.webp 597w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/browser-game-to-spot-on-drowing-kids/spot-the-drowing-child-game.png&#34; width=&#34;597&#34; height=&#34;386&#34; alt=&#34;spot-the-drowing-child-game&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;再生が終わったら出てくる解説の後ろの「Play Again」リンクをクリックすれば、また別の動画が始まります。&lt;/p&gt;&#xA;&lt;h3 id=&#34;開発の経緯&#34;&gt;開発の経緯&lt;/h3&gt;&#xA;&lt;p&gt;作者のFrancisco Saldañaさんは、2010年のブログ記事&lt;a href=&#34;http://mariovittone.com/2010/05/154/&#34;&gt;溺れている人は溺れているようには見えない(Drowning Doesn’t Look Like Drowning)&lt;/a&gt;をピックアップした&lt;a href=&#34;https://news.ycombinator.com/item?id=9947237&#34;&gt;Hacker Newsのコメント&lt;/a&gt;にヒントを得てこのゲームを作成されたそうです。&lt;/p&gt;&#xA;&lt;p&gt;ゲームに使われる動画は、YouTubeからプールで実際に子供が溺れている動画を探してきて使っています。&lt;a href=&#34;http://spotthedrowningchild.com/creator.html&#34;&gt;こちらのツール&lt;/a&gt;を使うと、見つけてきた新たな動画から、子供の溺れている場所やタイミングを設定して追加データを作成することもできます。&lt;/p&gt;&#xA;&lt;p&gt;サイトはHTML と &lt;a href=&#34;https://github.com/FrankSalad/spot-the-drowning-child/blob/gh-pages/game.js&#34;&gt;JavaScript&lt;/a&gt; のみでコンパクトに作られていて、全ソースが&lt;a href=&#34;https://github.com/FrankSalad/spot-the-drowning-child&#34;&gt;公開&lt;/a&gt;されています。今のところ動画は6本あるようですね。&lt;/p&gt;&#xA;&lt;h3 id=&#34;溺れている人は溺れているようには見えない&#34;&gt;「溺れている人は溺れているようには見えない」&lt;/h3&gt;&#xA;&lt;p&gt;サイトでも後から表示されますし、&lt;a href=&#34;http://mariovittone.com/2010/05/154/&#34;&gt;サービスの発想の元となった記事&lt;/a&gt;でも紹介していますが、テレビやドラマなどで出てくる「溺れている人」の様子と、本当に溺れている人の様子は(例外はもちろんあるにしても)大きく異なるそうです。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;ほとんどの場合、溺れている人は声をあげて助けを求めたりはできない。息をするので精一杯&lt;/li&gt;&#xA;&lt;li&gt;溺れている人には余裕はない。体を持ち上げて息をしようと手足は勝手に動くだけ。手を振ったり、救助者や救命用具の方へ近づいたりすることはできない。&lt;/li&gt;&#xA;&lt;li&gt;溺れている状態では人は棒立ちになりバタ足もうまく効かない。そこから沈みだすまでの時間は20秒から60秒しかない。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;(ソース: Coast Guard’s On Scene Magazine の Pia博士の&lt;a href=&#34;http://www.uscg.mil/hq/cg5/cg534/On%20Scene/OSFall06.pdf#page=16&#34;&gt;記事&lt;/a&gt;から&amp;quot;Instinctive Drowning Response&amp;quot;(溺れる人の本能的な反応)。抄訳)&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;これはこのゲームをプレイしてみてもよくわかります。子供が溺れているのか、もぐって遊んでいるだけなのかは非常に判別がしにくい。そしていつのまにか監視員が飛び込んで助けに行くのを見て、やっと溺れている子供に気づくという按配です。&lt;/p&gt;&#xA;&lt;p&gt;このゲームではいつかかならず誰かが溺れることはわかっているので、まだなんとか集中も維持できますが、実際に長時間プールを監視している監視員はたいへんだなあ、とつくづく感じさせられます。&lt;/p&gt;&#xA;&lt;p&gt;僕は知りませんでしたが、「溺れる人はドラマのようには溺れない」という知識はとても大事ではないかと思います。それを実体験できるこのwebゲームを遊ぶ人が増えれば、もしかしたら将来の水難事故を減らすことがあるかもしれないですね。&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/2015/07/dyslexia-experience-font/</link>
				<pubDate>Fri, 24 Jul 2015 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/</guid>
				<description>&lt;p&gt;文章の読み書きにだけ困難を感じるという&lt;a href=&#34;https://ja.wikipedia.org/wiki/%E3%83%87%E3%82%A3%E3%82%B9%E3%83%AC%E3%82%AF%E3%82%B7%E3%82%A2&#34;&gt;ディスレクシア(失読症)&lt;/a&gt;であると診断されたデザイナーのダニエル・ブリトンさん(Daniel Britton)が、同級生や先生に失読症がどんなものであるかを理解してもらおうと、Helvetica フォントを基にデザインしたのがこれらのフォント(右側の赤いアルファベット)。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://danielbritton.info/195836/2165784/design/dyslexia&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/dyslexia-fonts-by-danielbritton_hu_ecdf084097adad35.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/dyslexia-fonts-by-danielbritton_hu_f9a755728190b590.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/dyslexia-fonts-by-danielbritton_hu_a90d263aae55dfa5.webp 1240w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/dyslexia-fonts-by-danielbritton.jpg&#34; width=&#34;1240&#34; height=&#34;1754&#34; alt=&#34;dyslexia-fonts-by-danielbritton&#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://danielbritton.info/195836/2165784/design/dyslexia&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/text-in-dyslexia-fonts-by-danielbritton_hu_1d2ef5b5a19d05f6.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/text-in-dyslexia-fonts-by-danielbritton_hu_fd0ebe0c88406654.webp 552w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/text-in-dyslexia-fonts-by-danielbritton.png&#34; width=&#34;552&#34; height=&#34;377&#34; alt=&#34;text-in-dyslexia-fonts-by-danielbritton&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;ブリトンさんは、「人口の1割、世界で8億人はいるといわれる失読症への理解が進み、正しい手助けができるなら、(失読症でありながら大きな業績を上げている)(ヴァージングループの)リチャード・ブランソン氏、(テスラCEOの)イーロン・マスク氏、(&lt;a href=&#34;http://www.afpbb.com/articles/-/3020159&#34;&gt;19歳にして海洋ゴミの除去プロジェクトを考案した&lt;/a&gt;)ボヤン・スラット氏のような人物をもっと増やせるのではないか」と述べています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://danielbritton.info/195836/2165784/design/dyslexia&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/dyslexia-font-designing-by-danielbritton_hu_42a1d9259b7570f8.webp 426w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/dyslexia-font-designing-by-danielbritton.png&#34; width=&#34;426&#34; height=&#34;550&#34; alt=&#34;dyslexia-font-designing-by-danielbritton&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;こちらの3D版では、アルファベットから取り除いた部分と残った部分を前後2枚のパネルに配置することで、真正面から見たら普通のアルファベットとして見え、斜めから見るとずれて読みにくくなる文章を再現しています。角度をつけるほど重い症状を体感できるというわけです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://danielbritton.info/195836/2165784/design/dyslexia&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/dyslexia-font-3d_hu_aac687c29749c7a.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/dyslexia-font-3d_hu_b7c9f90fa0648e34.webp 690w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/07/dyslexia-experience-font/dyslexia-font-3d.png&#34; width=&#34;690&#34; height=&#34;863&#34; alt=&#34;dyslexia-font-3d&#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://www.crowdfunder.co.uk/dyslexia-educational-pack/&#34;&gt;ディスレクシア教育用パック&lt;/a&gt;の製作を呼びかけています。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://www.fastcodesign.com/3047080/try-reading-this-font-and-youll-better-understand-what-dyslexia-is-like&#34;&gt;FastCompany&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>公共交通機関の停車地からアメリカの都市を当てるクイズゲーム Guess the City by Transit Stops</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/</link>
				<pubDate>Thu, 02 Apr 2015 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/</guid>
				<description>&lt;p&gt;アメリカ合衆国全土の電車やバスの路線データを収集し提供している、&lt;a href=&#34;http://www.cnt.org/&#34;&gt;CNT&lt;/a&gt;運営の&lt;a href=&#34;http://alltransit.cnt.org/&#34;&gt;All Transit&lt;/a&gt;が、路線データを使って作成したのがこのクイズ &lt;a href=&#34;http://alltransit.cnt.org/guess-city/&#34;&gt;Guess the City by Transit Stops&lt;/a&gt; (バス停/駅から都市を当てよう)&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-the-city-by-transit-stops-san-francisco.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-the-city-by-transit-stops-san-francisco_hu_f06698f8fa87a42d.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-the-city-by-transit-stops-san-francisco_hu_d2db5b996ed1539f.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-the-city-by-transit-stops-san-francisco_hu_f697293e8c3af19b.webp 1074w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-the-city-by-transit-stops-san-francisco.png&#34; width=&#34;1074&#34; height=&#34;748&#34; alt=&#34;guess-the-city-by-transit-stops-san-francisco&#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;上はレベル1の出題で、これぐらい特長があると行った事がある人や地図が好きな人にはわかると思いますが、一番上のレベル4になると、下に出てくる4択の都市からして聞いたことが無かったりしますし、路線も少なくて判別困難です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-the-city-by-transit-stops-level4.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-the-city-by-transit-stops-level4_hu_a34d61735bd7de04.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-the-city-by-transit-stops-level4_hu_cc6224c649f24bdf.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-the-city-by-transit-stops-level4_hu_90454652f032bcd2.webp 895w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-the-city-by-transit-stops-level4.png&#34; width=&#34;895&#34; height=&#34;748&#34; alt=&#34;guess-the-city-by-transit-stops-level4&#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/2015/04/guess-the-us-city-by-transit-stops/guess-city-by-transit-stops-result.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-city-by-transit-stops-result_hu_22c82461ea36a45f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-city-by-transit-stops-result_hu_e9619677eb3254d2.webp 768w, https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-city-by-transit-stops-result_hu_31fa9afaa7962e6b.webp 1209w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2015/04/guess-the-us-city-by-transit-stops/guess-city-by-transit-stops-result.png&#34; width=&#34;1209&#34; height=&#34;757&#34; alt=&#34;guess-city-by-transit-stops-result&#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;http://googlemapsmania.blogspot.jp/2015/04/the-transit-map-quiz.html&#34;&gt;Maps Mania&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>[訂正有り] 生涯学習NPOが?仕掛けた「学校をさぼるな」動画のあまりにあまりな内容</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/</link>
				<pubDate>Fri, 31 Jan 2014 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/</guid>
				<description>&lt;p&gt;オーストラリア西部のLearn for Life (生涯学習)財団が公開した&lt;a href=&#34;https://www.youtube.com/watch?v=STHpMUYeznQ&#34;&gt;Set Yourself Free という題のビデオ&lt;/a&gt;が、たった一日ですごい評判(&amp;amp;悪評)を呼んでいるようです。僕が見た時点では再生回数が340万回。&lt;/p&gt;&#xA;&lt;p&gt;# &lt;a href=&#34;http://developer.cybozu.co.jp/akky/2014/02/set-yourself-free-may-not-be-by-npo/&#34;&gt;このNPOはフェイクだ、という話&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/STHpMUYeznQ?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;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-1.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/shocking-stay-in-school-video/school-escape-1_hu_d9a240e0d972d064.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-1_hu_21f3db521950e07.webp 768w, https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-1_hu_bfcc029e4df6bc5e.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/shocking-stay-in-school-video/school-escape-1.png&#34; width=&#34;852&#34; height=&#34;468&#34; alt=&#34;school-escape-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;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-2.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/shocking-stay-in-school-video/school-escape-2_hu_d611a6186db878f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-2_hu_9b6c2586e7f96c4a.webp 768w, https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-2_hu_6393e0e88e8815df.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/shocking-stay-in-school-video/school-escape-2.png&#34; width=&#34;853&#34; height=&#34;470&#34; alt=&#34;school-escape-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;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-3.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/shocking-stay-in-school-video/school-escape-3_hu_c92ca49f21949b7c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-3_hu_6a167b57155f0cd7.webp 768w, https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-3_hu_65bc35ee205b78f.webp 851w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-3.png&#34; width=&#34;851&#34; height=&#34;469&#34; alt=&#34;school-escape-3&#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/shocking-stay-in-school-video/school-escape-4.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/shocking-stay-in-school-video/school-escape-4_hu_3b55fb56c0bd7d82.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-4_hu_4ab3d58b8145d838.webp 768w, https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-4_hu_b951ce4bb381c850.webp 851w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-4.png&#34; width=&#34;851&#34; height=&#34;466&#34; alt=&#34;school-escape-4&#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/shocking-stay-in-school-video/school-escape-5.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/shocking-stay-in-school-video/school-escape-5_hu_19153447cc1cec6f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-5_hu_dfab065b09f5f96c.webp 768w, https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-5_hu_178fdaac60c85104.webp 851w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/01/shocking-stay-in-school-video/school-escape-5.png&#34; width=&#34;851&#34; height=&#34;467&#34; alt=&#34;school-escape-5&#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.youtube.com/watch?v=STHpMUYeznQ&#34;&gt;ぜひ観てみてください&lt;/a&gt;。全部で2分もありません。ただ、気の弱い方や冗談(?)の通じない方は見ないほうがいいでしょう。&lt;/p&gt;&#xA;&lt;p&gt;以下ネタバレ&lt;/p&gt;</description>
			</item>
			<item>
				<title>客に飲酒運転の恐怖を叩き込む、イギリスのパブのトイレ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2013/06/pub-loo-shocker/</link>
				<pubDate>Sat, 08 Jun 2013 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2013/06/pub-loo-shocker/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2013/06/pub-loo-shocker/pub-loo-shocker.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2013/06/pub-loo-shocker/pub-loo-shocker_hu_509aae438abc0394.webp 480w, https://labs.cybozu.co.jp/blog/akky/2013/06/pub-loo-shocker/pub-loo-shocker_hu_35ece1018028c0e5.webp 636w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2013/06/pub-loo-shocker/pub-loo-shocker.png&#34; width=&#34;636&#34; height=&#34;349&#34; alt=&#34;pub-loo-shocker&#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.gov.uk/government/news/drink-drive-and-lose-your-car&#34;&gt;イギリス交通省による飲酒運転の怖さを伝えるためのキャンペーン Think!&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/TADO4LG29bs?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;via &lt;a href=&#34;http://creativity-online.com/work/department-for-transport-public-loo-shocker/31785&#34;&gt;Creativity&lt;/a&gt; via &lt;a href=&#34;http://designtaxi.com/news/358233/Bathroom-Prank-Scares-Drivers-From-Drunk-Driving/&#34;&gt;Design Taxi&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>アジアの大気汚染を鼻毛で可視化した鼻毛マップ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/</link>
				<pubDate>Thu, 13 Dec 2012 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/</guid>
				<description>&lt;p&gt;空気が汚れていると鼻毛が伸びる、といいますが、アジア各地の大気汚染を鼻毛の長さで実感させるという啓蒙サイトがClean Air Asiaによる&lt;a href=&#34;http://cleanairasia.org/hairynose/map&#34;&gt;Hairy Noseキャンペーン&lt;/a&gt;です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://developer.cybozu.co.jp/akky/2012/12/hairynose-pollution-map/hairynose-campaign/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-campaign_hu_22b9d58679ab45be.webp 480w, https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-campaign_hu_f721d85e86c89085.webp 551w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-campaign.png&#34; width=&#34;551&#34; height=&#34;413&#34; alt=&#34;&#34; title=&#34;hairynose-campaign&#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://cleanairasia.org/hairynose/home&#34;&gt;入り口&lt;/a&gt;から入ると、&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://cleanairasia.org/hairynose/home&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-home_hu_abba99dd1d9cc987.webp 393w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-home.png&#34; width=&#34;393&#34; height=&#34;457&#34; alt=&#34;&#34; title=&#34;hairynose-home&#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://cleanairasia.org/hairynose/map&#34;&gt;Google Map上に、アジアの各都市が汚染度ごとに色わけされてプロットされています&lt;/a&gt;。都市を選ぶと、右側の顔の鼻毛が、汚染度に合わせて変わります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://developer.cybozu.co.jp/akky/2012/12/hairynose-pollution-map/hairynose-japan/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-japan_hu_edca833361f116ef.webp 480w, https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-japan_hu_411425e7532cd20c.webp 768w, https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-japan_hu_3323f97609e74821.webp 929w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-japan.png&#34; width=&#34;929&#34; height=&#34;551&#34; alt=&#34;&#34; title=&#34;hairynose-japan&#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のGoodになっている以外は、どこもレベル1のExcellentですが、&lt;a href=&#34;http://www.kazetairiku.com/note/china/diary_3.htm&#34;&gt;汚染で知られる中国甘粛省の蘭州市&lt;/a&gt;は、レベル6(Critical 致命的)でこんな鼻毛に。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://developer.cybozu.co.jp/akky/2012/12/hairynose-pollution-map/hairynose-lanzhou/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-lanzhou_hu_10a1facf9e36949e.webp 480w, https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-lanzhou_hu_5ad01f68bb7a82ea.webp 768w, https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-lanzhou_hu_f3193fdef995212d.webp 948w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-lanzhou.png&#34; width=&#34;948&#34; height=&#34;575&#34; alt=&#34;&#34; title=&#34;hairynose-lanzhou&#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;a href=&#34;http://developer.cybozu.co.jp/akky/2012/12/hairynose-pollution-map/hairynose-select/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-select_hu_50d73cfa0f573b78.webp 480w, https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-select_hu_4035b8d80e428c8.webp 693w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2012/12/hairynose-pollution-map/hairynose-select.png&#34; width=&#34;693&#34; height=&#34;519&#34; alt=&#34;&#34; title=&#34;hairynose-select&#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://cleanairasia.org/hairynose/&#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/Qnpzw893gq8?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;</description>
			</item>
			<item>
				<title>ダークパターン - ユーザーを騙そうとする悪いウェブデザインに名前をつけて共有するサイト</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2010/08/8cf6/</link>
				<pubDate>Tue, 17 Aug 2010 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2010/08/8cf6/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2010/08/8cf6/darkpatternslogo.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2010/08/8cf6/darkpatternslogo_hu_cf9eb723fcc2e761.webp 400w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2010/08/8cf6/darkpatternslogo.png&#34; width=&#34;400&#34; height=&#34;64&#34; alt=&#34;Darkpatternslogo&#34; title=&#34;Darkpatternslogo&#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://darkpatterns.org/&#34;&gt;DarkPatterns.org&lt;/a&gt;は、Webデザインを悪用するブラックハット・デザインを無くすことを目的に、わざわざ分かりにくかったり、望んでいないこと実行させるようなデザイン要素に共通の名前(パターン)をつけ、それを使っている不良サイト・企業に文句をつけるための新しいサイトです。&lt;/p&gt;&#xA;&lt;p&gt;たとえば、パターン&lt;a href=&#34;http://darkpatterns.org/sneak-into-basket/&#34;&gt;「買い物かごに忍び込ませる(Sneak into basket)」パターン&lt;/a&gt;。これは、ユーザーが入れていない商品がいつのまにかショッピングカートに紛れ込むようにデザインされているフォームのパターンです。 例として、旅行予約サイト大手のTravelocityで、ホテルや飛行機のチケットを購入した確認画面のフォームの中に、旅行携行品保険の購入チェックボックスがデフォルト「はい」で追加されている、などといった例が載っています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/old_akky_images/uncategorized/2010/08/17/travelocitydarkpattern1470x588.png&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/wp-content/uploads/2013/11/travelocitydarkpattern1470x588.png&#34; alt=&#34;Travelocitydarkpattern1470x588&#34; title=&#34;Travelocitydarkpattern1470x588&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;$19.95という額はチケットに比べて安いため、人によってはその保険を買ったことに気づかないまま支払いをすることもありそうです。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;単に使いにくいデザインは「バッド・パターン」ですが、それは怠惰や間違いによって引き起こされます。それらは「デザインのアンチ・パターン」として知られています。「ダーク・パターン」は、間違いでは無く、人間の心理を深く理解した上で作成され、作者はユーザーの利益になるかどうかは気にしていません。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;サイトでは、これまで掲示板で寄せられたダーク・パターンが、既にかなりの量公開されています。&lt;/p&gt;&#xA;&lt;p&gt;これからもっと良い名前が出てきて変わる可能性もありますが、今メニューに並んでいるダーク・パターンは以下。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/roach-motel-2/&#34; title=&#34;Roach Motel&#34;&gt;ごきぶりパターン(Roach Motel)&lt;/a&gt; - 登録は簡単だけど解約がものすごく面倒&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/bait-and-switch/&#34; title=&#34;Bait and Switch&#34;&gt;撒き餌とスイッチ(Bait and Switch)&lt;/a&gt; - ユーザーがそれしかできない状況にしておいて、選んだらまったく違うことが起こる&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/sneak-into-basket/&#34; title=&#34;Sneak into basket&#34;&gt;買い物かごに忍び込ませる(Sneak into basket)&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/silent-credit-card-roll-over/&#34; title=&#34;Silent credit card roll-over&#34;&gt;静かなクレジットカード入会(Silent credit card roll-over)&lt;/a&gt; - 無料の入会時にカード情報を聞いておいて、期限後に自動的に有料プランへ&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/anti-scan-trick-questions/&#34; title=&#34;Anti-scan trick questions&#34;&gt;見つかりにくいひっかけ質問(Anti-scan trick questions)&lt;/a&gt; - ユーザーに何かを選ばせているが、そこでは実際に別の隠れた事も選択させている&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/hidden-costs/&#34; title=&#34;Hidden costs&#34;&gt;隠れたコスト(Hidden costs)&lt;/a&gt; - 支払いの最終段階で、検索結果等に出てなかった追加料金が上乗せされる&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/privacy-zuckering/&#34; title=&#34;Privacy Zuckering&#34;&gt;プライバシー・ザッカーリング(Privacy Zuckering)&lt;/a&gt; - ザッカーリングはFacebook CEOザッカーバーグ氏の名前からの造語。プライバシーの設定画面で、業界用語を混ぜ込んでユーザーが望む以上の情報を公開状態にする&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/price-comparison-prevention/&#34; title=&#34;Price Comparison Prevention&#34;&gt;価格での比較を妨害(Price Comparison Prevention)&lt;/a&gt; - 価格で並べる機能をつけず、価格は日付や場所等を選択した後の詳細ページでしか出なくする&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/disguised-ads/&#34; title=&#34;Disguised Ads&#34;&gt;広告に見えない広告(Disguised Ads)&lt;/a&gt; - 例: 「ダウンロード」と書いてあるボタンは全部広告で、書いてないボタンがダウンロード、なダウンロードサイトdownload.com&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/friend-spam/&#34; title=&#34;Friend Spam&#34;&gt;友人スパム(Friend Spam)&lt;/a&gt; - Twitterや無料メールのパスワードを聞き、あなたの友人に勧誘メールを送りつける&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/forced-information-disclosure/&#34; title=&#34;Forced Information Disclosure&#34;&gt;強制情報公開(Forced Information Disclosure)&lt;/a&gt; - サービスに関係のない個人的すぎる質問に答えないと先へ進めなくする&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;毎日ウェブを使っている人なら、上記のようなデザインはどこかで見たことがあるかと思います。元のデザインパターンと同じで、「名づけることで知識を共有しやすくする」というのは素晴らしいですね。この試みがうまくいってほしいと思いますし、その結果としてそういうウェブデザイン・UIデザインをする企業が減ってくれればいいなあと。&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
