2000-12-17[n年前へ]
■9人の女神はピンク映画の夢を見るか？ 
WEBの画像の色分布を調べよう
「お笑いパソコン日誌」の「2000/12/4 今日のネタ・パッチワーク」で、「エクスプローラーが作るブックマークのサムネイル」の話が書かれていた。「うんうん、そうなのだ。」と思ったネタだったのでちょっと引用してみると、
| １日の Dekirukana?? Diary に、favicon.ico のパッチワークという話が書かれていた。実は私も、似たようなネタをだいぶ前から抱えている。ただしこちらはアイコンではなく、左図のような、エクスプローラーが作るブックマークのサムネイルを使うつもりだった。 （中略） そんなわけで、この企画は投げ出したままになっているのだけど、もともとの意図はパッチワークを作ることにはなかった。私がやりたかったことは、ポルノサイト、ニューズサイト、アニメサイト、女性タレントサイトといった具合に、それぞれ代表的な10個ぐらいをサンプリングし、サムネイルの中で使われている色の分布を調べることだった。当然、グラフ化してサイト別の特徴を調べるのが目的である。おお、なんかまるで「できるかな?」みたいなネタやんけ、と思われただろう。まったくその通りである。ただ、大きな違いは、私の場合、ざっとサムネイルを見ただけで、おおむね予想された結果に近いとわかった時点で終わってしまうことであった。わははは（嘆息）。 |
という内容である。そうそう、私もやはり同じようなことをずっとやりたかったのだった。WEBページを小さな画像にして、それを何らかの色空間の中で再配置してみたかったのである。そして、その色空間の中でのWEBページ達の配置を参考にして、大きな画像をパッチワークで作ってみたかったのだ。
結局のところ、私はやはり最終的に一つの画像をパッチワークで作ってみたかったのだ。それはパッチワークという言葉を使うより、モザイクという言葉を使った方がずっと良いだろう。きっと、その方が私の作りたい画像のイメージが伝わりやすいに違いない。そう、私はMosaic等から始まったWEB空間を、「小さなWEBサイト達で点描写することで一つの大きなモザイク画像として描いてみたかった」のである。
ここまで読んで、「それってMosaicとモザイクをかけただけの、ただのダジャレ？」などと言ってはイケナイ。ホントのところは全然知らないのだが、Mosaicを作ったMarkAndreessen達とそもそもMosaicの語源であるミューズ達もきっとそんなモザイク画像を心に思い浮かべていたに違いないのである。全然根拠はないのだけれどそう思うのである。チョットだけそう考えてみれば、誰にだってそんあモザイク画- 一つ一つの点を眺めているとそれらは小さなWEBページだけど、遠く離れてみると何やらぼやけて大きな一つの画になるモザイク画- が見えてくるに違いない、と私は思うわけだ。
さて、お笑いパソコン日誌のおかげでIEのThumbnailsViewを使うという面白い方法が見えてきたわけではあるが、いきなり「WEBページのモザイク画像」に挑戦するのもキツイものがある(いや、私にはね)。そこで、今回はWEBページで使われている画像の色分布を調べてみることにしようと思う。WEBページ内には写真が多く使われているわけで、それらの写真がモザイク画像を作ることができるほど色々な色合いを持っているかどうかを調べてみるのである。
今回行う手順はこんな感じだ。
- WEBサイトから画像をゴッソリと収集する
- 低機能解析ソフトでそれらの画像の色分布を解析する
- とりあえずそれを眺めてみよう
 |
まずはローカルディスクの適当なフォルダに画像ファイルを保存しておく。そして、このMosaic(ニセモノ)でそのフォルダ内の画像を全部読み込んで、それらの各画像の色を調べるのである。本来は、それぞれの画像の特徴色(っていっても意味不明であるが)を抽出したりする方が良いのかもしれないが、今回は簡単のために各画像内で色味をテキトーに平均した結果を用いた。
このソフトの目的はあくまでモザイク作成(しかし未実装)なので、何の役にも立たないボタン(というより動くボタンがLoadFolderボタン一つだけ…)や領域があるが、それはそれいつものことなので気にしないで欲しい。というわけで、これ
である。いつものように、色々な画像フォーマットの画像を読み込むためにはSusieプラグインが必要である。 これを使って、例えばカラフルフリースで絶好調のWEBサイトwww.uniqlo.comで使われている画像をゴッソリとゲットして、それらの画像をMosaic(ニセモノ)で解析してRGB色空間で眺めてみた結果はこうなる。赤い点がいっぱいあるが、その一点一点が一枚の画像の平均の色味なのである。
 |
といっても、三次元のRGTB色空間を平面のグラフでこんな感じで眺めてみてもワケわからん状態なので、Red-Green平面、Red-Blue平面で眺めてみたのが次の二つの図である。
 |  |
こんな風にしてみてもやはり同じワケわからん状態かもしれないが、もうひとつGreen-Blue平面を眺めてみると何やら面白い様子が見えてくる。
 |
そう、実は「緑と青」はあまり独立ではないのである。結構相関があるのだ。青が強けりゃ緑も強い、というわけで一緒に動いているのである。ということは、「青も緑も多い青緑」や「青も緑も少ない赤」は多いがそれ以外の色は少ないということである。ユニクロのWEBで使われている写真は実は青緑・赤指向が強いのである。ところで、ユニクロのWEBで使われている写真はユニクロのフリースなどの製品の写真がほとんどである。ということは、ユニクロのフリースは青緑・赤指向が強く、青純色とか緑純色の色は実は少ないということになる。
それが端的にわかるのがa*b*平面で表示させてみた場合である。a*方向すなわち赤色方向は多いのに対して、b*の小さい方向つまり緑方向などには妙に点がないことがわかるだろう。今のユニクロは緑を何故か避けているのである。緑の純色のフリースは人気がないのだろうか？う〜ん、不思議なところだ…
 青○は色味のないa*=0,b*=0の点 |  |
いや、そんなことはどうでもいい。別に私はユニクロのフリースを買う予定があるわけでもないし、ライバル社の社員でもないのである。色と言えばもっと他の種類のサイトを調べてみなければならないだろう。
そう、それはもちろんエロサイトである。カラフルなユニクロももちろん興味深いところではあるのだけれど、色と言えば、何はともあれ色気タップリのお色気サイトを調べなければならないだろう。
そこで、国内某エロサイトからエロエロ画像を根こそぎゲット(収集)してそれを解析してみたのが次の結果である。ハイ、ゲットしまくった結果です。
 青○は色味のないa*=0,b*=0の点 | |
とりあえず結果を眺めてみると、この国内某エロサイトにある画像では青・緑方向の色はほとんどないのである。ほとんど赤から黄色にかけての色なのである。Lすなわち明度は高いものが多かったので、結局のところは明るい赤から黄色にかけての色が多い、ということになる。
明るい赤と言えば、それはもちろんピンク色というわけで、私は「なるほど！だからピンク映画なのか！」「エロはやっぱりピンクなのか！」とチョット思ったりしたわけである。しかし考えてみれば、英語ではスケベ映画のことをbluefilmて言うわけでこの説には全然説得力がないのだった。
しかししかし、である。もしも、英語圏のエロサイト内のエロ画像では青方向に色味が強いのだったら、英語でスケベ映画のことをbluefilmと呼ぶ理由が説明できるのではないか、と私は考えてみた。もう少し細かく書いてみると、エロと言えばやはりヌードなわけで、それすなわちスケベ色= 肌色である。日本人の場合それが
肌色 = ピンク色で、肌の色が白くて静脈が透けまくりの白人であれば、
肌色 = 青色であるというのもそれほど不自然ではないし、だとしたらピンク映画 = blue filmであっても良いだろう、というわけだ。
もし、白人の場合「肌色 = 青色」だったりするとしたら、英語圏のエロサイト内のエロ画像では「肌色= 青色」を含みまくりというわけで、青方向に色味が強いということがあっても不思議ではない。
というわけで、さらに英語圏某エロサイトからエロエロ画像をまたもや根こそぎゲット(収集)してみた結果が次の結果である。別に私はエロエロ画像をゲットすることが目的ではないので、やましいところはないと思うのだが、やってることは「何だかな〜」状態である。
 青○は色味のないa*=0,b*=0の点 |  |
さてさて、英語圏某エロサイトからエロエロ画像をゲットして解析してみた結果は「英語圏のエロサイト内のエロ画像では青方向に色味が強い」なんてことは全然無くて、むしろ青みは少ないのだった。というよりやたらに黄色が強いのである。とりあえず、エロエロ画像には青色や緑色はほとんど無いといっても良いようである。
ところで忘れている人も多いかもしれないが、今回の目的は「WEBページ内の写真がモザイク画像を作ることができるほど色々な色合いを持っているかどうかを調べてみる」ことだったのである。別にエロエロ画像を根こそぎゲット(収集)したり、それをただひたすらに眺めることではないのである。
というわけで、その観点から見てみると
- ユニクロサイトの画像には緑がなかったり、
- エロサイトのエロエロ画像には青や緑がなかったり、
ところで先に少しだけ書いたが、モザイクすなわちMoisacの語源はギリシャ神話の中の学問・芸術をつかさどる9人の女神Museである。ネットワークを学問・芸術をつかさどるMuse達が動かしているわけだ。Muse達が色々な思いにふけったり、楽しんだりしながら動かすネットワークの中をMosillla= Mosaic Gozilla達が動き回っているなんて考えると、とてもワクワクしたりはしないだろうか？ギリシャ神話は遠い昔の話なのではなくて、今私たちの周りに満ちているような気がしたりするのである。
2001-02-11[n年前へ]
2001-03-20[n年前へ]
■GIRAFA 検索結果をサムネイル表示
以前、「WEBページを検索した時、その検索結果を小さな画像（サムネイル）で表示してくれるのって便利だと思わない？」と聞かれた（というかやってみない？とアドバイスされた）ことがあった。結局、なかなか進まなかったのだけれど、こういう便利なソフトは当然のごとく出てしまったようです。便利便利。ただし、ルートページ問題がなくなれば。ってことで、期待 > 研究中の方。
いまは、GIRAFAが作る画像キャッシュファイルでちょっと遊んでいるところ。from お笑いパソコン日誌（リンク）
2001-03-25[n年前へ]
■WEBページがキオスクになる日 前編
東スポ・レイアウトでいこう
以前、「WEBページを検索した時、その検索結果を小さな画像（サムネイル）で表示してくれるのって便利だと思わない？（というかやってみない？)」とアドバイスされたことがあった。目的のキーワードで検索をかけた結果が一覧で表示されても、そのテキストのみの結果からは全然イメージが湧かない、というのである。なるほどなぁ、と私は思いながらも、その「WEBページの検索結果をサムネイル表示する」というアイデアを簡単に実現するにはどうしたら良いかがなかなか思いつかなかった。どこかの検索エンジンを利用して検索を行って、その結果に対してさらにサムネイル表示を加えてみようなどとも挑戦してみたのだが、サムネイル表示のために利用しようとしたThumbnailsViewのThumbCtlを使ったプログラムが何故かWindows2000上では上手く動作しなかったりして、なかなか進まないままだった。
もちろん、自分のサーバーでもあるhirax.netの中の全文検索結果にサムネイル表示を加えることは簡単にできるだろう。しかし、hirax.netにある「できるかな?」の各ページはあまりグラフィカルというわけではないのである。ほとんどのページで、少なくとも先頭近くはほぼ文章だけで占められている。すると、サムネイル表示すると下のような感じになってしまう。
 |
このような表示だと、テキストのみの検索結果に対して「結果からイメージを湧かせる」という点ではさほど優位に思われないのである。hirax.netは比較的画像を多く使っているサイトであるとは思うのだけれど、それでもやはりページの内容が文字主体であるため、サムネイル表示を上手く活用する方法が考えつかなかったのである。
実際のところ、私が頻繁に見に行く他のサイトでも文字主体のところが多いので、自分自身の用途としてはなかなかWEBページのサムネイル表示は活用できそうになかった。
しかし、周りを見わたして考えてみればそんなWEBサイトばかりではないのだった。もしかしたら、「文字主体の読み物」を読んでいる人は実は少数派で、そうじゃない人やそうじゃないサイトの方が圧倒的に多いのかもしれない。少なくとも、企業のWEBサイトは良くも悪くもグラフィカルなページの方が圧倒的に多い。そして、そんなサイトに対して「検索結果をサムネイルで表示する」ことでどんなに「結果からイメージが湧くか」を実感させてくれたのが、お笑いパソコン日誌経由で知ったgirafa(http://www.girafa.com/)である。実際の例を示してみると、化粧品(cosmetics)というキーワードで検索をかけた時
この二種類の結果から受けるイメージの違いはやはり大きい。
girafaを使って化粧品をキーワードにして検索結果をサムネイル表示させた場合は、もう化粧品のパンフレットのような感じで文字なんか読まなくても、イメージが頭の中に入ってくるのである。言葉の壁もなんのその、文字を読む必要もないのである。なるほど、私のように文字主体のWEBサイトばかり読んでいるものには判らなかったが、ファッション関係のWEBサイトを検索する女性にとっては、「検索結果のサムネイル表示」はとても必要とされそうである。
もちろん、それはコスメ用品を検索しまくる女性だけでない。エロ・エロ・キーワードを片手に検索をしまくるエロゾンビたる男性達にもとてもありがたいものとなるに違いない。例えば、こんな風にエロ・エロ・キーワードで検索をかけたりすると、その結果なんてもうイメージ湧きまくり状態になる。もちろん、この検索結果もここに張り付けて、その効果とイメージを共に分かち合いたいくらいなのであるが、そんなことをしたらこのページまで18禁扱いされないし、私を誤解する人も出てきそうなので、残念ながら止めておく。（いや、違った。全然残念ながらではないか。）
このgirafaは検索結果をサムネイルで表示してくれるだけではなくて、InternetExplorerのサイドバーとして自分の好きなリンク集をサムネイル表示させておくこともできる。例えば、下の画面左に表示されているのがgirafaのサイドバーである。
 |
さて、冒頭で「文字主体のサイトではサムネイル表示では効果が少ないのではないか」と書いた。しかし、それは実はサムネイルの画像が粗い場合の話であって、実は文字主体のサイトでもサムネイル画像の情報量が多い場合には、それは必ずしも正しくない。実際、girafaの作成するサムネイル画像はかなり高品質なので、WEBページの頭に大きな文字があれば、それもちゃんと読むことができるのである。
試しに、girafaとThumbnails Viewの作成するサムネイル画像の違いを並べてみると、下のようになる。
 |
 |
この記事のタイトルが読めることの効果は非常に大きい。例えば、誰しも駅のキオスクで実際の新聞を買おうとする場合には、一面のトップの記事のタイトルを見て、どの新聞を買うかを決めるということも多いはずである。少なくとも、私の場合はそうだ。目を引く記事のタイトルがあれば、その新聞を買い、そうでなければ買わないというやり方である。
それと同じで、girafaでニュースサイトのリンク集を表示させているような場合には、興味がある記事がトップにあればそのリンク先へ飛んで、そうでなければわざわざそのサイトへ飛んだりはしない、という風な使い方になってしまいそうなのである。つまり、girafaでサムネイル表示されているリンク集というのは、ほとんどキオスクで折り畳まれた新聞の一部が見えているだけの状態と非常に良く似ているのである。girafaのサイドバーとキオスクに並んでる新聞はとても感覚的に近いのだ。そういう感覚的な近さというのは、きっととても大事なことだとも思うのである。
このgirafaみたいな便利なモノはきっと普及することだろう。girafaがベータ版でなくなって、ちゃんと動作するようになれば普及しないわけがない。そして、誰もがそんなサムネイル表示された新聞社のWEBサイトを見るようになった暁には、新聞社のWEBページは絶対東スポ方式にすべきだと私は思う。サムネイル画像には大きく、「川崎麻世・カイヤ、離婚」という文字が見えるのだが、それをクリックしてそのページに飛ぶと、その下に「回避」という文字があって、実は「川崎麻世・カイヤ、離婚回避」という記事だったというようなやり方だ。あまりやりすぎるとオオカミ少年になってしまう恐れもあるが、まぁそんな新聞WEB記事も面白くていいんじゃないのかな、と思ったりするのである。二十一世紀は東スポスタイルが大流行するハズなのだ。
しかし、ホントのところ二十一世紀になってもやっぱり東スポや噂の真相ってあるんだなぁ。当たり前かもしれないけど、鉄腕アトムの時代もやっぱり東スポや噂の真相ってあるんだなぁ。ちょっと不思議な感覚だなぁ。
2002-02-03[n年前へ]
■映画のフィルムを並べたスクラップ
映画大好きの「元」少年少女達へ
先日、「お笑いパソコン日誌」で3次元画像ブラウザ「みょう絵」というものを知った。画像ファイルを日付や色の特徴などで三次元空間に並べてみる、というソフトだ。下の図がその「みょう絵」の動作画面だけれど、こんな風に三次元空間に配置された画像が散らばる中を「みゅぃーん」と動く感覚が結構気持ち良い。
 |
で、その「みょう絵」をいじって
欲を言えば画像だけでなくて、色んな文章や音楽や気持ちとか、世の中のありとあらゆるものをこんな風にして眺めてみたいなぁ、と思った。あのころ撮影した写真や、眺めた景色や、読んだWEBサイトや…、とにかくありとあらゆるものを。と思った。すると、「お笑いパソコン日誌」のChic氏が
余談ですが、Windows XP はムービーファイルをサムネイル化してくれるんですが、あらゆるファイルをそうしてくれればいいのにと思ったり。と書いていた。それを読んで、「みょう絵」で一本の映画の中を覗いてみたいなぁ、と思ったのである。
映画が展開していくそのストーリーの時系列と、その中の色々な各舞台を三次元的に眺めてみたいと思ったのだ。そして、さらにはその映画の世界の中を三次元的に散策してみたいと思ったのである。
もちろん、それは映画の動画ファイルを静止画に展開して、それを「みょう絵」で開けばよいだけの話である。以前、動画ファイルを静止画に展開するアプリケーションを作ったこともある。
とはいえ、それを使って映画をキャプチャーしたファイルをそのまま静止画に展開するわけにはいかない。そんなことをしたら、ものスゴイ数の静止画ができてしまうからだ。1秒あたり約30枚もの静止画を含む動画をそのまま静止画に全部落としたら、一体どれだけのファイルができるだろうか？たった2分位の映画の予告編だって、展開したら何と3600枚である…。これだけの画像を読みこませたら、少なくとも私の遅いPCでは「みょう絵」がストライキを起こすことは確実だ。
そこで、映画の動画ファイルの中から、場面が変わるごとに一枚づつ静止画を抽出してみることにした。そうすれば、映画の中の色々な場面をそれぞれ一枚づつの画像として眺めることができる。そして、その画像を集めれば、その映画の色々な場面を一枚のノートにして見ることができるわけである。
というわけで、作ってみたのがこのAVI2Stillsである。いつものように、テキトーに仕立て上げただけだ。下の図がAVI2Stillsの動作画面である。ちなみに、この画面中で、TrigerLebelは場面変化を検出する感度を示すパラメータで、多分60位が適当だと思う。そして、SkipFrameは動画ファイルの中を何フレーム毎に調べていくかを示すパラメータである。展開スピードが気にならなければ1でも構わない。
 |
このソフトができたところで、試しに - ロケット制作に憧れる少年達を描いた「遠い空の向こうに」"OctoberSky"( = 原作 "Rocket Boys"のアナグラム) - の中の各場面を抽出してみたのが下のスクラップである。予告編の中の各シーンが絵コンテのように抽出され、並べられていることが判ると思う。
 |
こんな風に自分の好きな映画の場面を全部テキトーに抽出して、あとは「みょう絵」で眺めてみれば、その映画の世界を三次元的に散歩できるのである。というわけで、北村薫原作の映画「ターン」の予告編の世界を「みょう絵」で眺めてみたのが下の図である。
 |
静止画では判りにくいけれど、立体的に配置された「映画空間」の中を散策してみるのは、やはりちょっと面白い。これで、欲を言えば各場面に近づくとその場面で流れていた音楽やセリフが聞こえてきたら、面白いと思う。それは、ムソルグスキーの「展覧会の絵」のようで気持ちが良いはずだ。そして、そうすれば気持ちが良いだけではなくて、今の「みょう絵」に足りない「画像だけではない何かをも眺めること」ができるわけだ。
またせっかくだから、「みょう絵」で眺めて終わりにするのも少しもったいないので、以前作った写真アルバム風のスクリーンセーバー"FilmStrip99"(手元のWindows2000では手直しが必要みたいだが…)で、白黒写真のコンタクトフィルム風のスクリーンセーバーを動かしてみた。それが下の画像である。映画のフィルムでなくて、写真のフィルム風だというところはご愛敬で許して欲しい。ちなみに、下の一連の画像は"SomeoneLike You"「恋する遺伝子」の予告編から変換したものである。
こんな風に自分の好きな映画の予告編などを使って自分用のスクリーンセーバーを作ってみるのも面白いと思う。今なら、たくさんの映画の予告編にオンラインでアクセスできるし、その予告編の動画ファイルがもしmov形式ならmov2aviを使って、それがもしrealvideo形式ならTinraを使えば、AVIファイルに変換できる。そして、今回のAVI2Stillsを使えば良いだけなのである。
 |
ところで、こんな切り取った映画のフィルムを繋いだ一連のシーンといえば、ニューシネマパラダイスのラストシーンを思い出す。アルフレードの遺品、「主人公が覗き見ていた一連の場面」を繋いだシーンのフィルム、に主人公が涙したように、かつて少年少女だった映画大好きの人達がそれぞれ自分用のそんなスクラップフィルムを作ってみるのも面白いかも、と思う。そして、ふと思うことがあった時に眺めてみるのも、趣があるかも。
」など。