さんぽのしっぽ 表紙の歴史 4——三代目 自作CSS+手打ちHTML 試作版

サイト・リニューアル記念の番外編、当サイト「さんぽのしっぽ」の歴代の表紙をたどるシリーズのその4です。前回はこちら。

さんぽのしっぽ 表紙の歴史 3——二代目 iWeb-MobileMe版
サイト・リニューアル記念の番外編、当サイトの歴代の表紙をたどるシリーズのその3。今回は二代目「さんぽのしっぽ」をご紹介します。2009年開設のこの二代目サイトは、iWebとMobileMe環境で構築されていました。

iWeb-MobileMe環境で構築した二代目「さんぽのしっぽ」は、MobileMeの終了にともなって、サーバを失うことがはっきりしていました。二代目サイトに残された選択肢は二つです。ひとつは、MobileMe終了とともに消滅する。もうひとつは、他へ移転するか。

判断を先送りにしたまま、しばらく放置の状態がつづきました。MobileMeとともにサイトを閉鎖するだけなら話は簡単です。しかし、せっかく再開した旅のサイトです。できれば継続したいという気持ちが強かった。

だとすれば、他のレンタルサーバへ移転させるほかに選択肢はありません。2011年10月に新設された後継環境iCloudには、ウェブサイトを公開する機能が含まれていなかったからです。

ところが、他への移転という選択肢には、また別の困難がありました。二代目サイトは先述してきたようにiWebで構築されていました。しかしiWebでつくったサイトは、アップルのMobileMe以外の一般のレンタルサーバーでは公開しにくいものだったのです。

したがって、他へ移転する選択肢を採るということは、せっかく構築した二代目を放棄し、あらためて別の方法でサイトを構築しなおす必要があることを意味していました。じっさい、iWebに将来がないこともあきらかでしたから、どこかできっぱり見切りをつけなければならないことは明白でした。ただ、そのために予想される作業の内容と量の大変さをおもい、二の足を踏んでいたのです。

そうこうするうち、iCloud開設後もしばらく併存していたMobileMeが、いよいよ2012年6月末日でサービスを終了するとのアナウンスがなされました。二代目サイトを放置しつづけるのも、そこが限界です。

そこで一念発起しました。これまでの死屍累々たる当サイトの経験を踏まえ、じぶんでCSSを書き、HTMLサイトを構築することを決心したのです。さいわい移転先のめどはついていました。メインのブログ「散歩の思考」用に借りていたエックスサーバーに空き領域があったからです。

HTMLやCSSの解説書を買い、ネットの記事をあさりながら、自己流に勉強をすすめました。そうして少しずつ構築していったのが、三代目のサイトです。

この三代目サイトをようやく公開できたのは、2012年7月、MobileMe終了直後のことでした。

HTMLを勉強して感じたのは、じぶんでデザインをコントロールできるようになるのは、じつにたのしい、ということでした。もちろん所詮は素人ですから技術力はたいしたことはありません。それでも、ピクセル単位でこまかく配置を決めてゆくことができるようになったのは、ぼくにとって、ウェブサイトをつくる大きなたのしみのひとつとなりました。

とはいえ、ごらんになっておわかりのとおり、この三代目サイトは、おおむね二代目サイトの焼き直しの域をでるものではありませんでした。iWebの制約のなかで実現できなかったことを、自作CSSでもって実現した、ということだったのでしょう。

また、MobileMeのサービス終了までに移転を完了させなければという時間的制約と、HTMLの勉強を並行して進めなければならないという突貫工事ぶりでしたので、サイト・デザインについて落ち着いて考える時間的余裕もありませんでした。

その意味で、三代目サイトもまた、当サイトの歴史のなかでは、試作品と位置づけるのが妥当だろうとおもいます。

じっさいこの三代目も、表紙(トップページ)と器をつくったところで力尽き、コンテンツまで手がまわらず、三たび放置することになってしまいました。

ただ、このとき学んだHTMLの知識と、稚拙なりにもサイトを自作した経験から、たしかな手応えを感じていました。この経験をいかして、つぎこそまともに運用できるサイトを構築することができるにちがいない——。

そして、その予感は、どうやら、おおむね当たっていたらしかったのです。

その5へつづく

タイトルとURLをコピーしました