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

CRAPCHA - マイナーな字やwebフォントを使った、まず解けないCAPTCHAサービス

Tue, 30 Apr 2013 00:00:00 +0000

二つの単語を読ませてユーザーが人間か、それともプログラムによるbotかを判定するreCAPTCHAを紹介したのは2007年のことで、当ブログではいまだに検索で見に来る人が多い人気の解説記事です。

webサービスで登録するときやコメントを書き込む際に現れるこれらのCAPTCHA(キャプチャ)は、“Completely Automated Public Turing test to tell Computers and Humans Apart”(コンピューターと人間を見分けるための完全に自動化された公開チューリングテスト)の頭文字を取ったもので、これが人間にだけ解けるからこそ、ユーザー書き込み型のwebサービスやブログのコメント欄が、プログラムによる宣伝などのスパムだらけにならないようになっているわけですね。

# サービスやブログによっては、すでにコメント欄がスパムだらけ、というところも多数ありますが

今回登場したCRAPCHA(クラプチャ)は、Crap(糞)という名前が示すように、まったく実用性がないCAPTCHAを提供するというreCAPTCHAのパロディサービスです。

ごらんのとおり、文字を入れる枠はあるのですが、表示された文字が謎の文字ばかりで、とても正しい文字を入力できる気がしません。

これらの文字は、Unicodeからおかしな文字を集めてきたり、webフォントで定義した独自のアイコンフォントなどを表示しています。前者はともかくとして、後者はフォントの形が独自なのですから、解きようがないですね。

CRAPCHAの目的はただ一つで、スパマーを退散させるのではなく、解けない問題でユーザーを困らせるために作られました。

ゲストが来るはずもないような隠しページ等に誰かが紛れ込んできた時のために、そのページにこのCRAPCHAを設置しておけば、そのユーザーは何度か試したあとに、諦めてページを去ることでしょう。

via Waxy.org

Googleストリートビューで1から1000までの数字を探して並べたブログ/動画

Tue, 23 Apr 2013 00:00:00 +0000

Googleストリートビューで世界中のいろんなところを「旅行」してまわり紹介するというフランスのブログ Dreamland Virtual Tour が、1000記事の記念で作ったのがこちらの動画。

ストリートビューに移っている数字を、1から1000まで1000個収集しています。すごい手間。

http://www.flickr.com/photos/49973001@N06/8628223761/in/set-72157633196321674

http://www.flickr.com/photos/49973001@N06/8629454794/in/set-72157633196321674

http://www.flickr.com/photos/49973001@N06/8631482136/in/set-72157633196321674

http://www.flickr.com/photos/49973001@N06/8630378241/in/set-72157633196321674

http://www.flickr.com/photos/49973001@N06/8631281132/in/set-72157633196321674

http://www.flickr.com/photos/49973001@N06/8631286510/in/set-72157633196321674

道路標識の国道の番号とか住所表示の番地もあれば、道路から見えるところの商店の軒先に張られた価格表紙の数字や街中で表示された電話番号などもあります。世界中の街角から集められた数字は、フォントや色のデザインなどもバラエティに富んでいて面白いです。

個々のスナップショットはFlickrで公開されています。

via 1000 Nombres – Compter avec Google Street View | Ufunk.net

コメントスパムの手の内が、スパマーのミスでダダ漏れに

Tue, 23 Apr 2013 00:00:00 +0000

Githubユーザーshanselmanさんが、「自分のブログにコメントスパムを書き込もうとしたスパマーが、バグか何かでこれを書き込んできたよ」と、スパマーが使っていたテンプレートらしきものを公開して、Hacker Newsでも話題になっています。

以下のような感じで100行以上あるのですが、

{ {I have|I've} been {surfing|browsing} online more than {three|3|2|4} hours today, yet I never found any interesting article like yours. {It's|It is} pretty worth enough for me. {In my opinion|Personally|In my view}, if all {webmasters|site owners|website owners|web owners} and bloggers made good content as you did, the {internet|net|web} will be {much more|a lot more} useful than ever before.| I {couldn't|could not} {resist|refrain from} commenting. {Very well|Perfectly|Well|Exceptionally well} written!| {I will|I'll} {right away|immediately} {take hold of|grab|clutch|grasp|seize|snatch} your {rss|rss feed} as I {can not|can't} {in finding|find|to find} your {email|e-mail} subscription {link|hyperlink} or {newsletter|e-newsletter} service. Do {you have|you've} any?

英語圏のインターネットミームが大集合したイラスト The Internet

Sat, 20 Apr 2013 00:00:00 +0000

ネット上の流行って、国や言語によって違うことも多いですね。

パロディや風刺で知られるCollege Humorで公開されたThe Internetは、英語圏のインターネットのこれまでの100個を超える様々な流行(meme ミーム)を一枚にまとめたイラストです。

119個(たぶん)のミームの中には、日本発の流行もいくつも混ざっていますね。ここに出ている日本のミームなら、相手が重度のネットユーザーであれば、海外でも話が通じる可能性が高いということかもしれません。

日本ではネギを回すのは初音ミクに移っていきましたが。

ドーモ君の人気は海外で高いですね。謎です

海外で真似してる人の動画がたくさんあるはっぱ隊

4chanでは独自の名前と意味を与えられえました

ブラウザ戦争に搦め手から新規参入者現る。買い物ブラウザPerk

Fri, 19 Apr 2013 00:00:00 +0000

新しいwebブラウザPerkが登場しています。

ブラウザを使ったポイントシステム

Perkブラウザの特徴はというと、

何かを検索するたびにポイントが溜まる

何かを購入するたびにポイントが溜まる

何かをソーシャルメディアでシェアするたびにポイントが溜まる

そして、ポイントが溜まったら、それらを現金、ギフト券、飛行機のマイル、特定団体への寄付、等の形に変えて受け取ることができる。ということです。

動画によるサービス説明はこちら。

まあ、ものすごく斬新というわけではなくて、過去にもブラウザのツールバーや拡張の形で、ユーザーのオンラインショッピング行動を監視したり、指定のショップへ誘導したり、指定のショップでの購入に対してポイントやキャッシュバックを付与するという仕組みのサービスは多数有ったわけです。

でも、ブラウザ拡張やツールバーをインストールして使いこなせるようなユーザーには、むしろ、自分のネット閲覧情報が企業や店舗に筒抜けになる事に対して懐疑的な人が多いでしょう。そういうポイントプログラムから得られる利益と、自分のプライバシーを売り渡す不利益を比べたら、わざわざ参加することはないな、と判断できてしまうでしょうから「お得だからブラウザ拡張を入れてください!」みたいな呼びかけには乗らないことが多く、結果としてそれほど流行していないのだろうと思います。

しかし、「ブラウザをダウンロードしてインストールし、使う」、ということになれば、(それも高度すぎるというユーザーも居るでしょうけれど、)ツールバーやブラウザ拡張に比べれば、かなり敷居は低くなるでしょうね。ツールバーでもそういうのはありましたが、新規にパソコンを売る時に、プレインストールでPerkブラウザを入れて、デフォルトブラウザにする、といった手だってあります。

中身はChromeと同じ

このPerkブラウザ、彼らが一から開発したわけではなく、Chromeブラウザのオープンソース部分であるChromiumをベースとしたものだということです。速さや信頼性、ポイント獲得部分以外の使い勝手や機能はChromeと変わらないわけですね。

Chromeで新しいタブを開くと、よくアクセスするページやアプリ一覧などが表示されますが、Perkではここのところに、溜まっているポイントを確認できるPerkサービスのポータルが表示されるようです。

Pando Dailyの解説によれば、溜まったポイントが換金できるようになるには、90日間待つ必要があるそうです。この期間は、「とりあえず大きな買い物をしてポイントを受け取った後で、品物を返品をすることで代金も取り戻す」、といった悪意の利用者を防ぐために必要だということです。定期的な利用者で問題行動が無いとわかっている利用者については、将来的にこの期間を縮めるようなアイデアもあるということですが。

Facebook HomeのCM第2弾は、マーク・ザッカーバーグCEOが聴かれないスピーチをする役で登場

Mon, 15 Apr 2013 00:00:00 +0000

Androidのホームを奪取しようとするFacebook HomeのテレビCM第二弾は、最初の飛行機編にも劣らず変な上に、創業者/CEOのマーク・ザッカーバーグが自ら登場して彼本人の役を演じています。

Facebook Homeのリリースを祝い、Homeの意義を滔々と語るザッカーバーグ氏ですが、Facebook Homeがあればそんな退屈な演説もスルーできます。

って、いいのかそんなメッセージで! アメリカのセンスの問題なのか、FacebookとAT&Tのセンスの問題なのか。

The Vergeによれば、この撮影はFacebookキャンパスで撮影し、登場するのも実際のFacebook Homeのプロダクトチームだということです。

via Mark Zuckerberg stars in new Facebook Home ad, only to be ignored by his employees | The Verge

Niice - 「クールなデザイン」専用の新検索エンジン

Mon, 15 Apr 2013 00:00:00 +0000

Niiceは、デザイン画像の検索に特化した、新しい「インスピレーション検索サービス」です。

上は、「赤」と「車」で(英語で)検索した時の結果。"blue square"、"flat button"、"yellow ribbon“など、単語を入れるとその要素を含んだデザインをいろいろと表示してくれます。

サイト自身の説明によると、

インターネット上には膨大なインスピレーションが存在しますが、グーグルには「趣味の良い」だけを集めるフィルタがありません。そのため、ブログやギャラリーサイトを行ったり来たりしないと、それらを発見することは困難です。

The internet is full of inspiration, but since Google doesn’t have a ‘Good Taste’ filter, finding it means jumping back and forth between blogs and gallery sites.

だそうです。

サービスは現在ベータ版で、Behance、Dribbble、Designspirationの3つのデザイン画像集積サイトだけを対象としていますが、参加サイトを増やそうとしているところだとか。

デザインの事例を集めているサイトたちが、「自分たちのサイトに載っているデザインは全部クールだよ」と言っているだけではあるのですが、今の三つの参加サイトやそこに集まったデザインが好みな人にとっては、参考になるサイトかもしれません。

via Niice: A Design Search Engine Powered By Behance, Dribbble & Designspiration

Photoshopツールで現実世界を説明

Thu, 11 Apr 2013 00:00:00 +0000

ハンガリーのフローラ・ボルシ(Flora Borsi)さんの連作では、フォトショップのメニューにあるツールの用語を使って、現実世界の行動を説明しています。

パッチツールでシミを消しましょう。

スマートオブジェクトで一気に修正。

パペットワープでちょっと高く。

リンク先にさらに他のツールを表した作品と、そこからさらに彼女のいろいろな面白い作品にアクセスできます。

via Photoshop in Real Life: Portrait Series Takes Tools Literally | WebUrbanist

Codespell - Java言語がそのまま呪文となる教育用3Dゲーム

Wed, 10 Apr 2013 00:00:00 +0000

カリフォルニア大学サン・ディエゴ校の計算機科学者達が開発した Codespell は、一人称視点の3Dゲームなのですが、その一番の特徴は、プレイすることでJavaプログラミングを身につけられるという点です。

Codespellでは、プレイヤーは小動物ノーム(gnome)たちが住む土地にやってきた魔法使いです。ノーム達は過去に魔法を使って生活していたのですが、今は魔法をうまく使えなくなっています。魔法の呪文はJava言語プログラムで、物体を浮遊させるとか火を起こすといった7つの手持ちの呪文を使って、ノーム達を助け、火を消したり川を渡ったりといったクエストを解き、バッヂを獲得するのがゲームの目標です。

ゲームプレイ

3D世界の岩が燃えていますが、

岩オブジェクトというターゲットオブジェクトに対して onFire()メソッドにfalseを渡す、という呪文を呼ぶプログラムを書き、実行することで、

燃えていた岩の火が消える、という例がデモ動画で紹介されています。

プログラミングの達人を昔からWizard、魔法使い、といいますが、ここでは、プログラムがそのまま魔法であるような仮想空間を作りこんだ、ということですね。

ゲームの教育効果

これを開発した研究者たちが、プログラミング経験がまったく無い10歳から12歳の女子40名にこのゲームを遊ばせたところ、少女たちは一時間もしないうちにJavaの基本的な構造を把握し、自分たちで新しい遊び方をプログラミングしたということです。たとえば、呪文(プログラム)を間違えてターゲットのオブジェクトを空中高く、届かないところに持ち上げてしまったグループは、自身を他のオブジェクトの上からジャンプさせるコードを書いて、ターゲットに次の呪文を掛けることができるようにしたそうです。

入手方法

ゲームはオープンソースで公開され、マック版はバイナリがダウンロードできます。Windows版も近々リリースされるということ。

via UC San Diego Computer Scientists Develop First-person Player Video Game that Teaches How to Program in Java via

Hyperlapse - Googleストリートビューの好きな経路を高速で走らせる

Wed, 10 Apr 2013 00:00:00 +0000

Hyperlapseは、Googleストリートビューで指定した経路を早回し(time lapse)で再生してくれるというサイトです。

右側の検索ボックスに地名(渋谷とか)を入れて、二つの地点にマーカーを置き、ボタンを押すと、数分でlapse動画が生成され、その場で表示できます。(Chromeブラウザとそこそこの性能のパソコンを使うことが推奨されています)

ストリートビューの写真は飛び飛びにしかないので、早回ししないと道を走っているようにはなかなか見えにくいところもあると思いますが、ストリートビューが対応しているなら世界中のどこでも作れるのはいいですね。

こちらがデモ動画。

ソースコードはgithubで公開されていて、例えば、より高速なマシンをお持ちなら現在の最大60フレーム/秒を引き上げることなども可能、ということ。

via Hyperlapse tool lets you turn Google Street View into a stunning visual journey | The Verge

iMac照明

Mon, 08 Apr 2013 00:00:00 +0000

カラフルなデザインで一世を風靡した初期iMacのケースを使ったペンダント。

View this post on Instagram

もう15年近く前のパソコンですが、デザインが評価されてか置物のようにまだ事務所や家で見かけることもある初期のiMac。これはいいリサイクルですね。

Facebook Homeの広告がヒドイ

Sun, 07 Apr 2013 00:00:00 +0000

Facebookとアメリカ2位のケータイ会社AT&Tが、Android向けに発表されたFacebook Homeの広告を流し始めているようです。公式ビデオはこちら。

Homeを使って、友人たちのいろいろをチェックできるよ、という事なんでしょうけど、これを見てFacebookを使いたくなるんでしょうかねえ?

IKEAハック - イケア家具のパーツ+3Dプリンターで工作

Fri, 05 Apr 2013 00:00:00 +0000

この木製の子供用自転車、市販品のようにも見えますが、自作なんです。

部品の一つ一つがキレイに加工されているように見えますが、その秘密はというと、木のパーツは全部ここから来ているんですね。

DIYのアイデアや手順をみんなで共有する投稿サイトInstructable で公開された、このDIY Draisienne(フランス語で「二輪車」)は、イケアの、日本でなら一脚999円で売っている椅子2脚を主要なパーツとして設計した二輪車で、イケア椅子の部品と、作者がオンラインで配っているデータを3Dプリンターで印刷したパーツ(作例ではオレンジ色の部分)とを組み合わせて作ることができます。

組み立てのマニュアルも、言語に頼らず世界で使えるIKEA風

この面白い二輪車を設計したのは、スイスの学生Andreas Bhendさんと、フランス・パリで3Dプリンターのスタートアップ企業に勤めるSamuel N. Bernierさん。それまでネットでしか面識の無かった二人ですが、アンドレアスさんがパリに行き、2日半で設計から製作までを完了したそうです。製作のセッションの様子はこちらの動画で公開されています。

アイデアの意義

3Dプリンターで工作するにしても、すべての部品を打ち出す必要は無いわけです。今はコストもかかりますし。大きな部品については、既にあるものを使い、それらを組み立てる際の小さな部品を3Dプリンターで配るのは利にかなっているでしょう。

フェイスブックCEOマーク・ザッカーバーグ15歳時作成のホームページらしきものが発見される

Thu, 04 Apr 2013 00:00:00 +0000

フェイスブックを作った男、マーク・ザッカーバーグ氏が、1999年、15歳の時に公開していたとおぼしきウェブサイトが見つかったというニュースです。

アメリカの無料ウェブページ公開サービスAngelfireに置かれて、今でも開くことができる手製のページ(閲覧注意)が、状況証拠しかないですが氏本人が作って公開した可能性が非常に高いとして、HackerNewsで報告されています。

この「マークのホームページ」は、トップには踊るサイト名とまばたきする不気味な目のJavaアプレットが置いてあり、また、サブページではいくつかの自作プログラムが公開されています。

自己紹介ページにはこんな文章が

Hi, my name is…Slim Shady. No, really, my name is Slim Shady. Just kidding, my name is Mark Zuckerberg (for those of you that don’t know me) and I live in a small town near the massive city of New York. I am currently 15 years old and I just finished freshman year in high school. I have remodeled this website in an attempt that perhaps some search engine will recognize it. I am trying to promote my new AOL Program, The Vader Fader, which you can download elsewhere on this site. It is a decent fader. If you have any comments about this website, the java applets on it, or the Vader Fader which I am trying to promote, please contact me. My E-Mail address is at the bottom of this page.

不要な通行人などをビデオから消す技術

Wed, 03 Apr 2013 00:00:00 +0000

マックス-プランク・コンピュータサイエンス研究所(MPI Infomatics)のミゲル・グラナドス氏らによる論文“How Not to Be Seen - Object Removal from Videos of Crowded Scenes”は、動画の中から手前の邪魔な人物や物体を自動的に削除する、という研究発表です。動画加工の研究なので、YouTubeでその発表を見ていただくのが一番わかりやすいでしょう。

例えば、博物館の中を歩いている人たちの動画から、手前を右から左に横切っている女性だけを消し去っています。女性が横切ることで隠れていた部分の奥の男性の動きなどは、他の(すれ違っていない時の)フレームから持ってきたものを使って、自然な感じで合成しています。(動画の冒頭20秒)

こちらでは、二人組のストリートミュージシャンの前を横切る歩行者2人を、ビデオから消し去っています。(動画で4:04ぐらいから)

動画をよく見ると、後ろのお店のガラスに移りこんだ歩行者は消えていないのがわかります。

動画の最後では、彼らのツールを使う加工者が明示的に、合成が完璧でない場所と、どの時点のどこの画像を参考とするかをソフトウェアに対して指定することで、より自然さを高めることもできる、と伝えています。

静止画を加工して、写真等から不要な人物を消すサービスというのを以前にこのブログでご紹介したことがあり、これが2006年の話です。静止画でできるようになったことは、いずれ時間が経てば動画でもできるようになる、というのは、今回のものに限らずいろいろな画像加工に当てはまるものですが、7年でこれだけ進歩があったとすれば、さらに7年後にはもっと自然でびっくりするような動画加工の技術が出てきたり、今回のような技術が一般化して、PCやスマートフォンで誰もが使えるようになったりするのかもしれません。写真やビデオの証拠能力、みたいなものも、今ほどは絶対視されなくなるかもしれませんね。(注: 動画から消す技術についても、先行の研究があったり、より限定された状況ながらリアルタイムで削除するようなものもあったりします。今回の発表も、多数の研究者のチャレンジの中の一歩で、突然にまったく出来なかったことが出来るようになったわけではありませんが)

テレビのニュース映像などでも、伝えたい対象を見せるために、こういった技術で関係の無いものを取り除くということが日常的に行われるようになるのかもしれません。そういった加工をされた映像を事実として伝えることはどうなんだ、という問題も出てきそうですね。

via Gizmag