構造改革

 サイトの文書構造の構造改革を敢行しました。リニューアルというやつです。数年間頭の中でもやもやしていた物がやっと解消されました。

5年目の整理整頓とでも言うべきか

 …を実行しました。構造改革といっても昨今の郵政民営化がどうのとかいうものではなく、このサイトの文書構造の構造改革でございます。いわゆるリニューアルというやつです。数年間頭の中でもやもやしていた物がやっと解消され、とってもすっきりしました(XHTML 的に、の話ですが)

 すでにひと月が経とうとしておりますが(笑)、当サイト内の文書を 3 月 30 日付けで、全て新しい物に差し替えました。見た目はちょっと変わった程度にしか見えませんが、中身は全く別の物と言っても良いくらいです。その成果として、去るエイプリルフールの日に一日だけ、デザインが全く異なるジョークデザインで Web を提供させて頂いたのですが、ご覧になられたでしょうか。今後はこういうことがやりやすくなります。

 当サイトの構造(≒デザイン)は 2003 年に今の形態 (3-tadpoles.net) でサイトを始めたときに作ったものを、基本的な部分には手を付けずにマイナーチェンジで追記してきた物を使ってきました。文書を構成する HTML やそれのデザインを記述する CSS に対する実際のブラウザの表示はW3C によって厳密に定められているはずなのですが、実際には各ブラウザ制作元の解釈の違いで異なる結果になってしまうことが多いのが現実です。これらの違いによる弊害を極力少なくするために、当サイトはどのブラウザでも安全に表示される、最大公約数的なデザインを使ってきました。しかしその結果として、小細工だらけで汎用性の低い文書構造、メンテしにくいスタイルシートとなってしまいました。

 今回の構造改革ではスタイルシートにも PHP プログラムを仕込み、最大公約数的デザインではなく、各ブラウザにおける表現能力を最大限使えるようにしました。そのため、各種ブラウザ(Internet Explorer, Mozilla, Opera, Safari)用に異なるスタイルをサーバ側で振り分けて送るような仕掛けを、最近覚えつつある PHP で作りました。

 まぁ抽象的なことをダラダラと書いても分かりにくいでしょうから、結果で示しましょう。

メニューを増やせるようになった
今まではメニューの数が 6 つの固定で、それ以上増やすことも減らすことも出来ないしょぼい仕様でしたが、今回の構造改革で簡単に減らしたり増やせるような作りになりました。今のところRSS写真アルバムのページを新たに作りました。それぞれの出来がいまいちなのはそのうち改善されるでしょう(笑)
諦めていたデザインを使えるようになった
今までは一部のブラウザ(大体は IE6)が対応していないために泣く泣く使うのを諦めたデザインを、ためらい無く使えるようになりました。対応していないブラウザに関しては、古い書式のデザインを送るようにしています。これが一番分かるのは写真の表示です。古い記事で良いですから、写真のあるページを見てみましょう。枠がちょっとだけ格好良くなっています。あ、Internet Explorer 6 以前で見ると今までのしょぼいデザインが適用されるので(笑)、OperaMozilla でご覧下さい。あ、Sleipnir も IE 系列なのでたぶんダメですよ。
動的にデザインを差し替えられるように
 4 月 1 日のエイプリルフール・ジョークページもそうですが、今までもハロウィンの時期に特別な見出しデザインを用意してデザイン差し替えもたまにやっていました。しかし今までのそれはすべて手動でファイルを書き換えるというめんどくさくて危険な作業をしなければなりませんでしたが、今後は PHP プログラムで期間を限定してデザインを自動的に差し替えることがお茶の子さいさいになりました。12 ヶ月分全部のテーマを作っちゃうということも可能ですが、制作がそれに追いつかないでしょう(笑) とにかくプログラムですから、自動的に何かをするということがやりやすくなりました。

 今後の目標は画面の狭い PDA や携帯電話でも見やすいように、それ専用のデザインを作って適用させることでしょうか。ただ必要に迫られないと腰が上がらない困ったたちなので、いつ出来るかどうかは分かりません(笑)


--
April 28, 2008 Comments (0) Trackback (0)
コメントする
(必須)
(必須)

  • 投稿ボタンは一度だけ押してください。
  • コメントスパム対策のためにやむなく検閲を設けています。サイト管理人がスパムでないことを確認の後にサイト上に反映させるため、コメントが表示されるようになるまで約一日程度お待ちください。
  • 投稿ボタンを押して反応が無くとも、「しばらくじっと我慢の子」でお願いします。