2002-11-02[n年前へ]
■サムネイルWEB 
Linuxで動くいいものが見つからなかったので、Windows上でWEBページのサムネイルを作成するプログラムを適当に作ってみた。そして、自宅の常時接続マシン上でそのソフトを動かし、定期的に作成したWEBサムネイルをサーバーにアップロードし、表示してみることにした。更新チャックのアンテナと連携させたりや、表示周りもzphotoなんかで派手に表示することを目指しているのだけれども、まずは動作試験中。まだまだ動作がおかしいし、デザイン的にもとりとめがないのはご容赦を…。
ところで、この作業中に思ったことがMac OS Xのドックはデザイン的によくできている、ということだった。何故なら、拡大中の写真は隣り合う写真の大きさの３倍より小さくなければ操作性が良くない。もし、それより大きいと隣の写真を隠してしまうからである。すると、操作性が非常に悪くなってしまう。例えば、zphotoのサンプル写真集を見ればそういう欠点が判りやすいと思う。
とはいえ、「拡大中のサムネイル」が「小さいサムネイル」のたかだか３倍程度の大きさでは見にくいし、逆に「小さいサムネイル」の大きくするとそもそも並んでいる「小さなサムネイル」の数を多くすることができないのである。というわけで、マウスからの距離に応じて、サムネイルの大きさを連続的に変えていくことは見栄え以上に操作性（隣の画像の見通しの点で）素晴らしいと思うのだった。
■WEBページのサムネイル
以前、Girafaの時も探したのだけれど、今日も「WEBページのサムネイル化ツール」を探してみた。まず、見つけたのはABCDrawHTML。これはWEBページのサムネイルを作成して、画像をストリーミングするライブラリーなのだけれど、Windows用だった。それなら自作ですますのである。
で、次に見つけたのがThumbnail Server。だけど、これもやっぱりWindows95上で動いている。というわけで、まだまだLinuxで動くモノを検索中…。（リンク）
2002-11-04[n年前へ]
■検索サイトAlexa
Google検索エンジンを使って、なおかつサムネイル画像がついている、ということでAlexaは面白い。ここで、Alexaで"hirax.net"を検索したりすると、「hirax.netにくる人が他にはどんなサイトを読んでいるか」とかが表示されてとても面白い。しかし、Pythonがらみが多いのはちょっとナゾなのである。
ところで、ドメインのContact Infoまで表示しなくても良いのに、と思ったりする。だって、女性でドメインを保持してる人だとかなりイヤだろうと思うもの。これじゃぁ、ウソっこを書きたくなるだろうなぁ、ふつう…。ねぇ？
それはともかく、Alexaで"www.tomoya.com"を検索したりすると、実に納得で良くできているなぁ、と感心します。Alexaを知ったきっかけはSlashdot Japanの某スレッドですが、他にもkartooやallthewebなんていう検索サイトも挙げられていました。kartooも面白いですね、表示周りとしては。
■WEBページがキオスクになる日 中編
hirax.net風 「WEB＆雑誌の立ち読みコーナー」
前回、「WEBページがキオスクになる日 前編 - 東スポ・レイアウトでいこう-」で新聞社や雑誌のWEBページはいずれ「東スポ」みたいなレイアウトになっていくハズなのだー、と予想してからもう一年半も過ぎた。いずれ検索サイトの結果表示は「イメージを湧かせ易いサムネイル表示」になっていくのが自然だろうから、それに対応してWEBページの作り方もサムネイル表示を念頭においたものになっていくに違いない、と考えたのである。そして、そんな暁にはWEBページのデザインは東スポのようになっていくに違いない、と思ったのだ。つまり、ページのトップには目を惹かれる大きな写真と、興味を惹かれずにはいられないキャッチーなフレーズが大きく配置されるに違いないと思ったのである。
 |
もちろん、ここまでトリッキーな配置は一部裁判所にすら嘘つきのライセンスを保証されたことがある（東スポvs三浦和義名誉毀損 裁判の一審で、「東スポがウソを書きまくるのは明らかなので、何を書いても名誉毀損にはならない」と裁判所に認定されたことがある）東スポくらいにしか許されないことだは思うが、特にニュースを報道するようなWEBページはもっと目を惹き心を惹くようなビジュアルなレイアウトになっていくに違いないと思ったのだった。
しかし、前編をアップしてから一年半も過ぎたのだけれど、一向にそんな気配はないのである。サムネイルを表示してくれる検索サイトもまだまだ主流とは言えないし、検索されるWEBページの側だってページのトップにはテキストだけを羅列しているだけのところも多い。
例えば、下に示した「東京新聞」の例を見ればそれがよく判ることだろう。トップページには各ニュースの内容を説明する短いテキストだけが配置されている。読者はその短いテキストの内容を読んで、さらに詳しい内容を読むかどうかの判断をしなければならない。また、そのニュースの重要度は一見したところでは判らないのである。
それとは逆に、下の右側に示したCNNの例では非常にビジュアルな配置になっている。ニュースを説明する写真が大きく配置されているし、重要なニュースは大きく配置され、そうでないものは小さく配置されている。レイアウトをする側は苦労するとは思うが読む側からすると非常に読みやすい。テキストを読んでイメージがもりもりと湧くようなタイプの人はともかく、ワタシのように雑誌でもなんでも斜め読みをして、ましてや英語の論文なんか図や画像を眺めて読んだつもりになるタイプの人間にはこのCNNスタイルは非常に読みやすいのである。（いや、読まずに眺めているだけなのだが…）
ニュースを説明するテキストだけが配置されている  | ニュースを説明する写真が大きく配置されている  |
そして、一番素晴らしいのがやはり本家スポーツ新聞のWEBページである。そこにはちゃんと当日の新聞の最新版の画像が配置されているのだ。その最新版の画像はやはりとても目を惹き、内容もとても判りやすいのである。実際のところ、それはWEBページでもなんでもないわけなのだが、その日のスポーツニュースを一見して判るという点ではとても素晴らしいのだ。
 |  |  |
とはいえ、残念ながらこんなビジュアルな例はとても数が少なく、ほとんどのニュースWEBページは単なるテキストの羅列だったりするのである。そしてそれは読まれるWEBページ側だけの話だけでなく、WEBページへたどり着くまでの過程だって、やはり同じようにとても非ビジュアル的なのである。
例えば、ワタシはWEBページを読みに行くときにはWebページの更新チェッカであるWWWCを使っている。その動作画面は下に示してみたような感じで、基本的に更新されたサイト名の羅列になる。また、例えばはてなアンテナのような同じような更新チェックアンテナの場合だって、基本的には更新サイトと更新内容がテキストで羅列・表示されることになる。
 |
こういうツールを使って、WEBページを読んでいると、いつのまにやら、「更新されているから読みに行かなきゃ」というような気持ちになっていることに気づくのである。まるで、義務感のような気持ちを（ほんの少しではあるけれど）植え付けられるような気持ちになるのだ。すると、チャップリンのモダンタイムズではないけれど、何やら自分が歯車の中で機械的にマウスをクリックしているような気になってしまうのである。これはちょっとイヤなのだ。携帯メールのテキストを駆使するようなニュータイプ、テキストから内容がすぐ理解できるニュータイプとは違い、ワタシのようなビジュアル重視タイプにはこういうテキストの羅列をクリックしていく作業はちょっと苦手なのである。
ワタシはもっと違う気持ちでWEBページを読みに行きたいのだ。ページに目を惹かれ、思わずマウスをクリックしてしまうというような気持ちになりたいのである。特に、比較的画像を多く配置しているような新聞やPC系ニュースサイトを読みに行くときには、「その大雑把な見た目＝大雑把な内容」を眺めて、その内容に惹かれてそのページを読みに行きたいのである。各ページへのリンク箇所には各ページの大雑把な画像つまりサムネイル画像か何かが表示されていて、そのサムネイル画像を眺めて判断してから各ページへ読みに行く、というようにしたいのである。キオスクやコンビニの雑誌コーナー新聞コーナーで、雑誌の表紙や新聞の一面を眺めて思わずそれらに手を伸ばすように、WEBページのサムネイル画像を並べて眺めてから、思わずそこのページへ飛んでみたかったりするわけなのだ。
必要は発明の母というわけで、試しにhirax.net内にそんな「コンビニの雑誌コーナーのようなアンテナを作ってみたい」と考えて、まずはWindows上でWEBページのサムネイルを定期的に作成するソフトを試しに作ってみた。このソフトを動かして、定期的にニュースサイトの各ページのサムネイル画像を作成し、DT_FTPのような定期的にサーバーにファイルを転送するソフトと併用することで、サーバー上にいつも最新のWEBページのサムネイル画像を置いておくというようにしてみた。例えば、その画像を利用したニュースサイトへのリンクがこの下に配置されているものである。テスト用なのでまだまだリンク数も少ないし、（拡大したときの）サムネイル画像も少し小さめだし、更新チェック・アンテナとの連携もしていなかったりするけれど、それでもワタシの「こんなのが欲しい！」という大体のイメージは掴めることと思う。そしてまた、スポーツ新聞や各雑誌の最新号表紙へのリンクも貼ってみたので、それらを眺めればコンビニで眺めるような雑誌棚のイメージが湧くハズである。
今は残念ながらテキスト羅列のリンクが多いのだけれど、いずれ「雑誌、ニュース系のWEBページへのリンクはこんなサムネイル画像タイプが主流になるハズなのだ」と前編に続き中編の今回もまた外れそうな予想をするところで話を終わらせてみたいのであるが、それにしてもそれにしても「テキストだけでもちゃんと頭の中に入ってくる」タイプの人が少しうらやましいと思うのである。これからは、やっぱりそんなニュータイプの時代なんだろうか？だとしたら、こんなサムネイルタイプは主流にはならないのかな？どうなんだろうな？
■WEBページがキオスクになる日 中編
の更新に伴い、WEBサムネイルリンクのテスト用のリンクはそちらへ移動しました。「おもーーーーーーーーーーーーーーーい」と怒りメールを送ってくる方もいますしね。
さて、今回作成した「定期的にWEBページのサムネイル画像を作成するソフト」の面白い使い道などを考えついて、しかもそのアイデアを自分ではやらないかもなんて人がもしいたら、私まで教えて頂けるとうれしいです。
ちなみに、ページ内で使っているバージョンは15分おきに更新するようにしてあるのですけど、この配布用にサーバに置いたものは一時間おきに更新するように固定してあります。また、HTMLコードを自動生成する部分も殺したバージョンにしてありますが、何か面白いことをされる方がいらっしゃいましたら別途ご相談ということで。
ソースごと置いても構わないのですけれど結構他のサイトに迷惑をかけるソフトだし…ということで。
」など。