<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>2018-05 on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/archives/2018-05/</link>
		<description>Recent content in 2018-05 on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Wed, 30 May 2018 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/archives/2018-05/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Zmartfone Blocker - スマホ中毒を抑えるパッチ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/05/zmartfone-blocker-for-smartphone-addicts/</link>
				<pubDate>Wed, 30 May 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/05/zmartfone-blocker-for-smartphone-addicts/</guid>
				<description>&lt;p&gt;デンマークのデザイン会社 &lt;a href=&#34;https://stupid-studio.com/&#34;&gt;Stupid スタジオ&lt;/a&gt;(なんという名前だ)が開発した &lt;a href=&#34;https://www.zmartfoneblocker.com/&#34;&gt;Zmartfone Blocker&lt;/a&gt; は、「スマートフォン中毒者に一番効くデトックス・パッチ(The #1 digital detox patch for smartphone addicts.)」だそうです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/zmartfone-blocker-for-smartphone-addicts/Package_TopBanner_003_Gul.jpg&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/zmartfone-blocker-for-smartphone-addicts/Package_TopBanner_003_Gul_hu_636549349125ed11.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/05/zmartfone-blocker-for-smartphone-addicts/Package_TopBanner_003_Gul_hu_63b3a822ee443094.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/05/zmartfone-blocker-for-smartphone-addicts/Package_TopBanner_003_Gul_hu_aad95986a9237365.webp 2400w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/zmartfone-blocker-for-smartphone-addicts/Package_TopBanner_003_Gul.jpg&#34; width=&#34;2400&#34; height=&#34;1350&#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;パッチの表には、通知を確認したいという欲望が抑えられるような助言などが書かれているそうです。画像が小さくてどんなことが書かれているのかは読めないのですが、一箱に10枚入っているパッチに、それぞれ違う内容が書かれているよう。&lt;/p&gt;&#xA;&lt;h3 id=&#34;アプリより効く&#34;&gt;アプリより効く?&lt;/h3&gt;&#xA;&lt;p&gt;スマートフォンの使い過ぎを防ぐようなアプリも世の中には多く出ています。Stupidスタジオ自身による効果測定では、こういったアプリよりも単純なこのシールのプロトタイプの方が効果が有ったということ。まあ自社でやった効果測定なんてあまり信用できないとは思いますが、睡眠不足や集中不足、社会からの断絶などのスマホ中毒症状が改善された、と言っています。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://thenextweb.com/creativity/2018/05/23/zmartfone-blocker-is-an-analog-reminder-to-put-down-your-phone/&#34;&gt;TheNextWeb&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>カーディーラーで、顧客が「あなたはロボットではないですね?」と訊かれる事案発生 アメリカ・フロリダ州</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/05/car-dealer-asks-if-buyer-is-robot/</link>
				<pubDate>Fri, 25 May 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/05/car-dealer-asks-if-buyer-is-robot/</guid>
				<description>&lt;p&gt;フロリダの西パームビーチのカーディーラーで、Fiat の新車を買うことにしたマルシ・ロビンさん(Marci Robin)が、膨大な購入資料をサインするなかで&lt;a href=&#34;https://twitter.com/MarciRobin/status/998030243981033472&#34;&gt;「あなたはロボットではないですね?」という「紙」に「ペン」でサインさせられる&lt;/a&gt;という事件が発生したそうです。&lt;/p&gt;&#xA;&#xA;&lt;p&gt;ディーラーの担当者は対面で次々と必要書類を出してきて、「この書類はナントカのため」と短い説明をする中で、この reCAPTCHA をプリントアウトしたような(というかそのものですね画像からすると)紙も出し、「これはあなたがロボットでないことをはっきりさせるためのものです」と説明したということ。「まじで?」「ええまあ」という短いやりとりの後、それに従ってチェックを入れて返したということですが。&lt;/p&gt;&#xA;&lt;p&gt;フロリダの方では精巧な人型ロボットが車を買いに来たりして問題になってるのかというと、まだそういう事ではなさそうですね。&lt;/p&gt;&#xA;&lt;p&gt;ニュースを報じたJalopnikはディーラーの方にも取材しており、このディーラーではすべてのお客に対していつもこれを行っているということ。オンラインシステムに担当者が入力をしながら手続きを進めているのですが、その際に画面に reCAPTCHA が出てくるので、これも印刷し、顧客にチェックしてもらっているそうです。&lt;/p&gt;&#xA;&lt;p&gt;取材に応じた担当者は、「(個人的には)もしロボットがソーシャル・セキュリティー・ナンバー(マイナンバーみたいなもの)と身分証明書を持ってきたなら売っちゃいますね」とも答えたということ。reCAPTCHA のプリントアウトにチェックさせる現在の手順に関しても、「(Amazon)アレクサとか、電話できて必要事項を話せる女の子もいるでしょ。今後どうなるかなんてわかりませんから」と弁護したそうです。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;https://jalopnik.com/dealership-makes-woman-sitting-right-in-front-of-them-c-1826232532&#34;&gt;Jalopnik&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>格子間の移動距離をGoogleマップに聞くことで作られた等時間地図 Route Times</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/05/open-source-isochrone-map-generator-tool/</link>
				<pubDate>Fri, 25 May 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/05/open-source-isochrone-map-generator-tool/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://cbmapp.shinyapps.io/RouteTimes/&#34;&gt;Route Times&lt;/a&gt;は、ある地点から同じ時間で行けるところを表示する、いわゆる等時間地図のサービスです。&lt;/p&gt;&#xA;&lt;p&gt;とはいっても、どこに対しても求められるわけではなくて、あらかじめデータが用意されている5つの都市の特定の地点だけが出発点として選べるようになっています。5つの中には東京の新宿都庁(ただ&amp;quot;Tokyo&amp;quot;で検索するとここがでてきますね)が選択肢にあるので、これを選ぶとこんな感じで出てきます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/open-source-isochrone-map-generator-tool/route-times-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/05/open-source-isochrone-map-generator-tool/route-times-tokyo_hu_54a7403787837c2d.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/05/open-source-isochrone-map-generator-tool/route-times-tokyo_hu_9319ce369b787205.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/05/open-source-isochrone-map-generator-tool/route-times-tokyo_hu_e1336684ad84e5d0.webp 821w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/open-source-isochrone-map-generator-tool/route-times-tokyo.png&#34; width=&#34;821&#34; height=&#34;485&#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;中央高速道路やアクアライン沿いだと、60分以内で相当遠くまで行けますね。手動でGoogle Mapsで検索すると、都庁から中央道の談合坂サービスエリアまで60分掛からないようなのですが、これはAPIを呼んだ日時に渋滞があったか、グリッドのところだけを計測しているところからうまく最長になりそうな地点が選ばれなかったか、のどちらかではないかと思います。&lt;/p&gt;&#xA;&lt;p&gt;GitHub にて関連するプロジェクトである&lt;a href=&#34;https://github.com/CrisBMoya/GoogleTravelTime&#34;&gt;ShinyTravelTime のソースコードが公開されていて&lt;/a&gt;、これを自分で走らせるか、&lt;a href=&#34;https://cbmapp.shinyapps.io/ShinyTravelTime/&#34;&gt;こちらのデモサイト&lt;/a&gt;に「自分の」Google Maps API key を与えれば、自己責任でGoogle Map に多数の問い合わせをかけ、自分が緯度経度で指定した好きな地点からの等時間地図を描くことも可能です。&lt;/p&gt;&#xA;&lt;p&gt;Google Maps API の呼び出し回数には上限があるので、ルートを求める格子の数を増やすほど、無料でできる広さは限定されてしまいますね。有料版APIの契約をすれば、自宅や職場を中心とした、ある程度細かい等時間地図を作ることも可能そうです。引っ越し先を検討したりするのに役立つかもしれません。ただ、東京の場合はこのツールのような車での移動時間ではなく、公共交通機関で求めた結果の方が役に立つかもしれません&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://googlemapsmania.blogspot.jp/2018/05/travel-time-quantiles.html&#34;&gt;Maps Mania&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>1980年代のアマゾンがどんなサービスだったかを紹介する動画</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/</link>
				<pubDate>Wed, 23 May 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/</guid>
				<description>&lt;p&gt;「ワールドワイドウェブ(WWW)の不思議」という&lt;a href=&#34;https://www.youtube.com/watch?v=hUi-yUpBqo0&#34;&gt;1980年代のテレビ番組で、当時の Amazon 社のサービスを紹介している動画&lt;/a&gt;が見つかったようです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.youtube.com/watch?v=hUi-yUpBqo0&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/what-is-amazon_hu_fa4e2b1d43360b1a.webp 467w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/what-is-amazon.png&#34; width=&#34;467&#34; height=&#34;357&#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;初回はお店のデータベースのダウンロードに、モデムをピーガーと言わせながら15分ほど掛かりますが、2度目からは1分以内に起動するそうです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/1980-amazon-store-front.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/1980-amazon-store-front_hu_51a430ab8b86a0c6.webp 472w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/1980-amazon-store-front.png&#34; width=&#34;472&#34; height=&#34;357&#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/05/amazon-in-1980s/1980-amazon-shopping.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/1980-amazon-shopping_hu_d654e1c735ec4611.webp 472w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/1980-amazon-shopping.png&#34; width=&#34;472&#34; height=&#34;357&#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/05/amazon-in-1980s/1980-amazon-user-reviews.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/1980-amazon-user-reviews_hu_c587e12167206ba6.webp 472w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/1980-amazon-user-reviews.png&#34; width=&#34;472&#34; height=&#34;346&#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://wired.jp/2018/05/21/yanny-vs-laurel/&#34;&gt;ヤニー・ローレルさん&lt;/a&gt;はこのテレビが気に入らなかったようですね。&lt;/p&gt;&#xA;&lt;p&gt;3:30 頃からは、アマゾンprime の紹介(あったんだ!)。送料無料やレンタルビデオ店で使えるクーポンの他に、音声応答サービス Alexa が紹介されています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/1980-amazon-alexa.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/1980-amazon-alexa_hu_57b7cbce8608c55f.webp 472w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/amazon-in-1980s/1980-amazon-alexa.png&#34; width=&#34;472&#34; height=&#34;359&#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;Alexa の番号に電話を掛けると、なんでも答えてくれるそうです。デモによると、掛け算の答えを訊いたり、今の大統領の名前を訊いたり(ロナルド・レーガン!)、モーニングコールを予約したり、テレビ番組がどのチャンネルでやってるかお訊いたり、音声でいろんな手伝いをしてくれるようです。&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/hUi-yUpBqo0?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;# Amazon の前身である Cadabra.com 社の創業は1994年、ウェブの登場は1991年です。念のため&lt;/p&gt;</description>
			</item>
			<item>
				<title>イギリスの交通違反の悪質な地域を可視化したインタラクティブ地図</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/05/uk-driving-offence-map/</link>
				<pubDate>Wed, 23 May 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/05/uk-driving-offence-map/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.regtransfers.co.uk/info/uk-driving-offence-hotspots&#34;&gt;イギリス交通違反多発地域(The UK&amp;rsquo;s Driving Offence Hotspots)&lt;/a&gt;は、交通違反のデータを基に、どの地域(警察管轄)で交通違反が多いかを可視化した地図です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.regtransfers.co.uk/info/uk-driving-offence-hotspots&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/uk-driving-offence-map/uk-driving-offence-map-speeding_hu_37befc165ecf88fc.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/05/uk-driving-offence-map/uk-driving-offence-map-speeding_hu_60251dab60d5b21d.webp 682w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/uk-driving-offence-map/uk-driving-offence-map-speeding.png&#34; width=&#34;682&#34; height=&#34;650&#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;上は、速度超過違反を選んだ場合。運転手1万人あたりの違反件数が多いほど、濃い赤色で表示されるようになっています。&lt;/p&gt;&#xA;&lt;p&gt;7つのカテゴリー別の地図と、全部を合わせた総合の地図を選ぶことができます。総合で1位となったのは、南西部のエイボン・サマーセット地域。個別にみるとスピード違反で1位の地域のようですが、スピード違反の件数が他の違反よりも桁違いに大きいのが効いているように見えます。&lt;/p&gt;&#xA;&lt;p&gt;免許不携帯と不注意運転の両方で1位なのはスコットランド。運転中の携帯電話利用はロンドンが1位、あたりは、なんとなくイメージからわかる気もします。信号無視の件数が2位以下を引き離して多いレスターシャーは、なんかあるんですかね。&lt;/p&gt;&#xA;&lt;p&gt;2016-2017年度のデータを各警察署などから&lt;a href=&#34;https://docs.google.com/spreadsheets/d/1cHHofQ1IrnKsLiFl2W7i8cFZrKPPrfhT_J1I-DufNqI/edit#gid=926250354&#34;&gt;集めた&lt;/a&gt;ということで、データも公開されています。公開データを使った可視化で、注意喚起としてもいいですね。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://googlemapsmania.blogspot.jp/2018/05/the-worst-drivers-in-britain.html&#34;&gt;Maps Mania&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>ロンドンで一番ひどいバス停を見つける - ビッグデータ活用事例</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/</link>
				<pubDate>Fri, 11 May 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/</guid>
				<description>&lt;p&gt;ビッグデータ解析サービスの&lt;a href=&#34;https://kognitio.com/&#34;&gt;英コグニシオ社(Kognitio)&lt;/a&gt;が公開している、&lt;a href=&#34;https://kognitio.com/TfLproject/&#34;&gt;ロンドン最悪のバス停(The worst bus stop in London)&lt;/a&gt;は、ロンドン交通局の運営するバス運行に関する膨大なデータを使って、運行状況に関して優秀なバスやひどいバスを見つけるというプロジェクトです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://kognitio.com/TfLproject/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/the-worst-bus-stop-in-london-top_hu_8a713cf4166dfc1b.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/the-worst-bus-stop-in-london-top_hu_ad3b523744713af8.webp 603w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/the-worst-bus-stop-in-london-top.png&#34; width=&#34;603&#34; height=&#34;437&#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;ul&gt;&#xA;&lt;li&gt;データ数 4,938,534,706&lt;/li&gt;&#xA;&lt;li&gt;バス停の数 19,687個&lt;/li&gt;&#xA;&lt;li&gt;バス路線数 675本&lt;/li&gt;&#xA;&lt;li&gt;バスの台数 9,641台&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://tfl.gov.uk/info-for/open-data-users/our-open-data&#34;&gt;ロンドン交通局のオープンデータ&lt;/a&gt;というページがあるので、ここから入手できるのでしょうね。&lt;/p&gt;&#xA;&lt;p&gt;これらのデータから、たとえば、7つの運行ゾーン毎に、「バスがとても遅れるバス停」「時刻表より前にバスが来がちなバス停」などのランキングが求められています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://kognitio.com/TfLproject/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/tfl-worst-bus-route-on-start-time_hu_2625d1798e09a7b1.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/tfl-worst-bus-route-on-start-time_hu_7128c25d543b648a.webp 720w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/tfl-worst-bus-route-on-start-time.png&#34; width=&#34;720&#34; height=&#34;550&#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://kognitio.com/TfLproject/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/tfl-most-punctual-bus-route_hu_6633c5ff5c68a7f0.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/tfl-most-punctual-bus-route_hu_573b5e279c96c21d.webp 717w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/tfl-most-punctual-bus-route.png&#34; width=&#34;717&#34; height=&#34;450&#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;こちらなんかは良い方の結果で、最も時間に正確なルート。路線のバスのうち85%が時刻表から外れずに走っているそうです。&lt;/p&gt;&#xA;&lt;h3 id=&#34;郵便番号でランキング&#34;&gt;郵便番号でランキング&lt;/h3&gt;&#xA;&lt;p&gt;バスが正確な地域、不正確な地域をランキングするには、郵便番号(の上3桁)が使われています。&lt;/p&gt;&#xA;&lt;p&gt;なんで郵便番号? と思うかもしれませんが、イギリス(や西洋の多く)の住所は通りの名前+番号なので、おおまかなエリアを示すには郵便番号が便利なのかもしれませんね。&lt;/p&gt;&#xA;&lt;h3 id=&#34;ロンドンで最も使えないバス停は&#34;&gt;ロンドンで最も使えないバス停は&lt;/h3&gt;&#xA;&lt;p&gt;すべてを総合した、ロンドンで最悪のバス停は、ヒースロー空港近くのリングウェイ(Ringway)バス停だそうです。時刻表通りに来るバスの割合は全体の4%、25本に1本しかないのだとか。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.google.co.jp/maps/place/Ringway&amp;#43;%5c%28Stop&amp;#43;VH%5c%29/@51.4915665,-0.3843124,16.5z/data=!4m8!1m2!2m1!1sRingways&amp;#43;bus&amp;#43;stop,&amp;#43;London,&amp;#43;UK!3m4!1s0x487672ca34b8d13f:0x72e90397e2efd5cd!8m2!3d51.490803!4d-0.381215&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/tfl-worst-bus-stop-ringway_hu_d2ab6fa5876a060a.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/tfl-worst-bus-stop-ringway_hu_de8b17d199f7c182.webp 518w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/the-worst-bus-stop-in-london/tfl-worst-bus-stop-ringway.png&#34; width=&#34;518&#34; height=&#34;334&#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;</description>
			</item>
			<item>
				<title>CSSスクロールで(マリオ風)横スクロール、(マリオカート風)キャラクター操作</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/05/css-only-mario-like-hacks/</link>
				<pubDate>Wed, 09 May 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/05/css-only-mario-like-hacks/</guid>
				<description>&lt;p&gt;CSSだけで(JavaScript無しで)動くページを作る、というお題で&lt;a href=&#34;https://codesandbox.io/s/zk15o120xl&#34;&gt;こんなもの&lt;/a&gt;が&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://codesandbox.io/s/zk15o120xl&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/css-only-mario-like-hacks/css-only-race-game.gif&#34; width=&#34;428&#34; height=&#34;194&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&amp;ldquo;A&amp;quot;キーと&amp;quot;D&amp;quot;キーで車が左右に動いています。&lt;/p&gt;&#xA;&lt;p&gt;こちらが作者のステファン・クックさん(Stephen Cook)による&lt;a href=&#34;https://codeburst.io/mario-kart-css-7572bd2ce608&#34;&gt;解説ページ&lt;/a&gt;で、13行のhtml以外はすべてCSS、画像ファイルも使っていないということです。&lt;/p&gt;&#xA;&lt;p&gt;CSS内に定義したデータから絵を描くのは、グラデーションとbox-shadow を使っています。&lt;a href=&#34;https://codesandbox.io/s/7jk054508q&#34;&gt;1ピクセルごとに色を指定して&lt;/a&gt;いるんですね。&lt;/p&gt;&#xA;&lt;p&gt;キー入力の方はというと、こちらの&lt;a href=&#34;https://stories.algolia.com/a-search-engine-in-css-b5ec4e902e97&#34;&gt;CSSだけで検索エンジンを作る&lt;/a&gt;という記事(&lt;a href=&#34;https://community.algolia.com/algoliasearch-client-css/demo/&#34;&gt;デモはこちら&lt;/a&gt;)にあるように、inputフィールドの value 属性に反応させればと思ったそうですが、ユーザーの入力に応じて value の値がアップデートされるということは無く、こちらの検索デモでは1行のJavaScriptを使っていることがわかりました。&lt;/p&gt;&#xA;&lt;p&gt;クックさんは数週間前に間違ってブラウザのJavaScriptをオフにしてしまい、未だに戻す方法を見つけられていないということで、JavaScript を使わない方法を探さざるを得なかったよう。たいへんですね。&lt;/p&gt;&#xA;&lt;p&gt;疑似セレクタ :valid, :invalid で、フォームフィールド内のタイプ内容がaを含むかどうかを場合分けし、さらにフォームフィールドにプレースホルダーを表示してるかどうかの :placeholder-shown と併せて、キー入力に応じて&lt;a href=&#34;https://codesandbox.io/s/8ylwqq8j39&#34;&gt;3値を見分け&lt;/a&gt;ることにしたそうです。&lt;/p&gt;&#xA;&lt;p&gt;レースゲームとして背景が動くところは、アルシデス・ケイロスさん(Alcides Queiroz)が公開していた&lt;a href=&#34;https://codepen.io/alcidesqueiroz/pen/MVJEwd&#34;&gt;マリオ風横スクロール&lt;/a&gt;にヒントを得たということです。&lt;/p&gt;&#xA;&lt;p data-height=&#34;265&#34; data-theme-id=&#34;0&#34; data-slug-hash=&#34;MVJEwd&#34; data-default-tab=&#34;css,result&#34; data-user=&#34;alcidesqueiroz&#34; data-embed-version=&#34;2&#34; data-pen-title=&#34;Mario made only with CSS gradients - no JS, no embedded images/data URIs, no external images and using a micro HTML =)&#34; class=&#34;codepen&#34;&gt;See the Pen &lt;a href=&#34;https://codepen.io/alcidesqueiroz/pen/MVJEwd/&#34;&gt;Mario made only with CSS gradients - no JS, no embedded images/data URIs, no external images and using a micro HTML =)&lt;/a&gt; by Alcides Queiroz (&lt;a href=&#34;https://codepen.io/alcidesqueiroz&#34;&gt;@alcidesqueiroz&lt;/a&gt;) on &lt;a href=&#34;https://codepen.io&#34;&gt;CodePen&lt;/a&gt;.&lt;/p&gt;</description>
			</item>
			<item>
				<title>学生の小論文を代筆してくれるサービスがYouTuberで宣伝しすぎてBBCに見つかる</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/05/essay-crowdsource-service-utilizes-youtubers/</link>
				<pubDate>Wed, 09 May 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/05/essay-crowdsource-service-utilizes-youtubers/</guid>
				<description>&lt;p&gt;宿題の小論文を代わりに書いてくれる、という &lt;a href=&#34;https://edubirdie.com/&#34;&gt;EduBirdie&lt;/a&gt; というサービスがあるそうです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/essay-crowdsource-service-utilizes-youtubers/edubirdie-top-screenshot.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/essay-crowdsource-service-utilizes-youtubers/edubirdie-top-screenshot_hu_b908264ee60affcc.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/05/essay-crowdsource-service-utilizes-youtubers/edubirdie-top-screenshot_hu_2fb7e08b0362efff.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/05/essay-crowdsource-service-utilizes-youtubers/edubirdie-top-screenshot_hu_3319f7e0831cbf5c.webp 819w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/essay-crowdsource-service-utilizes-youtubers/edubirdie-top-screenshot.png&#34; width=&#34;819&#34; height=&#34;893&#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/05/essay-crowdsource-service-utilizes-youtubers/edubirdie-asking.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/essay-crowdsource-service-utilizes-youtubers/edubirdie-asking_hu_3af39624cb745fb7.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/05/essay-crowdsource-service-utilizes-youtubers/edubirdie-asking_hu_aaebc8e2c228a99c.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/05/essay-crowdsource-service-utilizes-youtubers/edubirdie-asking_hu_3f14d7158374214f.webp 1166w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/05/essay-crowdsource-service-utilizes-youtubers/edubirdie-asking.png&#34; width=&#34;1166&#34; height=&#34;678&#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;h3 id=&#34;youtuber-を多数起用したプロモーション&#34;&gt;YouTuber を多数起用したプロモーション&lt;/h3&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://www.bbc.com/news/education-43956001&#34;&gt;BBC が先日報じた&lt;/a&gt;のは、この EduBirdie をいろいろな有名 YouTuber が動画の中でオススメしている、という現象。BBC が調べただけでも250名以上が動画の中で EduBirdie を薦めていて、これらはたぶん EduBirdie からお金が出ている動画内宣伝なんでしょうね。&lt;/p&gt;&#xA;&lt;p&gt;それらの宣伝コーナーの動画を、EduBirdie の公式ツイッターアカウントが再利用して紹介したりもしているので、どんな感じのオススメがされているのかを確認できます。&lt;/p&gt;&#xA;&#xA;&lt;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;en&#34; dir=&#34;ltr&#34;&gt;Doesn&amp;#39;t matter you&amp;#39;re &lt;a href=&#34;https://x.com/hashtag/cool?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#cool&lt;/a&gt; , &lt;a href=&#34;https://x.com/hashtag/NerdGirl?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#NerdGirl&lt;/a&gt; , or &lt;a href=&#34;https://x.com/hashtag/both?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#both&lt;/a&gt;, &lt;a href=&#34;https://x.com/edu_birdie?ref_src=twsrc%5Etfw&#34;&gt;@edu_birdie&lt;/a&gt;  will always be the way out! 😉&lt;br&gt;The service is available in different languages.😎&lt;br&gt;Thanks &lt;a href=&#34;https://x.com/QueenFroggy?ref_src=twsrc%5Etfw&#34;&gt;@QueenFroggy&lt;/a&gt; for the great Shout out.&lt;a href=&#34;https://x.com/hashtag/%D8%A7%D9%84%D8%B3%D8%B9%D8%A7%D8%AF%D9%87_%D9%84%D9%8A%D8%B3%D8%AA_%D8%A8%D8%A7%D9%84%D9%85%D8%A7%D9%84_%D9%88%D8%A7%D9%86%D9%85%D8%A7?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#السعاده_ليست_بالمال_وانما&lt;/a&gt;&lt;a href=&#34;https://x.com/hashtag/%D8%AD%D9%8A%D8%A7%D8%AA%D9%834?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#حياتك4&lt;/a&gt; &lt;a href=&#34;https://t.co/hSd270ZYDO&#34;&gt;pic.twitter.com/hSd270ZYDO&lt;/a&gt;&lt;/p&gt;&amp;mdash; EduBirdie (@edu_birdie) &lt;a href=&#34;https://x.com/edu_birdie/status/961233073592512512?ref_src=twsrc%5Etfw&#34;&gt;February 7, 2018&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;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;en&#34; dir=&#34;ltr&#34;&gt;Thanks @PattyMayoTV for the great shout out!&lt;br&gt;check out &lt;a href=&#34;https://t.co/Qpk9J2LGnZ&#34;&gt;https://t.co/Qpk9J2LGnZ&lt;/a&gt;, if you &lt;a href=&#34;https://x.com/hashtag/struggle_writing_essays?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#struggle_writing_essays&lt;/a&gt;.&lt;br&gt;The service is available in different languages.&lt;a href=&#34;https://x.com/hashtag/Love_edubirdie?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#Love_edubirdie&lt;/a&gt; &lt;a href=&#34;https://x.com/hashtag/%D9%85%D9%82%D9%88%D9%84%D8%A7%D8%AA_%D8%AE%D8%A7%D9%84%D8%AF%D9%87?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#مقولات_خالده&lt;/a&gt; &lt;a href=&#34;https://x.com/hashtag/%D9%84%D9%82%D8%A8%D9%83_%D8%B9%D9%86%D8%AF_%D8%A7%D8%B5%D8%AF%D9%82%D8%A7%D9%8A%D9%83?src=hash&amp;amp;ref_src=twsrc%5Etfw&#34;&gt;#لقبك_عند_اصدقايك&lt;/a&gt; &lt;a href=&#34;https://t.co/SUu6rtqaMb&#34;&gt;pic.twitter.com/SUu6rtqaMb&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
