2007-08 on akky@サイボウズラボ・ブログ

JamStudio コードを入れたら伴奏をしてくれるFlash

Fri, 31 Aug 2007 00:00:00 +0000

via Ursi’s Blog

コードと楽器を指定すると、それっぽい演奏を作ってくれるFlash。

作ったものを貼れるようだ。クリックすると演奏される。すごい手抜きだけど。

Check out www.JamStudio.com :)

コードはパートを複数作って、パートを並べるという指定もできる。

楽器は多数の中から選べる。それぞれの音量も。

テンポも変更可能。3拍子は近々登場

Photoshop合成セレブ写真

Fri, 31 Aug 2007 00:00:00 +0000

via del.icio.us/popular

顔の左と右に別々の政治家やタレントを使って合成写真を作るコンテスト、の優秀作品らしい

イギリス女王とエルトン・ジョンのやつとかも秀逸だなあ。

Seam Carvingがさっそく実装されて公開

Fri, 31 Aug 2007 00:00:00 +0000

via del.icio.us/popular

先日紹介してすごい反響があった、イメージ中の目立たない部分を省略していくことで写真を小さくしたりできるSeam Carving(シームカービング、継ぎ目を切り出すとでも言うか)技術を、論文を元にFlashで実装してブラウザ上で試せる形で公開する人が出てきた。

線をマウスで動かすことで、写真を縦か横に縮めていくことができる。

自分でネット上の画像ファイルを指定してロードすることもできるが、Flashのクロスドメイン読み込みの制限で読めない(真っ白になる)場合もある。flickr上の公開写真は読み込めるということだ。

http://screencast.com/t/8LFBrXUAraC

yaml - CSSフレームワークライブラリとそのブラウザエディタ yaml builder

Fri, 31 Aug 2007 00:00:00 +0000

via Ajaxian

名前が紛らわしいのだけど、データフォーマットのYAMLとは関係ない。ドイツ製のウェブサイトレイアウトライブラリyamlは、CSSベースのマルチカラムレイアウトをマルチブラウザ対応で行なうライブラリ。

それだけだと他にもいろいろあるのだけど、特徴としてはドキュメントがすごく充実していることらしい。そのわりに知られていなかったのはドイツ語圏で開発が続けられていたかららしいが、英語のドキュメントも揃えて本格的なバイリンガルプロジェクトとなったそうだ。

プレビューが公開されたばかりらしいyaml builderが良くできていて、ブラウザ上のオンラインエディタでドラッグアンドドロップでレイアウトを試すと、できあがったレイアウトを再現するHTMLとCSSを入手できるというもの。

こんな風にマルチカラムを編集し、ヘッダや本文などのコンテンツを置いていく。

“Get Code"を押すと、必要なHTMLとCSSが表示されるので、これをコピーすれば同じレイアウトが手に入る。

世界自殺率地図

Fri, 31 Aug 2007 00:00:00 +0000

via reddit

国別の自殺率をWHOのデータから取ってきて色分けした地図ということだ。日本とロシアの自殺率の高さについてはよく聞くけれど。全体的に豊かな国のほうが高い?

作者: Bamse
画像のライセンス: Creative Commons Attribution ShareAlike

[関連]

Geekなウェディングケーキ

Thu, 30 Aug 2007 00:00:00 +0000

via del.icio.us/popular

心のこもった手作りのウェディングケーキ。趣味に走るとこんな風に

ソースが気になるGeekの人、ASCIIコード表はこちら

こっちは新婚生活が思いやられるのでは…

リンク先には他にも、スタートレック、レゴ、WoWなど趣味に走ったウェディングケーキの画像が。

TR-909エミュレータFL909

Thu, 30 Aug 2007 00:00:00 +0000

via haha.nu

すごいすごい。1980年代のドラムマシンTR-909を再現したFlash。

ネットの掲示板を実写化したら?

Thu, 30 Aug 2007 00:00:00 +0000

via collegehumor

2分ほどの短編コメディ。会社の会議をネットの掲示板の流儀でおこなったらどんな感じになるか、を映像化している。

ウェブ上の掲示板がいかにカオスか、がよく描かれていて面白かった。誰かが脈絡なく卑猥な言葉や失礼なことを言うと、それに続くものが何人も出てきたり、とにかく「フォトショップだ!」(それはフォトショップで書き換えたインチキで本物じゃない)という反論をしてみたり、だれそれがゲイだとかオパーイだとか。

1:45あたりからおこるスパマーの乱入も面白いよ。

注意点としては、下品な言葉も多い。

一枚の中に四季のある写真コンテスト

Wed, 29 Aug 2007 00:00:00 +0000

via Digg

1枚の写真の中に4つの季節が表現されている、加工写真のコンテストのページ、というのがあった。

エントリの一切のコピーを(おそらく、それが紹介であっても)認めていないと明記されているため、一枚目のさわりだけ下に抜粋。とてもキレイなのでリンク先で見ていただければと。

究極の.htaccess?

Tue, 28 Aug 2007 00:00:00 +0000

via del.icio.us/popular

Apacheのフォルダローカルな設定ファイル.htaccess で使いそうな設定をかたっぱしから書き込んだファイル。

メイン、スクリプト関連、ヘッダ(キャッシュや最速化)、URL書き換え、認証、SSL、開発中サイト、というようなジャンルごとに、よく使われそうなディレクティブがずらずらと並んでいる。PHPの設定、cool URLの設定、エラーページ、認証の掛けかた、などなど。

書き換えるべきところは英単語で何を書くのかわかるようになっているので、コメントとあわせて思い出しながらコメントを外していくとそれなりに使えそうな .htaccess が作れるかもしれない。僕なんかは細かい設定方法すぐ忘れてしまって検索することが多いので、これで楽になりそう。

# 本当に不要なものはコメントにせずファイルから消すべきだし、安定運用に入ったら.htaccessじゃなくて本体の設定に移すべきだけど

これも入れるべき、というのがあればぜひ連絡ください、ということだ。

Bloglinesの新インタフェースがbetaで登場

Mon, 27 Aug 2007 00:00:00 +0000

via ユーザあてメール通知

日本でlivedoor Readerに、英語圏でGoogle Readerに押されっぱなしの老舗サーバサイドRSSリーダーサービスbloglinesが、インタフェースを作り直してベータとして公開してきた。既存Bloglinesユーザは http://beta.bloglines.com/ からログインして使い始めることができる。

全体的に今風のデザインに。今のデザインはすごい無骨だった
開いた直後のページに好きなフィードの最新を置けるようになった
エントリのタイトル一覧だけ見るモードや、タイトルとエントリ内を見る3ペインモードがついた
一度見た過去のエントリリストを指定して再度見る手順がワンクリックに短縮
キーボードショートカット

左ペインの既読数更新とか、閲覧時の既読への変わり方のルールがまだちょっとわからないな。下へスクロールさせると既読になるということだろうか。あんまり使いやすい気がしない。

今はFirefoxとIE7だけ対応ということ。

会津ITサマーフォーラム2007に参加してきた

Mon, 27 Aug 2007 00:00:00 +0000

23, 24と、福島県の会津若松市にある会津大学で開催された「会津ITサマーフォーラム2007」に講師として招待いただいたので、参加してきた。

会津大学は、コンピュータ関連だけを教える単科の大学・大学院。教授陣に外国人が多く、英語での授業も多く、卒論も英語だとか。

今回はじめて会津大学に行って驚いたのだけれど、建物やキャンパスが広々としててすごいカッコいいのである。学生数1000人ぐらいということなので規模は小さいのだけれど、日本の大学というよりもスタンフォードとかUCバークレーのキャンパスに近い雰囲気(どっちも一回しか行ったことないけど)。建物も洋風+現代風。芝生も広々として、8月はともかく春秋は楽しそうだろうな。

セッションは、「Webベースの情報共有ソリューションの動向」というお題で依頼されたので、それにあわせて、

- グループウェアの変遷とサイボウズ社の歴史
- Web2.0と影響を受けるEnterprise2.0の関係
- Pathtraqの紹介。なぜ面白くなりそうか

といったところをお話させていただいた。聞きに来てくださった方の感想を見つけたので紹介しておく。

ろまろまろまんちゅフォーラム2日目

もろこしヘッドサイボウズ - 派手なデモを見るよりも感動した

フォーラムの開催は大学と会津地方のIT産業振興という意味あいもありそう。今回夏休みのど真ん中ということもあって地元の学生さんの参加があまり多くなかったのが残念。その分地元の企業のみなさんとお話をし、いろいろと勉強になるお話も伺うことができた。

聞いたところでは、会津大学周辺には、卒業生らによる多数の小ITベンチャー企業が発生しているとか。仕事自体は東京からの受注ということも多いようだけれど、大学を中心に小さくてもソフトウェア技術者の集まって交流できるコミュニティができているのは素晴らしいと感じた。

各国お札で作った都市の風景

Sun, 26 Aug 2007 00:00:00 +0000

via haha.nu

千円札で作ってるからといって日本だというわけではない。それぞれ別の国の都市の形を表現している。国を越えて別の地域へ影響を与えるグローバルな通貨の性質を現したアートなんだとか。

他の国の紙幣のもたくさんある。

香港夜景フラッシュ

Sun, 26 Aug 2007 00:00:00 +0000

via del.icio.us/popular

マウスの高さに応じて時刻が変わる香港の夜景写真Flash。6時10分から7時40分まで。

ビルの明かりや船の位置がまったく変化しないので、単に撮影したものをならべたわけではなさそう。マウスの位置と時刻を連動させるのは面白いと思った。

作者のページ。香港の写真がたくさん載っている。

Wikiscannerの日本語版が登場

Sat, 25 Aug 2007 00:00:00 +0000

via O’Reilly Radar

先日紹介した、Wikipediaのゲスト投稿記録から「どの会社の中の人が」ウィキペディアのどんな項目を書きかえたかを簡単に調べることができるWikiscannerの、日本語版とドイツ語版が公開されている。翻訳の文言はちょっと変だけれども。

今見てみたところ、ローマ字表記ながらいくつかの日本の会社や組織の検索例が右側サイドバーに表示されている。NHKのIPアドレスから書き換えられた項目、だと以下のような感じ。

Seam Carving - 自然な画像リサイズを動的に行なうソフトウェア

Wed, 22 Aug 2007 00:00:00 +0000

via Digg

Siggraph2007で発表されたというSeam Carving技術。そのSeam Carving for content-aware image resizingという動画で解説されているのは、画像内のひとまとまりの図形・物などの形を維持したままで、不要な部分を削って縮めることができるという技術。(論文 pdf)

説明がわかりにくくて申し訳ない。見てもらったほうがぜったい早い。

オリジナルのQuickTime動画はこちら

これを使うと、写真の中の鍵となる写真や人物を常に保存しつつも、見ているPCや携帯端末の画面サイズに合わせてイメージを縮めることができるという。

このSeam Carvingを搭載した画像ツールのデモでは、縮めてみておかしくなったら、ここは元の状態を保ってね、みたいな指定を赤ん坊の顔にすることで自然に写真の不要な部分をカットしたりもしている。

デモの中では、6人が砂浜に並んでいる写真から、人をマウスでおおまかに指定するだけで5人、4人と減らす様子などが写されている。どのデモもとても簡単にできているようで、こんな機能が家庭で使えるようになれば素晴らしいと思う。

二人の思い出の写真が、

あっという間にこんな風に

これはすごい。

で、この研究者の所属がなんとMERL(三菱電機米国研究所)だったりする。MERLといえば最近こんな記事を見たけど…

[2007.08.25 追記]

O’Reilly Radarでも紹介された。「この技術が本物で、Firefoxのアドオンで使えるようになるといいね」だって。

Skype障害の後始末

Wed, 22 Aug 2007 00:00:00 +0000

Skypeの大規模障害の真相はまだはっきりしないけど、Skypeから補償のメールが来た。有料メンバーにはみな来てるのではないか。

この2日ほどの停止にも関わらずSkypeを利用し続けているユーザーへの感謝を込めて(という言い方がいかにも海外風だ)、有料サービスの期間切れを7日間延長してくれたらしい。

twitterにユーザ検索機能がついた

Wed, 22 Aug 2007 00:00:00 +0000

twitterブログでユーザ検索が追加されたことが告知されている。

例: miyagawaで検索, 東京で検索

自分のネーミングライツを売りに出した男

Wed, 22 Aug 2007 00:00:00 +0000

via Mashable

野球場の呼び名を企業に売る、ネーミングライツ商法は日本でも定着したけれど、今回登場したのは自分の名前の改名権を売り出した男。

カリフォルニア州サクラメントに住む23歳の男性ウェブ開発者/デザイナー、Stan Oleynick氏は、Hold My Recordというサイトで自分の名前の改名権をオークションにかけている。

# も、桃色係長…

正確に言うと、彼には現在開発中のウェブサイトがあり、落札者はその所有権の10%もシェアすることになる。サイトを作るための資金集めとしてこのプロジェクトを思いついたらしいけど、単に命名権だけ売る話にしたほうがすっきりしてる気もするなあ。

彼は、オークションが終了したら、最高額で落札した企業の指定する名前に法的に改名を行い、その上でギネスに挑戦するそうだ。挑戦内容は確定してないが、1から100万まで最速でタイプする記録とかを考えているらしい。

名前を変えることによる宣伝と、ギネスブックにその名前(=社名など)が載るという宣伝で、ほらいい宣伝でしょう? というわけ。

アメリカは日本に比べると公式な改名が簡単という話は聞くけど、それにしても… 今一件だけ$1000(12万円)で入札が入ってるが、もしこの会社が入札したとすると、Stanさんの名前はShareSmiles.com になるということに。

オークション終了まであと40日だが、25万ドルだせば直ちに売買成立させることもできるそうだ。世界に向けての商品/サービス名の売り込みに悩んでいるマーケッターの人は検討してみてはどうだろう。

# 応札中の上位10社というのがサイトに表示されるので、12万円でとりあえず入札してみる、というのもありかもしれない。この試みがウケルかどうかによるけど

Googleマップの埋め込みHTML提供開始

Tue, 21 Aug 2007 00:00:00 +0000

via Google Lat Long Blog

一週間ぐらい前から噂されていたGoogleマップの新機能。地図右上の「このページをリンク」で、メールに貼り付けるURLのほかに、ウェブページに貼り付けられるiframeのコードが提供されるようになった。

自称「YouTube方式」の貼り付けということで、これまでより簡単に自分のページにGoogle Mapsをつけられるだろう。

「カスタマイズとプレビュー」からは、貼り付ける地図のサイズを調整することもできる。

拡大地図を表示

YouTube方式、とはいってもFlashに変わったわけではなくて、iframeで別ページを表示しているだけなので、iframeの中のリンクを直接表示するとブラウザ画面いっぱいに地図が表示されたりして、これはこれで新鮮。

マンガ広告も米国進出

Tue, 21 Aug 2007 00:00:00 +0000

via Advertising Lab

マンガ形式の広告をアメリカで売ろうということらしい。

それによれば、“Manga is already popular here in the US.“なんだって。

事例紹介が大量にあるのはいいかも。日本での事例だけど。元サイトはこれか。

[追記あり] Skypeの大規模ダウンの原因はWindows Updateだった

Mon, 20 Aug 2007 00:00:00 +0000

とは、Skype Blogでの釈明。

マイクロソフトからのパッチ適用後に再起動を要請された(あるいは、一定時間後自動で再起動させられた)世界中のウィンドウズマシンが、次々とSkypeへのログインを行おうとしたり、P2P網を維持するだけのネットワークリソースを欠乏させたりした、んだそうだ。

この崩れたP2Pネットワークを自己修復する部分に、これまで知られていなかったバグがあったことで、大多数のユーザがほぼ2日間Skypeを使えなくなってしまったという。すでに改善を続けていて、同じ問題が再現しないようにしているとのこと。

過去4年間、ほとんどトラブルがなかったということもこのブログでは述べている。たしかにその通りで、これまでずっと安定していたことで今回の停止が目立ってしまったけれど、とてもすばらしい運用がされてきていたし、これからも一ユーザとして期待したい。

[追記] Skype日本語ブログで全訳が先に出てた。

[2007.08.21 追記]

Skypeの説明が理屈に合わないとする指摘もいろいろ出ている。Windows Updateでリブートなんて、今回がはじめてだったわけではない、とか、障害がはじまったのはWindows Updateのタイミングからかなり遅れてのことだった、とか。

Skype側にさらに問い合わせた人の結果と、マイクロソフトによる毎回のアップデートと何も変わったことはしていない、との表明

無断駐車を発見した場合、

Mon, 20 Aug 2007 00:00:00 +0000

via del.icio.us/popular

「…とんでもなく無鉄砲な白昼の強盗に逃走用として使わせた後ただちに、大ハンマーで叩き、怒れる群集によってひっくり返し、火をつけ、スプレーで無礼なスローガンを描かせていただきます。」

罰金1万円とかなまぬるいということかな。しかしこういう宣言はどこまで実際やってしまっていいんだろう(笑)

広告ブロック機能を理由にFirefoxを使わないよう呼びかけるキャンペーンが登場

Fri, 17 Aug 2007 00:00:00 +0000

via del.icio.us/popular

Why Firefox is Blockedは、本気か釣りかわからないけどFirefoxブラウザの利用停止を呼びかける専用サイトだ。

Firefoxのアドオン Ad Block を使うと、著名なバナー広告やテキスト広告がページに表示されなくなる。これが許せん、というのが動機らしい。サイトでは、Firefoxでサイトを見に来た人がいたら検出してこのサイトへ転送させるための方法やスクリプト例なども提供している。

「数百万の勤勉なサイトオーナーが、このようなツールのせいでその貴重な時間と労力を盗み取られている」「Firefoxユーザはもともと広告をクリックしない傾向にあるので、Firefoxユーザを締め出しても収入への影響は少ない」とか、かなりキテいる。

Ad Block以外にも広告を隠すアドオンはあるし、IEやOpera用にもその手のツールはあるんだけどなあ。

[2007.08.21 追記]

“Why Firefox is Blocked?“をもじった“Why is Firefox Blocked?”が登場(まぎらわしい)。ポップアップや検索バーや止まらない広告を止めるためにこそFirefoxが必要だ、と宣言している。(via Digg)

Linux十戒

Wed, 15 Aug 2007 00:00:00 +0000

via del.icio.us/popular

Linux10の掟 (まあ異論はあろうけど)

汝、rootで作業するべからず
汝、可能な限りパッケージマネージャーを利用せよ
汝、コミュニティの一員たれ
汝、ドキュメントとmanページを読むべし
汝、サポートシステム(メーリングリスト、フォーラム、etc.)を利用せよ
汝、(過去ログなどを)検索せよ
汝、(オプションなどを)探索せよ
汝、コマンドラインを利用せよ
汝、Windowsを再現しようとするべからず
汝、諦めることなかれ

ブラウザでGooglebotの振りをする方法5つ

Wed, 15 Aug 2007 00:00:00 +0000

via del.icio.us/popular

Googleで検索すると抜粋が出てくるのに、行ってみたら有料の会員ページで読めなかった、ということがままある。なんで検索結果には出てくるか、というと、客寄せのためにわざと検索エンジンのボットにだけはコンテンツをクロールさせているからなんだけど。

User-AgentをGooglebotと同じにすれば読めるよ、という話は前から出ているが、それではチェックがUAだけの場合しか通用しない。それだけじゃだめな場合、どうやってGooglebotに近づくか、というtips。

一つは、Google翻訳を噛ます。Googleに翻訳させればGoogleのIPアドレスからのアクセスになるので、IPアドレスの範囲でチェックしていた場合、見えるかもしれないということ。英語のページでも、「スペイン語から英語」など適当な翻訳を選んでおけばよい。

# Google Translateとbotのアドレス範囲が違ってたらそれを避けるようにブロックされたりしないのか?

FirefoxのアドオンUser Agent SwitcherでUAを変えるのは既出

FirefoxのアドオンWeb Developer ToolでJavascriptとCookieを切る

FirefoxのアドオンRefControlでリファラーを切る

しかし、これ全部入れて、いつも行ったら見えないと思っていたウェブサイトに行ってみたけど、だめだった。まあ、まだブロックする方法はいろいろあるし。単純にやっているところには上記で効くかもしれない。

米Yahooの顧客満足度がGoogleを逆転

Wed, 15 Aug 2007 00:00:00 +0000

via ZDNet blog

ACSI(アメリカ顧客満足度指標)というミシガン大学の統計で、Yahooの顧客満足度がわずか1ポイントながらGoogleを逆転したらしい。この両者のデータが取られてからはじめて。

表はここで公開されている。

他にも自動車部門でレクサス(トヨタ)が首位。PC部門でアップルが大幅に下げつつも首位、など。

builtwith ウェブサイトの利用している技術を列挙してくれるサービス

Tue, 14 Aug 2007 00:00:00 +0000

via Read/Writeweb

builtwithのサービスでドメイン名を入力すると、そのドメインで使われているいろいろな技術を調べてくれる。

いろいろ試して表示が出てきたものを見ただけなので、まだまだ検出するものはあるかもしれないが、以下のようなものを見た

OSの種別
Webサーバの種別
Urchin, Google Analytics, SiteCatalyst, Trackfeed(!)といったアクセス解析サービス
PHP, Rails, J2EEといったフレームワーク
prototype.js, scriptaculousなどのJavascriptライブラリ
Sphereなどのウィジェット(日本語で言うブログパーツ)
Akamaiなどのコンテンツ配信サービスの利用
Movable TypeやWordPressなどのブログシステム
Google AdSense, Amazonアフィリエイト, PHPAdsなどの広告システム
RSS2.0, RSS1.0, Atom Feedなどのフィード
XHTML/HTMLのバージョンや種別、CSSやJavascriptの利用、Creative Commons表記、OpenSearch対応など
ページのエンコーディング

これらは、おそらくサーバの応答ヘッダやトップページのHTMLを解析して推測しているのだろう。もちろん、ものによっては設定で内情を隠せるものもあるので、わからないものはわからないのだけれど、かなりいろいろなものが判定されるように思った。

他にも検出してほしいサービスがあれば要望が出せるようなので、今後も拡充されていくことが期待できる。なんといっても日本のサービスであるTrackfeedまで検出したし、けっこう頑張っているのかも。

また、それぞれの利用技術について、全体の何パーセントのサイトがそれを使っているか、という割合や、その技術を使っている他のサイトなども教えてくれるため、選定しようとしている技術の人気度合いや、他に参考にすべきウェブサイトなどがわかるのもうれしい。

あのウェブサイトはどんな道具を使ってできているのだろう、というのを簡単にチェックするのにとても役立ちそうだ。それに、ページにスクリプトが貼られているだけではなかなか気づかないような、自分の知らない面白いサービスを発見する手がかりにもなりそうだと感じた。

Wikiscanner - Wikipedia+なかのひと検索

Tue, 14 Aug 2007 00:00:00 +0000

via O’Reilly Rader

Wikiscanner(ウィキスキャナー)は、Wikipedia上の情報の書き換えをした人のIPアドレス記録と、企業や政府機関などのIPアドレスのつきあわせを行なってくれる検索サービスだ。日本語版も出た。

組織名や地名、またはIPアドレスの範囲などを入れることで、特定の組織から行なわれたWikipediaへの変更を列挙して得ることができる。

トップページ右側には、アメリカ政府の主要機関や、電子投票関連で悪評の出ているディーボルド社、フリーソフトウェア財団やアルジャジーラ、ヴァチカンなど面白そうな組織の検索がプリセットされている。

第三者を装って自社や自社に関係する記述を書き換えたりという問題がたまに出ているが、実際にその現場を掴むのはなかなか大変な作業だった。しかし、このサービスではそれがかなり簡単にされてしまっている。

IPアドレスと組織を結びつけるという意味では、なかのひと.jpと似た発想と言えるかもしれない。

サイトは、現在、アクセス集中でいくつかの機能が止められていたり、SQLのエラーが表示されたりする。紹介されたばかりなので、そのうちアクセスは落ち着くのではないか。

企業データ(これは申請で追加できるし、IPアドレスの範囲で指定することも可能)についても、Wikipediaのデータについても、アメリカ/英語のものしか対応していないかもしれない。日本語のページの更新情報を検索で出してみることができなかった。

Wikipediaのデータは手元にダウンロードできるので、日本語データについても同じことはやろうと思えばできるはずだ。隠されていたデータではなく、公開されているデータを組み合わせて興味深い結果を導くツールを作るという点で、秀逸なマッシュアップと言えるのではないだろうか。

# ちなみに僕の身長は176cm

[2007.08.15 追記]

さっそく、Fox News(保守的といわれるアメリカのテレビネットワーク)によるWikipediaの編集履歴を深く追跡するブロガーが出てきた。

[2007.08.17 追記]

ITMediaがAP電の翻訳を掲載

[2007.08.30 追記]

日本語版の紹介記事へのリンクを追加。

日本語版を使った人たちがいろんなところで大騒ぎしてるようだけど、会社のアドレスから編集したからって会社ぐるみとは限らないし、社員が編集したからって編集内容が間違ってるとも限らないんだけどね。なんか極端に走ってる気もする。

ロサンゼルス殺人マッシュアップ

Tue, 14 Aug 2007 00:00:00 +0000

via del.icio.us/popular

LAの新聞ロサンゼルスタイムズのオンライン版で公開された、ロサンゼルス郡の殺人記録のマッシュアップがこれ

最上部のグラフでは、週ごとの犠牲者数が出ており、週を選ぶとその週の事件場所が右の地図に表示される。“PHOTO"では、犠牲者の何人かの写真が出ている。

右下には犠牲者の氏名、年齢、人種、性別、死因が出ているが、あまりに"Gunshot”(銃で撃たれ)ばかりなのに驚かされる。

左側では、様々な絞込み条件を指定したり、検索したりすることができる。

今風のWebアプリケーションとしても非常によくできているが、扱っている内容のせいで、見ていると陰鬱な気持ちになってくる。しかし、可視化することで問題意識が広まるとすれば、これほど明白な訴えかけもないのではないかと思った。

その他のアレクサ関連Firefoxアドオン

Fri, 10 Aug 2007 00:00:00 +0000

About This Site(このサイトについて)アドオンなど、他にもAlexaの情報を取得表示する機能を持つアドオンは存在します。

また、AlexaのRelated Links機能を提供するアドオンとしてAlexa Sidebar AgainやMetaTagsがあります。

どのアドオンも、アレクサの統計データを表示するためにはアレクサに閲覧情報を送信しているので、公式でも非公式でも同じようにアレクサに一人分の閲覧データは送り込まれます。データ収集の内部仕様が変わらなければ、自分にとって一番便利なアドオンを使って問題ないと思います。

Sparkyが出る前から存在していたこれらのアドオンやSparkyによって、Firefoxのユーザの閲覧情報もアレクサの統計に反映されているといえます。また、FirefoxはMacOSXやLinuxなどでも動くので、Windows以外のユーザでもこれらのアドオンを使うことができるようになったわけです。

Pathtraq(パストラック)公開

筆者の所属するサイボウズ・ラボでは、8月8日に新しいトラフィック統計システムPathtraq(パストラック)をリリースいたしました。([更新] Pathtraqはサービス終了しています)

Pathtraqトップページ

アレクサの弱点や限界については、この連載でもいずれお話しする予定となっています。新サービスPathtraqは、それらの問題に対するサイボウズ・ラボからの対案です。

アレクサとパストラックでは、その内容や実現の仕組みに大きな違いがあります。詳しく知りたい方はぜひPathtraqのサイトや今後出てくるであろうニュース記事の解説をお読みいただきたいと思います。

一つだけ例としてあげると、たとえば、Alexaがドメイン単位での集計でしかなく、一つのドメインに異なる複数のウェブサイトやコンテンツがある場合にそれ以上の情報が見えてこないのに対して、Pathtraqではページごとのアクセスやページ間の遷移情報なども活用しています。

アレクサやその競合サービス(これらも今後紹介いたします)とは異なる、後発らしい工夫を盛り込んでありますので、ぜひお試しいただければと思います。ユーザ参加型のシステムですので、参加者が一定数を越えればかなり面白いサービスとなることでしょう。

今後の連載で、アレクサやその他の類似サービスの特徴について解説していきますが、そのときにパストラックについても必要に応じてお話させていただきます。

もしも神がプログラマーだったら

Thu, 09 Aug 2007 00:00:00 +0000

via Digg

はじめに、コンピュータがあった。ユニバーサルカーネルがロードされた。神は(パスワードを間違いつつも)ログインした。コマンドを打った「光あれ」

ということで、創世記がコンピュータを使って行なわれていたら、というパロディの力作。与えた欲望を撤回したり、やり直そうとしてディスク容量が足りなくなったりと、小ネタも効いている。

Pathtraq アクセスログ共有サービス

Wed, 08 Aug 2007 00:00:00 +0000

[更新] Pathtraqはサービス終了しています。記事中のリンクを外しました。

via 社内サイボウズOffice

サイボウズ・ラボから新しく登場したサービスPathtraq(パストラック)は、アクセスログを共有することでより実際に近い人気ページランキングを作るというサービスだ。

一般向け解説

技術者向け解説・開発者奥一穂氏の動機など開発裏話

Alexa(アレクサ)の統計がドメイン別の集計でしかないのに対して、ページ毎に集計を求めることができる。

また、URLを指定することで特定のURLから始まるページ間のランキングを得たり、複数のパターンで独自のランキングを作ることもできる。サイトのトップページにはいくつか面白いパターンが例示されているが、「解析オプション」の使い方に慣れれば、自分だけの切り口で面白いアクセス傾向や競合サービス間の優劣比較などができるため、ブログのネタなどにも有用ではないだろうか。

デフォルトの各ランキングも、個別に解析したランキングも、ブログパーツとして自分のサイトに貼り付けることができる。

当ブログの「定番」エントリのランキング

ちなみに、公開されたばかりでどうしてデータがあるかというと、サイボウズグループ内で試験運用されてきたから。今すぐ見に行くと、サイボウズグループ内からよく見られるページや、サイボウズグループの中の人に人気のあるニュースのランキングが見えてしまう。まあ、そのへんはすぐに新規登録ユーザのデータで薄まるはずなので少し待っていただければ。

ソーシャルブックマークのすばらしい解説ビデオ

Tue, 07 Aug 2007 00:00:00 +0000

via del.icio.us/popular

ソーシャルネットワークを手描きアニメーションと平易な英語で解説したcommoncraftが、こんどはソーシャルブックマークの解説ビデオを作ったようだ。

del.icio.usへの登録方法、ページをタグづけして記録する方法、ブックマークが与えてくれる「ソーシャル」な効果、の3点について、今回も手描きのアニメーションとわかりやすい英語で説明している。

全文の書き起こしがあるので、ビデオを見ながら読んだり、ビデオを見て英文を聴き取り、それが正しいか確認したりすることで、ITな英語の勉強にもなりそうだ。

また、この動画はdotSub.comという、一つの動画に複数言語での字幕をみんなでつけられるサービスにも上げられている。まだ日本語の字幕はついてないけど、日本語の字幕を作るのもいいかもしれない。

下に英語の字幕が入ったバージョンはこちら。

このcommoncraftという会社は、この紙を使った解説ビデオの作成を企業から請け負うというのもメインの仕事の一つのようだ。自分達のサービスの宣伝をするのにこれほどうまい手もなかなかないかもしれない。

(彼らに頼むかどうかはともかく、)日本から海外にプロモーションするときにもこういうビデオは良さそうだし、dotSubのようにユーザに翻訳を任せるサービス、(JapanizeやMylingualもそうなんだけど、)も知っておいて損はなさそう。

lolcat翻訳機

Mon, 06 Aug 2007 00:00:00 +0000

via del.icio.us/popular

lolcatといえば、猫の写真に(猫がしゃべったような)セリフをつける遊びで、Wikipediaにエントリができるぐらい流行している

「猫が喋ったような」とは言うけれど、本当に猫が話せるわけではないので、人間が想像した猫の話し方なんだけど、そこにはある程度決まった文法やスペルの間違い方というのがあるようだ。

「チーズバーガーをください」(“Can I have a cheeseburger?")が、“I CAN HAS CHEEZBURGER?“となる。

# 「チーヅバーガーあれよ」?

speak lolcatは、正しい英語の文章を、lolcat文に翻訳してくれるというサービス。英文を入れたら、猫のような間違い方をした文章を作ってくれる。

Blueprint CSSデザインのためのオープンライブラリ

Sun, 05 Aug 2007 00:00:00 +0000

via del.icio.us/popular

Blueprintは、複数人で開発されているCSSライブラリだ。

マルチカラムレイアウトを簡易なclass指定で実現するのが目玉機能らしい。

ブラウザ間のデフォルトスタイルの違いをリセットしたり、印刷用のスタイルを提供したりという機能も。

Yahoo UI libraryのCSSセットと共通するところが多いと思ったが、マルチカラムの指定方法はこちらのほうが直感的かなとも思う。

メジャーリーグ球団勢力図

Sun, 05 Aug 2007 00:00:00 +0000

via del.icio.us/popular

メジャーリーグの各球団が人気のあるテリトリーを地図化したものが紹介されていた。これはおもしろい。

これを見ると、ヤンキースとレッドソックス、カブスとカーディナルスのライバル関係がなんで激しいのかわかる気もする。(ジャイアンツとドジャースの球団境はそうでもないが)

ニューヨーク、シカゴ、ベイエリア、LAなどは2球団あるわけだけど、スタジアムの位置とか歴史的なものとかで、どのへんがどっちに人気あるかとかも決まってきているのだろう。興味深いと思った。

車で買い物に行ったほうが地球に優しい!?

Sun, 05 Aug 2007 00:00:00 +0000

via Digg

オンライン版Timesの記事での、とあるエコロジストの主張Walking to the shops ‘damages planet more than going by car’。

「歩いて店に行くことは、車を使うよりも環境に悪影響を与える」のだそうだ。

本文を読んでみると、「車を使うかわりに4.8km先のスーパーまで歩き」、「歩いたことで使ったカロリーを牛肉を食べることで補充」すると、車でスーパーに行って家でじっとしているよりはトータルの二酸化炭素の排出量が多くなる、ということらしい。

あと、運動するとカロリーを使うので体を動かさずに家でゴロゴロしてるのがエコだ、ともある。まあそりゃそうかもしれんけど。

4.8キロも歩いて買い物に行かないだろうし、わざわざ牛肉でカロリー取らなくてもいいじゃないか、という突っ込みは野暮なんだろうか。

タイトルと冒頭は釣りっぽいけど、輸送や冷房、肉食などの効率の悪さを指摘して、ローカルで取れたものを食べましょう、というのが本題、なのかな。

Unix基本のキ

Sat, 04 Aug 2007 00:00:00 +0000

via del.icio.us/popular

コマンド、デバイスファイル、ログファイル、設定ファイルなどの代表的なものを分類して、それぞれに最低限の説明を加えている。

Javascriptでできた倉庫番

Fri, 03 Aug 2007 00:00:00 +0000

via del.icio.us/popular

うむ。これはすごい。Sokoban en JavaScript

Javascriptでゲームを作ること自体は、以前ほどの驚きはなくなってきたし、日本語でも倉庫番の実装はいくつかありそうだ。

ただ、この人たちは問題を1000面以上(現時点で1115面だそうだ)用意したり、スキンを8種類用意したり、スクリプト自身の解説をしたり、問題の作成方法を解説したり、サイトやブログに貼れるようにしたり、と、倉庫番に対する情熱が半端じゃない。

またマニアックに難しいんだこれが

Scrollovers リンクに新しいホバリングスタイルを

Fri, 03 Aug 2007 00:00:00 +0000

a.scrollover {
/* Default Colour/Styles here */
color: #001BC2;
}
a.scrollover em:first-line {
/* Rollover Colour/Styles here */
color: #FF2428;
}

こんな風なリンク効果を実現するJavascriptのライブラリ

リンクにクラスを指定するだけ。

Statetris こんどはヨーロッパでテトリス

Fri, 03 Aug 2007 00:00:00 +0000

via del.icio.us/popular

この前紹介した、アメリカ本土48州でやるテトリス風フラッシュゲームの、こんどはヨーロッパ諸国版

国名無し、回転有りのHardレベルはほんとに難しい。

もし90年代にDiggがあったら

Fri, 03 Aug 2007 00:00:00 +0000

最新の人気ストーリーはクリントン大統領の弾劾について(モニカ・ルインスキー事件だね)。ダンシングベイビーとかOJシンプソン事件とか。

デザインもちゃんとガチガチテーブルレイアウト風(ボーダーもデフォルトのまま)になっている

日本版(はてなブックマークかな)を誰か作ると面白いかもしれない。

via Digg

記事に適当な写真が添えられていても、結構気づかないものかもしれない

Fri, 03 Aug 2007 00:00:00 +0000

via Japundit

新華社通信の英語版にある記事らしいのだけど、動脈硬化を引き起こす遺伝子の発見がどうとかいう記事についてる頭部X線の写真が…

こ、これは…

[追記] 問題のニュース記事から写真が消されたようだ。

Googleマップがマイクロフォーマット(hCard)に対応

Wed, 01 Aug 2007 00:00:00 +0000

Google Developer Blogで、Google MapsのhCard対応が発表された。

Googleマップの「お店やサービスを検索」で出てきた検索結果のそれぞれに対して、microformatsの中のレビュー用フォーマットhCardのクラスが付与されている。

FirefoxのアドオンTailsなどを使えば、ページ中の住所や電話番号を簡単に一覧することができる。テキストとして取り出したり、他のサービスへの入力に流すことも可能だ。

Firefoxにはその他のmicroformats用のアドオンが多数あるし、IEやSafariでもブックマークレットである程度使うことができる。

Google Mapsの作り上、(あとたぶんデータ保護の観点からも、)Javascriptで処理された後のHTMLソースでないとhCardの要素やデータは見えてこない(ブラウザの「ソースを見る」ではなく、Web Developerアドオンなどを使って描画後のソースを見ないと見つからない)。

描画終了状態からJavascriptでいろいろとデータの再利用をしてみるのが、このhCardのメインの活用方法となりそうだ。