デザインと制作環境

デザインの指針

　ページの表示にかかる待ち時間を抑えて快適に閲覧していただくために、画像をあまり使わない、色と線を基調にしたデザインにしています。

ページのレイアウト

　上部はナビゲーションエリアとして、サイトのロゴとページタイトル、ページの最終更新日、そしてパンくずリスト形式で上位の階層へのリンクを配置しています。

　左部はインフォメーションエリアとして、当該ページと下位の階層のページの新着情報、当該ページについての書き込みができる読者の声、さらに幸之介とコミュニケートするための掲示板その他へのリンクを配置しています。

　右部はメインエリアとして、ページの主たる内容を掲載します。最下部にはページの上部へと移動するリンクと、著作権表示、表紙と案内ページへのリンクを配置しています。

公開に至るまでの表紙デザイン案の変遷

　幸之介は非常に凝り性なので、デザインにはかなりの時間をかけました。Internet Explorer と Netscape Navigator の互換性の問題も主要因でしたが、休み休みながら結局デザイン段階で2年半の歳月が費やされました。

　バージョン1.0は大学1年の冬、2000年1月に制作開始。サイトロゴはこのころから変わりませんが、デザインは中央配置と枠線を基調にずいぶんシンプルです。コンテンツも現在とは若干違い、「2週間スケジュール」やベンチャービジネスの「公開アイディア帳」がありました。NPOやベンチャーなどなど、スケジュールなんてコンテンツがあるくらいに忙しかった時期であり、春を待たずして制作は中断してしまいます。

　バージョン2.0は2000年11月に制作開始。白黒とグラデーションを基調にしたデザイン。表紙の機能を充実させて、レイアウトは現在とほぼ同じものになりました。こうして表紙はほぼ固まったのですが、このころは表紙以外の各ページをどうレイアウトするか、特に左部と右部をどう使い分けて活用するかで悩んだ時期です。その後、地域活性化企画や高校の同窓会の企画、などなどの単発イベントが目白押しで制作は頓挫します。

　バージョン3.0は2001年11月に制作開始。就職活動が始まって、自分を見つめ直すことで制作の意欲も高まったわけです。デザインはついにカラー化。大カテゴリごとにカテゴリ色を設定しました。また、テーブルデザインからCSSデザインへと移行したのもこのときです。そのせいもあって、今度はInternet Explorer と Netscape Navigator の互換性の問題で試行錯誤することになりました。例によって就職活動の本格化と共に制作は凍結。

　現行のバージョン4.0は2002年6月に制作開始。就職活動が終わり、晴れて全力でサイト制作に打ち込めるようになりました。カラーに枠線を加えてメリハリをつけたデザインに。ようやく表紙以外の各ページもレイアウトが決まり、内容も作り始めます。こうして2003年の元旦、あまり内容もできていないままに公開することになりました。

制作に使用した技術

　HTML + CSS を使用していますが、特にバージョンは意識していません。CSSでのデザインは、Internet Explorer 5.0以降でほぼ問題なく閲覧することができますが、Internet Explorer 6.0以降、もしくは Netscape Navigator 6.0以降などのCSSに準拠したブラウザでご覧いただくのが最適です。

　新着情報の表示やカウンタ、読者の声や＠掲示板などでは、PHP + MySQL を使用しています。また、JavaScriptもフォームの補助を中心として少しだけ使用しています。

制作環境

　ページ制作にはWindows付属のメモ帳をメインに使っています。HTMLやCSS、PHPスクリプトなど、すべて直接入力です。また、画像加工はフリーソフトのDibasを中心に使っています。

　サーバーはアキラレンタルサーバーのビジネスプランを、富校の杜などと共用で借りています。