Project Bashoのホームページ

昨日からひたすらウェッブサイトのコードを眺めている。

いろいろイベントを始めた為にスタジオで行われている一連の活動をウェッブサイトで簡単に知らせることが必要だと前々から思っていた。今までのデザインだとホームページからもう一階層入っていかないとスタジオで何が起っているかわからなかった。しかも各階層は暗室やらワークショップやらといろいろ分かれていて全ての活動を一目にすることができない。これを解決しようとしている。

基本的にホームページはとてもシンプルにできていてそのシンプルさがあまり人を惑わすことなくうまくいっていると思っている。そこにいろいろなイベントの情報を空白に入れていくのは最悪の方法であろう。何せ情報が整理されていないサイトほど見苦しいものはない。これはGoogleなどがホームページを変えない理由でもある。最初のページはシンプルで残しておきたい。

新しいページを作りいろいろなイベントの情報を載せホームページからリンクする方法がある。これは一般的で最も妥当な方法であるような気がした。ただ問題なのはホームページはナビゲーションとして機能していてここから訪れた人の興味のある部分に進むことができる。つまりこのホームページにまた戻ってくる必要がでてくる。そして僕はもっと瞬間的にイベントの一覧表を見せたいと思っていた。

リンクよりもっと瞬間的なものとしてポップアップウィンドウがある。クリックすることによって新しいウィンドウが現れるわけだ。この利点は最初のページがそのまま残っていることだ。ホームページがナビゲーションとして機能している以上これはとてもよい解決方法である。問題点はポップアップウィンドウはかなり悪用されて来た為見ている人がとても嫌う。

そんなことを考えている時にあるページにたどり付いた。このDirectoryというリンクをクリックすると同じページ内のアンカー先にページが動く。アンカーはよく同じページの中で使われているリンク方法で特に新しい方法ではない。しかしこのページの面白い所はホームページと一覧表の部分を離すことによってホームページを見ている時は一覧表はスクリーンの外にでていて全て隠れている。つまり最初のページのシンプルさをうまく保っている。その上同じページにある以上既にダウンロードが済んでいて、行き来するのに時間がかからない。これは正直言って思いも付かない方法だった。

このアイデアをサイトのデザインの手伝いをしてくれるMollyに伝えてみるともう少し高度で面白い方法探して来てくれる。Javascriptを使った方法でこのように動く。これは動き方がとても面白く1と0の感覚ではなくその途中がスクロールとして体験できるのがよい。早速スクリプトをダウンロードしていろいろ試してみるが僕にはちょっと無理だということにすぐ気付く。実際に自分のサイトに当てはめようとするとかなり難しい。僕はプログラマーではないのでなるたけ簡単な方法でしかものを解決できないというように自分に言い聞かせている。

今までの例を見ながら大体解決方法のアイデアはまとまって来た。こんなことをMollyとやり取りしているうちにもう一つの解決策を見たことを思い出す。サイトのデザインに使っているソフトを作っている会社がおもしろ方法でページを瞬時に変えることをしていた。Mollyにそのことを伝えると彼女は早速そのハックの方法をネット上で探して来てくれる。CSSとHTMLの組み合わせが結構複雑なのだがなんとかできるだけのことをやってみる。そのコードと睨み合うこと一日、新しいホームページができて来るのである。

乞うご期待。