2018-04 on akky@サイボウズラボ・ブログ

子供の歌声を腕のイレズミにした母親

Sun, 29 Apr 2018 00:00:00 +0000

腕の刺青に対してスマートフォンをかざすと、スマートフォンから子供のかわいらしい歌声が再生される、という動画がありました。

見た目のインパクトはあるし、音声波形らしき入れ墨なのでイレズミとして実際の声の波形を彫り込んだのかと最初思ったのですが、どうもそうではなさそう。これは、Skin Motionというサービスが生成した「波形風のバーコード」で、このサービスのスマートフォンアプリを使って認識させて、サーバ側にアップロードしておいた音楽/音声を再生させているということのようです。

二次元バーコードの刺青で参照先のコンテンツを再生する、という話だとそれほど珍しいわけでもなくて、QRコードのイレズミが5,6年も前のものがいくつも見つかります。

普通の一次元バーコード刺青となると、それこそスマートフォン以前からありますし。

The Waiting Game - 入国収容所の難民を追体験できるブラウザゲーム

Fri, 27 Apr 2018 00:00:00 +0000

ProPublica とニューヨーク公共ラジオ(WNYC)の制作によるブラウザゲーム The Waiting Game は、アメリカに入国して難民申請を出している人たちの体験をできるゲームです。

まずはプレイヤー選択。選べるのは5人。

エルサルバドルで、家庭内暴力(DV)から逃げてきた母子
バングラデシュで、信仰の異なる相手と結婚していた人
コンゴ民主共和国で、抗議活動に参加した学生
ネパールで差別に遭ったチベット人
国籍のせいでエチオピアからエリトリアに追放された人

ゲームの選択肢は基本的に「続けるか」(Keep going)、「諦めるか」(Give up)の2択しかありません。自国を脱出するまでは匿われている場所でじっと潜伏していなければいけない日々だし、拘置所や米国に移ってからの収容所では、毎日毎日なんの変化もないまま、刑務官らに人扱いされなかったりまずい食事を出されたりがひたすら続きます。

今回選んだ「デモで政府から目をつけられた学生活動家」の場合は、一度拘禁されて拷問を受けた後、親戚の手配でなんとか釈放されるものの、そのあとさらに学生たちへの弾圧が強まる中で偽造パスポートを入手してアメリカへと逃げることになります。

アメリカに着いてから難民収容所に移されてからも、自国で逮捕された時ほどひどい扱いではなくても、手続きも遅々として進まず、自由のない暮らしは続きます。

あまりに毎日の進捗がなく、陰鬱な描写が続くことから、“Give up"すると、これまで何十日が経過していたか、そしてこの実話の難民が実際に難民認定を受けるまでに何日かかったのか、が表示されます。ゲームなら"Give up"できますが、この待ち続ける生活の中で実際に諦めることができるとしたら、甘んじて逮捕されるとか収容所で狂うとかですかね。

読んでいるだけでも辛いこの体験は、すべて実際に体験してきた難民たちの聞き取りから再構成された内容です。ゲームとして考えると、自由度もなければ嬉しくないイベントばかりのダメなゲームなのかもしれませんが、その自由のなさや辛さこそが、実際に難民の人たちに起こった/起こっている事だ、という意味で、リアルなゲームとも言えます。

共同でこのゲームを制作した WNYC ラジオの関連ニュースはこちら。

太陽発電だけで国中の電気を支えようとしたとき必要な面積を可視化したインタラクティブな世界地図

Fri, 27 Apr 2018 00:00:00 +0000

“Area of Solar Panels Needed to Power a Country”は、世界各国の消費電力を賄うために必要な電気を、もし全部ソーラーパネルで発電しようとしたら、どんな広さになるか、というのを可視化してくれるページです。

下の世界地図から国を選ぶと、その国の地図と、その上に必要なソーラーパネルが占める面積が正方形の集合で表されます。

人口密度が高いのか、電力消費が多いのか。一番効いてるのは日照量の少なさかもしれません。

大きな国はいいですね。

人口が少なかったり、そもそも電気を使わないライフスタイルの国だと、こんな割合でも電気が賄えてしまうんですね。

87%の国は、国土の5%以下の広さで、すべての電力を賄えるそうです。このサイトの調査では日本は8%ということ。山だらけの日本で8%はかなり困難かも。

また、国土すべてにソーラーパネルを敷き詰めても足りないのは、シンガポール、香港、バーレーンの3国だということ。

もちろん、これから先の発電効率の進化もあるので、消費電力が増えすぎないように気を付けていけば、必要な面積は漸減していくことが期待できるのでは。

# 計算に使われたデータ、発電効率等の数字は、リンク先記事の末尾で提示されています。

via Maps Mania

米アマゾン、「車のトランクへ配達」する Amazon Key In-Car オプションを先行実施

Tue, 24 Apr 2018 00:00:00 +0000

Amazon Key In-Car は、Amazon の配達人がユーザーの車の鍵を開けて荷物を入れることで不在時でも受け取りを可能にするという新サービスです。

なんで配達人が車の鍵を開けられるか、のところですが、リモート開錠に対応したインターネット接続サービスを持つ車種が既に存在していて、サービス経由で鍵を開ける権限を与えられるということですね。サイトによれば、シボレー、ビュイック、GMC、キャデラック、ボルボの2015年式移行の車は、おおむね対応しているのだとか。

現在は、これらの車のオーナーで、実験中の都市に住んでいて、Amazonプライム会員である場合、という制限がつくものの、既に利用している顧客がいるそうです。

米アマゾンでは、スマートロックを使った家庭向けに、家の鍵を一時的に開けて荷物を中に配達する、というのを昨秋からやっているということ。

今回の新配達方式、マンションの宅配ボックスでも、コンビニエンスストア預かりでもなく、車を使うというあたりアメリカらしいソリューションかもしれないですね。車から降りる時にカーナビやカーステレオを取り外して持ち帰らないと、ガラスを割られて盗まれてしまう、というような地域では、アマゾンの箱が車内にあるのはマズイとは思いますが。

日本でも車社会の地域では、追加投資のない宅配ボックス替わりとしてうまくいくのかもしれません。

via VentureBeat

ephemeral - AWS Lambdaで古いツイートを自動削除

Wed, 18 Apr 2018 00:00:00 +0000

1年半ちょっと前にノマド・フリーランサーとなったビッキー・ライさん(Vicky Lai, @hivickylai)が公開したのは、過去のつぶやきがひたすら溜まっていくツイッターを、最近書いたことだけが共有される場所に作り替えるスクリプト ephemeral 。しかも、AWS Lambda の無料枠で動いてしまいます。

“ephemeral"は「束の間、短期間の」といった意味の単語で、発信した内容が後で消えてしまうようなサービスを形容するのにもつかわれますね。共有した写真が消える Snapchat もそうですし、つい先日発表されたGmail の「自動消滅メール」機能なんかもエフェメラルと言えそうです。

ライ氏はブログ記事"Why I’m automatically deleting my old tweets using AWS Lambda”(古いツイートをAWS Lambdaで自動削除する理由)の中で、家具や過剰な衣服や書籍、子供の頃のおもちゃや書いた絵などを捨て、カバン一つで好きなところに行けるミニマリスト的な生活に移行する中で、何年も前のある時点で思い付きでつぶやいたことを一字一句違えずに復元できることは重要ではないのでは、と思い至ったそう。

(ライ氏にとってのtwitterは)今を友達と共有するためのツールであり、であれば、一定期間より前のツイートは残らない方がいいのでは、と、今回のようなツールを開発し、実際に使うようになったということのようです。ライ氏のツイッターアカウントを見ると、今は15個のツイートだけが残って見えます。

セットアップ

使い方は、golang のソースコード中に Twitter API のキー等を埋め込み、提供されているシェルスクリプトでビルド&デプロイするだけ。Anaconda という golang のtwitter APIハンドリングライブラリのおかげか、コードはとても簡潔に見えます。

エフェメラルなソーシャルメディアの利用

長いことツイッターを使っていると、昔と今では考え方が違うこともあるし、今なら賛成できないようなことをつぶやいているのを見つけたり見つけられたりしてしまうかもしれません。いつか何かで炎上した時に、過去に遡って言ったことを発掘されたりするであろうことも、実際のネット炎上を見れば想像できてしまいます。昔のツイートを残すことによる不利益はたくさんありそうです。

実際、頻繁にアカウントを捨て、新しいアカウントを作ることで過去との連続性を消してしまうユーザーもいます。ライ氏のように割り切って「今だけを今の友人に伝える」ツールとしてツイッターを使うのが合う人もいるでしょうね。

ツイッターに限らず、ソーシャルメディアで過去にした発言やイイネ等が解析され、嗜好の分析や確度の高い広告表示等に使われている状況では、あえて自分が公開したコンテンツを一時的なものに留めることの利点もあるでしょう。広告で食べているソーシャルメディアの運営側からすれば面白くはないアイデアでしょうけれど。

Salieo - レスポンシブ・いい感じに画像を切り出し表示してくれるサービス

Tue, 17 Apr 2018 00:00:00 +0000

Salieo は、Javascript で画像ファイルから写真の重要そうなところを切り出して表示してくれるというサービスです。サイトのキャッチは"instantly, intelligently, responsive"(即座に、賢く、レスポンシブに)となっています。

ユーザー登録してAPIキーをもらってみました。同じ一つの写真がこんな風に自動でクロップされて表示されます。

比較のため、スクリプトをオフにすると以下のようになります。横長でも縦長でも、元の画像がそのまま縮むので、車の形がゆがみますね。

# 物があるところをうまく切り出してくれる、ということなのですが、この写真はちょっと例には良くなかったかな。

ユーザー登録した上で、申請したドメインやURLパターンに合致した画像だけが変換の対象となります。変換できる画像の数や変換の回数によって料金が変わりますが、一番下の無料枠でも10画像、月25,000回までの呼び出しができるようです。

先行の類似サービスとして、imaggaやImageKit.ioが見つかりましたが、どちらも無料枠は無いようです。Salieo の無料枠もお試し用という感じの枠ではありますが、実際に試せるのはやはりいいかと。

これらのサービスを使えば、切り出しについて特に考えずに元の画像一つをアップロードしておけば、サイトで表示した時にその時の縦横比にあわせて動的にクロップされるわけです。あとは写真から重要そうな場所を切り出す判定部分の精度が良ければ、画像が表示される際の縦横比を固定しにくいサービス運営者からは、有料でも嬉しいサービスとなるかもしれません。

via Hacker News

IDEA - イケアのマニュアル風にアルゴリズムを説明

Mon, 16 Apr 2018 00:00:00 +0000

IKEA の組み立て家具の説明書のような形式で、言葉を使わずにコンピューターの各種アルゴリズムを説明しようというサイト IDEA です。

もともとサンドル・フェケトさん(Sándor P. Fekete)が作っていたものに、セバスチャン・ムーアさん(Sebastian Morr)とセバスチャン・スティラーさん(Sebastian Stiller)が参加し、教師や学生、その他興味のある人が使えるように公開するようになったということです。

マージソート、クイックソート、ボゴソート、二分探索、平衡二分木、公開鍵暗号、一筆書き、グラフ探索、の8種類が、言葉を使わずに絵だけで説明されています。

元のアルゴリズムについて一度は学んでいないと、図だけで何のことかわからない、というものもあるとは思いますが、なんとか簡単に図でおさめようと努力された工夫が見て取れ、面白いものとなっています。

これらの図は、クリエイティブ・コモンズ4.0 by-nc-sa の条件の下で、改変したり配ったりして大丈夫だそうです。

via Kottke

コンピューター無しで子供にプログラミング体験させるキット

Fri, 13 Apr 2018 00:00:00 +0000

Space Race Game for Studentは、印刷して使えるプログラミング体験キットです。

地球や月、人工衛星や宇宙人の駒と、「進め」「左折」「n回繰り返す」「もし□なら」といった命令パーツが一枚の紙にカラーでデザインされていて、切り離して使います。

碁盤上のボードに駒を配置し、たとえば「地球から月へ、宇宙船などにぶつからずに行く」みたいな問題を出し、それを命令パーツを組み合わせて実行するゲームとなっています。簡単な問題を出し、審判をしてあげれば、すぐに子供同士で遊べるようになるのではないでしょうか。

子供向けのロボット/プログラミング教育の研究会に子供を連れて行ったことがあり、そこでいろいろなロボットを体験させてもらったのですが、その中にはこのキットの内容とほぼ同じことを実際のロボットで実行するというものもありました。

ロボットの上に命令ブロックを差し込んで並べる形でプログラミングをし、大きなボードの上で動かして障害物を避けられるか確認する、といったものです。

うちの子も楽しく遊んでいて、もし買ってもらえるとなれば間違いなく喜んだことでしょう(教育の研究会なので販売とかはしていなかった)。ただ、このロボットでできるプログラミングの複雑さを考えると、買って家に置いたとしてもそう長いことは遊べないかな、と。おもちゃとしては高価なので、科学館や児童館などに有って、順番にいろんな子供が体験でき、指導できる大人もついていればいいのかなと感じました。

価格の面からいえば、このような紙のキットで、プリンターの印刷代だけでほぼ同じことはできますね。プログラミングというものを体験してもらう最初の最初、子供がそっち方面に興味がありそうかどうかを見るのにいいかなと思いました。

Smash - サイズ無制限を謳うファイル転送Webサービス

Wed, 11 Apr 2018 00:00:00 +0000

Smash は、ブラウザベースの巨大ファイル転送サービスです。日本でいうところの GigaFile とか宅ふぁいる便みたいなサービス。

今風のデザインで、ファイルをドラッグするだけでアップロードできます。

個人は無料で、追加サービスやチーム利用でお金を取るビジネスモデルのようです。無料でも広告なしで、ファイルサイズの制限もなし、と良いことづくめのようですが、ファイルを扱うサービスでは当初"Unlimited"と売り出しても後日軌道変更を余儀なくされる事例が多いので、さてどうなるか、というところ。

こんな感じでメール等でURLを送って相手に大きなファイルを送ることができます。

# 上のテストは7日で消えるはずです。

via ニュースリリース

ゼロ幅文字にエンコードした隠し情報で、文書をリークしたメンバーを特定

Mon, 09 Apr 2018 00:00:00 +0000

とある会員制掲示板からの文書の流出に困った運営者が、ユニコードの見えない文字「ゼロ幅文字(Zero-Width characters)」を使って流出させたユーザーを特定した、という話が出ていました。

数年前の話、Tom　さんが所属していた競技ビデオゲームのチームでは、ログインが必要なプライベートの掲示板を使って連絡していました。その掲示板に書かれた秘密情報や戦術に関する重大アナウンスなどがしばしば掲示板外のウェブにコピペされ、チームにとって大きな問題となっていたそうです。

外部ユーザーの攻撃で中身が漏れたというよりは、メンバーの誰かがコピーしているのでは、と考えた Tom さんは、当時気になっていたユニコードのゼロ幅文字を使ったトリックを仕掛けたそうです。

ユーザーを特定する情報を、見えない文字に変換して埋め込む

ログイン中のログインユーザーのユーザーIDを、一定のルールによってゼロ幅文字の並びに変換します。そして、この文字列が、掲示板のコメントを表示する際に文章の間に埋め込まれるようにします。

コピー&ペーストされた外部の掲示板等を見ると、目には見えませんがそちらにもこのゼロ幅文字を組み合わせた文字列が含まれているので、そこから逆への変換を適用することで、コピーをしたユーザーのIDがわかる、というわけです。

GitHub 上で公開されたデモコードがこちら。動くデモがこちらです。

1 で入れたユーザー名が入っていないように見える2 のテキストをコピーすると、コピー先の 3 から、元のユーザー名が取り出せていますね。

データ列をASCII文字64個でエンコードすれば Base64 ですが、このデモでは 4種類のゼロ幅文字を使った ZeroWidth4 とでもいうべきエンコーディングですね。

元ブログ記事では、この手法を掲示板に組み込んで新しい情報を流したところ、数時間でコピーされた文章からユーザー名を回復し、流出者を特定できた、と語っています。

この場合はうまくいきましたが、この仕掛けを知った上で無実の他人のユーザーIDに書き換える、といった反撃も考えられるので、ユーザー名をそのまま組み込むとかではなく、改竄があればわかるような形にするのがより良いだろう、とも述べられていました。

自衛ツールの登場など

この記事が広く読まれたので、Chrome拡張が早速登場。ゼロ幅文字を絵文字に変換して表示する拡張で、こういうのを入れておくと何かが埋め込まれているな、というのを見つけられますね。急いで作られたせいか、ユーザーが能動的にクリックしないと絵文字表示されないなど、実用するには今一つですが。

それと、英語のテキストでやってる分には問題ないですが、そもそも役割があって文章中にゼロ幅文字が含まれている言語もあるので、一律に除去したり警告したりするようなツールでは不十分だと言えそうですね。

情報を守る立場からすれば、このような追跡手法をいくつも持って仕掛けておくことは有用でしょう。

逆に、内部告発など悪事を暴く活動として秘密情報をコピーする立場から見れば、このような仕掛けがないかを確認したり、同定されないよう過剰と思われる情報を切り落とすツール等を使うなど、ある程度のリテラシーが必要となってきそうですね。

via reddit

AutoMute - ブラウザの音声再生を全部デフォルトオフにできるChrome拡張

Wed, 04 Apr 2018 00:00:00 +0000

AutoMute は、Chrome ブラウザからとにかく音が出ないようにできるブラウザ拡張です。

インストール直後の設定は、あらゆるサイトでの音声がオフになっています。すべてのタブにミュートのマークが表示され、マークをクリックしたり、拡張アイコンのメニューから選択したりすることで、個別に再生を許可することもできます。

YouTube など、サイト側で用意しているミュート機能とは別のレイヤで止まっているため、場合によっては拡張でアンミュートして、動画側でのアンミュートして、としないと聴こえないこともあります。

音楽等が突然再生されたりすると非常に困る、といった職場で働いているような人たちは、保険のために入れるといいのかもしれませんね。絶対にどんな音も鳴らなくていい、ということなら、OSのドライバを止めるとかイヤホンジャックを埋めるとかもありですが、この拡張であれば、音がしても大丈夫なサイトだけ許可したり、どうしても音を聴かなければいけない時だけ設定を変えて聴いたりすることができます。

via LifeHacker via TheNextWeb

悪のUIデザイン、ダークパターンの実例を見せる動画

Wed, 04 Apr 2018 00:00:00 +0000

ダークパターンについては2010年、概念が提唱された際にこのブログでも紹介しました。

ユーザー体験を向上させるのではなく、ウェブサイト運営側の都合でものを買わせたり、ユーザー登録させたりするウェブサイト構築上のトリックを分類して名前をつけよう、というのがダークパターンです。

先週、そのようなダークパターンを解説する動画が公開され、注目を集めています。

とにかく退会したいんだ!

動画の最初はアマゾン。「アマゾンを退会しようとした人はどうなる?」で、一回入ったらそこから出ることは難しい Roach Motel (ゴキブリホイホイ)ダークパターンの実例を見せています。(00:15)

アマゾンを止めようと思ったことがないので知りませんでしたが、日本語でも止めるための手順を説明するブログ記事がいくつもあり、なかなか止め方が難しいのですね。動画と同じように日本のアマゾンでも退会ページを目指してみたのですが、退会に関してはアメリカ版と同じサイト構造になっているようです。

直観的にまず開くであろう、上部ナビゲーションバーの「アカウント&リスト」からは、様々なリンクが表示されるものの、そのどこからも退会ページに辿り着くことはできないそうです。

動画が教えてくれる手順は、

ページ最下部のリンクから「ヘルプ」をクリック
「問題が解決しない場合は」から「カスタマーサービスに連絡」
1の「プライム、その他」タブを選んで
2のプルダウンから「アカウントの確認、変更、閉鎖」 (アメリカ版ではここが"Login & Security"だそうで、さらにわかりにくいですね)
もう一つ出てくるプルダウンから「アカウントの閉鎖」
「チャット」「電話」「eメール」のいずれかを選び、先方からの連絡を待つ

なるほどこれは大変ですね。多くの人は途中で諦めてしまいそうです。

メルマガ退会を難しく

次はニュースレター/メールマガジンの購読停止(02:15)。メールの末尾に購読中止のためのリンクがあり、それを開けばその相手からのメールはもう来なくなる、という仕組みは良くあります。

日本のメルマガでは手動で依頼しないといけなかったりするのがまだまだ多いので、これでも助かる方かと思いますが、動画作者はここにもダークパターンがある、と喝破しています。

購読中止のリンクが地のテキストと見分けにくい色や太さになっていたり、ガチャガチャと関係のない情報が列挙されて非常に探しにくくなっていることが多い、と言います。

言われてみれば、たしかにこういうのよく見ます。

流れで購入ボタン

3つめのスマートフォンゲームアプリでの事例(02:30)は、「ゲームを始める」「次の面へ行く」などのボタンを全部グリーンの角丸ボタンで続けた上で、ゲーム内課金のダイアログで「購入」の方を同じデザインのボタンで描画する、というパターン。