シリコンカフェの更新記録をまとめて掲載しています

マークアップを開始する。
いつものCSSレイアウト。

いつものパターンとはいえ、けっこう久しぶりなので時間がかかる。頭のなかではサクサクとページを組み立てているのだが、プレビューすると「あれれ？」って感じ。

この3年くらいMacintoshを使っているので、プレビューはSafariかFireFoxとなる。いずれもモダンブラウザなので、このブラウザを信じて組み立てる。Win版IE6は、今の作業を終えてから考えることにする。



人気ブログランキングへ

今日もシリコンカフェのリニュアル作業が全然進まなかった。

うーん。




人気ブログランキングへ

とゆうわけで、Fireworksで作成したドキュメントを書き出す準備。

以前のテーブルレイアウトだと、ページデザイン通りにスライスを行えばいいのだけど、CSSレイアウトになると、これが違う。

FireworksCS3から搭載された「ページ」という機能を使う。
ページデザインが終わった画面を、別ページに複製。
複製した画面に対して、CSS用のスライスを行う。

どの部分をバックグランドイメージにするのかを考えながら作業を行う。
もちろん、JPEGやGIFのダイエットも前提に考えておかなくてはならない。




人気ブログランキングへ

ざっくりページデザインは終了した。
なかなか忙しくて、細かな部分に時間をかけることができない。
とりあえず、今後のCSSでの変更を前提に画面要素が明確にわかるようにした。





人気ブログランキングへ

なんだかめちゃくちゃ忙しくて、今日は全くシリコンカフェのリニュアル作業が進まなかった。

というか、もともと無理があるのだ。これだけのボリュームのサイトをさくっと出来るわけがない。おそらく仕事として行っても3日くらい専任でかかると思われる。

今の森川の仕事の状況から考えて、プライベートとも言えるシリコンカフェのリニュアルにかけられる時間はほとんどない。

でも、やるのだ。このウェブサイトこそが自分自身でもあるし、今から開始しようと思っている様々なプロジェクトのプラットホームでもあるのだから。



人気ブログランキングへ

今回のソースは、XHTML 1.0 Transitional でいく事にした。
最近の仕事の多くは strict で書く事が多い。以前は、ちょいビビったりもしていたのだが（笑）、最近は仕事によっては strict で書く事が増えてきている。

しかし、シリコンカフェのリニュアルの場合、過去資産がかなり多い。なんせ12年前からサイトが（ページが）あるのだ。

はじめてHTMLを書いた頃は、HTMLにバージョンがあるなんて事も知らなかった。確か「次からはHTMLでフレームが作れるんだってよ、すごいね」なんて話をしていたから、たぶんHTMLはバージョン2だったんだろう。

そんな過去のページが多く、テーブルレイアウトもかなり多い。なにしろ、シリコンカフェのサイトの中にあるHTMLの数量はおよそ5万。

企業サイト並みなのである。これらを整理するためのリニュアルだが strict として厳格にやろうと思うと、時間がいくらあっても足りない。まさにライフワークになってしまう。

そういう意味で、今回は Transitional で進めることにする。

併せて、ソースコードやアクセシビリティについても、最低限の遵守でよいと思っている。今までのサイトは「HTML-Lintで100点じゃないと公開しない」という方針だったし、アクセシビリティについても、自ら重箱の端を突ついていた。もちろん、それでよいのだが、あまりにやりすぎてしまうと、今回のリニュアルの目的から外れてしまう。

今回のリニュアルの目的は

■情報発信のフットワークを軽くすること
■サイトを通して、個人の収益をアップさせること

この2点なのだ。サイトのクオリティについては、優先度からして、この下になるのである。

もちろん、だからといってスパマーテクニック満載のサイトを作ろうとは思っていない。アクセシビリティやユーザビリティは重要。なぜならそれらは、最優先事項の今回の目的を達成するためのものであるからだ。


人気ブログランキングへ

今回のリニュアルの視覚デザイン要素を作成している。

今回は、あまりデザインの凝らない。優先すべきはサイト内の情報整理を伝える事に徹していこうと思う。

本当ならば、視覚的な要素の構築には、もっと時間を要すべきなのだが、いかんせん、今回は時間がない。

なので、まずは画面内の情報要素（スケルトン）だけは、しっかり作る。今後、おそらく、数年間は、この要素配置は変わらないと思うし、変えてはいけない。そういう意味で、このスケルトンはスキン的に考えてみようとも思っている。（ある意味逃げなのだが）

　


作成は、上記のように、いつものFireworksCS3。CS3特有の機能である「ページ」を使って基本デザインと書き出し用のページ（スライス定義）を分けてみた。

今日の作業は、ここまで。
明日時間があれば、マークアップ作業に移行しようと思っている。



人気ブログランキングへ

いろいろ考えることがあって、シリコンカフェのウェブサイトをリニュアルすることにした。これまでシリコンカフェのサイトは何度も何度もリニュアルしてきた。

内包するコンテンツの誕生、変化、整理…あるいは、デザイン（視覚的な要素として）飽きてしまったり、あるいはウェブ標準ブームに先駆け、フルCSSでレイアウトすることを試みたりもした。

今回のリニュアルは、それらの要素もあるが、もっと大きな意味で「整理」がしたいということが大きなきっかけだ。シリコンカフェのコンテンツは膨大な量になっている。考えてみれば1995年から12年間もサイトを続けているのだから、コンテンツの量は増えて当然なのだ。

コンテンツの量が増えると整理するのが大変だ。引越のあと段ボールを空けないまま、次の引越が迫ってきている。そんな焦りがずっとあった。これは精神衛生上よろしくない。これらをちゃんと整理することを始めなくてはならない。そう感じているのです。

そして、色々な意味で「今のウェブ」に対応していきたいとも思っている。それはウェブ2.0的なことも関係している。

そして、最後に、このリニュアルでやりたいこと。それは「情報発信する人間であることを取り戻す」ということだ。この数年、僕が関わってきたプロジェクトは多岐にわたる、その多くが時間との闘いで、ゆっくり内面を整理する時間がなかった。年齢を重ねれば重ねるほどに、忙しくなっている。

結果として、忙しさにかまけて「情報発信」を行っていないことに気が付いたのである。本末転倒なのだ。僕はこの10年間、情報発信をすることで多くの人たちと出会えることができた。そしてその出会いは、次の行動に連鎖する。すべては情報を発信してきたことのおかげだと思っている。

だからこそ、取り戻したいと思っている。それが今回のリニュアルの大きなきっかけだ。

まずは、ブログをレンタルする予定だ。今回のリニュアルをテーマにしたブログを一本立てる。そして、このブログを立てていくことは、今回のリニュアルの、もうひとつの路線でもある。


人気ブログランキングへ