梅ちゃん堂トップページの変遷
電脳レストハウス「梅ちゃん堂」を開設してもうじき5年(2002年11月現在)。当初のシンプルな個人ページに始まり、
内容も充実してきました。その中で、一番目立った変貌を遂げてきたのがトップページ。
先日ハードディスクの中を漁っていたら、昔懐かしい梅ちゃん堂トップページの数々がホコリにまみれて(?)出てきました。
以下に、その主なものを時系列的に紹介します。
各時期の左画像は縮小してあるのでわかりずらいと思いますが、クリックすると実物(?)を開くことが出来ます。
なお、出来るだけ元のソースのままにしたことと、消滅したウェブページがある関係から、各トップページ内のリンクはデッドリンクになっている場合が多いので注意して下さい。
| 1998年 2月 |
 |
な、なんと最初の梅ちゃん堂トップページは、こんなに可愛かったのですねえ!
メニューもまだ少なくて、、公開ソフトウェアは1つしかなかったのです。
ちなみにネコの絵が描かれているのは大好きなネコを飼っていた影響ですが、愛猫のニャーは2001年11月、昇天しました (ToT)
|
| 1998年12月 |
 |
カッコいいホームページを作りたい!という欲望に駆られて生まれたのが、これです。
トップから自動で切り替わるページ、随所に英語、ギンギン鳴りまくるBGM(kobamasa 氏作曲)、
そして満を持した QuickPass PRO の公開...このころから電脳レストハウス「梅ちゃん堂」を知る人も増えてきました。
|
| 1999年 2月 |
 |
「おかげさまで1周年 」の副題通り、1周年を記念してトップをリメークしました。
デザイン的にはあまり変わっていませんが、公開ソフトウェアの数が増えてきたことと、「言いたい放題」と「堂主は語る」を「視角」に統合したのが特徴です。
そして何より梅ちゃん堂テーマソングを kobamasa 氏に作っていただいたのがこの時期です。
|
| 1999年 5月 |
 |
トップとメニューを上下に分けるそれまでのみっともないやり方をやめ、出来るだけページを隙間なく埋めようとする努力がうかがえます
今なお使用している主要コンテンツのアイコンはこの時期に完成し、しばらくはトップページで使っていました。
|
| 1999年11月 |
 |
デザインはほとんど変わっていませんが、メニュー部分を1個所にまとめてスッキリしました。
フレーム付きとフレーム無しのページへの区別も、自作の JavaScript で判別するようにしています。
|
| 2000年 5月 |
 |
ちっとも変わってないじゃん、とお思いでしょうが、QuickPass PRO のアイコンにマウスを当てると妙なアニメーションをする点がすごーく変わっています(違)。
ついでに言うと、これはトップページではなく、メインページのデザインです。
トップから自動でメインページにジャンプする設計は実はこの頃まで続いていたのですが、煩わしいので省略しました。
|
| 2001年 5月 |
 |
基本的なレイアウトはそれほど変えていませんが、スタイルシートを多用する手法に訴えたのと、
原色系を避け、あっさりした色を使うようにしたので、それまでとは違って見えるはずです。
それにしても、梅ちゃん堂ネオンサインが相変わらず頑張っていますね!
|
| そして今 |
 |
サイトの構造改革に伴い、トップページも思い切ってリニューアルしています。
スタイルシート重視の姿勢をより強め、従来使用していたアイコンを移動または削除して、コンテンツ重視の外観としました。
1998年 2月のトップページと比較すると、その変化の大きさは一目瞭然です。
|
こうしてみるとトップページの変遷もなかなか面白いですね。
ところで、有名サイト(に限らないが)の過去のトップページを保存して見せてくれるありがたーいサービスがあるのをご存知でしょうか?
Internet Archive
のサイトにある Wayback Machine にホームページの URL を入力し、「Take Me Back}ボタンをクリックしてみて下さい。
今を時めくサイトや定番サイトのトップページの変遷を見ることができ、非常に興味深いです。