灯りの下で書いたのかもしれない、はてなブログ版

フォントとか、DTPとか、HTMLとか。テーマ「Panna Cotta」を作りました。

【TRY Me 3】2002年製の個人サイトを再現してみた【TRY Millennium Edition】

ⓘ本ページは広告が含まれています

前回の記事「2000年代の個人サイトについて(令和時代のことも少々)」にて「個人サイトにまつわる記事を書いてみたい、というかまた個人サイトを作ってみたい」と思ってしまった筆者ですが、この度〝個人サイトを新規作成〟には至りませんでしたが、2002年頃に作った個人サイトを修復してネット世界にアップロードしてみました。

これから2002製の個人サイト「レッテル. −令和ver.−」の簡単な紹介と注意書きなどを書いていこうと思います。

【TRY Me 1〜3】

  1. 2000年代の個人サイトについて(令和時代のことも少々)
  2. 2000年代の個人サイトあるある20選
  3. 2002年製の個人サイトを再現してみた

※順番はどれから読んでも大丈夫です。

個人サイト「レッテル. −令和ver.−」とは

2000年代に筆者であるakarinoが作った個人サイトの令和リニューアル版です。内容としては好きなバンドの非公式ファンサイトです……まあPlastic Treeというバンドの非公式ファンサイトでした。

別記事「2000年代の個人サイトあるある20選」のチェックリスト的にいえば12項目は当てはまると思います。 

2000年代のサイトあるある、12項目が該当?

2000年代のサイトあるある、12項目が該当?

今回のデータ修復では主に当時のハンドルネーム・画像・リンク等の変更を行いました。なので基本的に外部サイトに移動や過去絵の晒しは無いです。それと当時とは違うレンタルサーバー(忍者ツールズ)を利用してますのでセキュリティ面も大丈夫だと思います

サイトの紹介と注意

「レッテル. −令和ver.−」のアドレスを載せる前に、再現したサイトの内容についてある程度紹介しておこうと思います。文中の二重線囲み内には注意書きが書いてあります。

TOP_1(入口のページ)

入り口は〝左上のアイコン画像〟か〝赤字の「on」〟です。下にスクロールすると同盟リンク(Webring)があります。

TOP_2(実質トップページ) 

about、Profile、Link、mailと一通り揃ってます。連番012の前座をクリックすると入口のページに戻ります。

ちなみにデザインはPlastic Treeのアルバム「parade」を参考にして作ってます。

Plastic Tree「parade」のCDレーベル部分

about(御案内)

aboutにあたるページです。トップページ以外はリンクを貼ってる文字を緑色に設定したので適当にクリックしてみてください。

それにしてもaboutにしては内部リンクがみっちり書いてたことに我ながら驚きました。

review、livereport(音楽、書籍)

要するに自分の好きな楽曲や本の感想文(review)やコンサートライブのレポートなどが書いてあります。特別に創作活動をしてなくても個人サイトを作る動機になりました。

original、gift(創作)

  • 名前とイラスト画像は全て修正しました。
  • 名前…全て伏せ字に修正。
  • イラスト画像…八割方グレー画像に変更(片目とか2〜3カ所だけ表示しています)。

主に個人サイトを通して知り合った友人から戴いたイラストを掲載していました。当時のイラストといえば紙に手描きです。 だって写メールが普及し始めた頃だし、ペンタブも全然普及してない頃だし。画像には「初フォトショ」とありますがスキャンしただけですから笑。当時は手書きのイラストをスキャンして取り込むスタイルが多かったと思います。

BBS、blog(伝言板、芳名録、日記)

いずれも無料のレンタルサービスを使っていました(現在はリンク解除済み。というよりもう存在していません)。

中でも芳名録はいわゆる〝ゲストブック〟的な掲示板だったのですが、説明文が計2ページあります。かなりの力のいれようです。

Link(糸口、同盟)

  • リンクは一部の同盟を除きほぼ解除済みです。
  •  個人サイトは次のように修正しました(1. 制作者名の削除。2. バナー画像を〔グレーのせ/メッセージ文字付き〕に変更)。
  • 公式サイトもリンク解除していますが、バナーなど一部は当時のものを残してます。

相互リンクや同盟リンクのページです。ここからページからページへ輪を広げていったものです。また、自サイトへのリンク方法やバナーなども掲載してます(あくまでも現在は閲覧用です念の為)。

隠しページ(?)

レッテル. の隠しページはこの画像の中のどこかにある

レッテル. の隠しページはこの画像の中のどこかにある

隠しページもご用意しております(隠しというか〝非公式ファンサイト〟と言ってはいるもののやはりサイト内でバンド名を連呼するのもこのご時世心配なのでちょこっと隠しておいたという感じです)。 

ヒントは「音楽」内にある箇所をカーソルで当ててみたり、ページを全選択して文字を白黒反転させると入口らしきものがあります(ほぼ答えを言ってる)。

ただし、動作確認したところFirefoxとChromeでは隠れるのですが、Safariの方がちょっと不安定で隠れていない場合があります。調べるものも億劫なのでそこは放置しておくことにします(えっ)。

アドレスはこちら

再現したサイトのアドレスはこちらです。

「レッテル. −令和ver.−」

最後に

個人サイト再現にあたってデータを修復したとはいえWebのプロではないのである程度は目を瞑っていただけるとありがたいです。汗汗。ただ、明らかな不備や問題などを見つけた場合はブログのトップにある連絡フォームにてお知らせください。できる限り対応して行きたいと思ってます。ここまでお読みいただきありがとうございました。
「TRY Millennium Edition」 の他の記事