ホームページリニューアル

現在のホームページは、ホームページビルダーを使用して書いている。この記事を書くまで知らなかったのだがホームページビルダーは入門者向けのソフトでＷｅｂ制作を本業としている人はＡｄｂｅのＤｒｅａｍｗｅｂｅｒ等のもっと高級品を使用するらしい。ただし高級品はＨＴＭＬを意識した記述が必要になるようだ。Ｗｅｂの制作者とオーナーが別々の場合はＨＴＭＬを意識させる高級品を使用するのは理にかなっているが、オーナー兼制作者である個人ページの場合はＨＴＭＬを意識しながら書くのは無理（面倒くさすぎる）なので安物のホームページビルダーを使うということになるらしい。

１回分の更新をひとかたまりのデータとして保持し、それをプログラムで１つのページにしてあげるようにします。しかしＨＴＭＬはプログラムで加工するための元ネタデータとしては不適です。ＨＴＭＬにはフォントサイズなどのページの見え方が含まれていて、プログラムでいじるためには複雑すぎるのです。そこで、ページのデータはＸＭＬ形式で保持することにします。ＸＭＬを採用するとホームページビルダーは使用できなくなります。代わりに「ＸＭＬ　Ｎｏｔｅｐａｄ」を使います。これはＭｉｃｒｏｓｏｆｔのＷＥＢサイトから無料でダウンロードできます。大まかな処理の流れは以下の通りです。

１．ＸＭＬ　Ｎｏｔｅｐａｄでページを作る
　　　　　▼
２．作ったページからＸＳＬ（＝ＸＭＬファイル加工専用のプログラム言語）を使って以下の物を生成する
　　　・各作品のＨＴＭＬファイル
　　　・更新１回分だけのＨＴＭＬファイル
　　　・表紙と各カテゴリーのメニュー
　　　・ＲＳＳフィード
　　　　　▼
３．ホームページビルダーのスケジュールアップロード機能で更新されたファイルをＹａｈｏｏジオシティーズに送信する

ホームページビルダーのようにワープロ感覚でページを編集するのではなく、自分のホームページのデータを組み立てるという感覚でページを書くことになります。

ＸＭＬファイルの書式をＸＳＤファイルで定義しておくと、XML Notepad の入力支援機能が使用できるようになります。入力候補をＸＳＤファイルで列挙しておけば選択方式で入力できたり最大文字数チェックなどをしてくれます。新ページは写真の下に説明が表示されるようにしました。以前のページは「右の写真は．．．」といった説明が必要だったのですが、この方式なら写真の位置を説明する文章は不要です。

ＸＭＬファイルをＸＳＬプログラムで加工してＨＴＭＬファイルを生成します。ＨＴＭＬの新規格であるＸＨＴＭＬを生成するようにしました。ＨＴＭＬとＸＨＴＭＬには殆ど違いはありませんがＸＨＴＭＬの方がプログラムで加工するのに適しています。ファイルの生成はＭｉｃｒｏｓｏｆｔの msxsl.exe を使用します。これもＭｉｃｒｏｓｏｆｔのホームページから無料でダウンロードできます。

フォントサイズは背景の色などはスタイルシートに定義します。スタイルシートを適用した後のページの写真は掲載しません。なぜならこのページそのものだからです。背景が灰色になっていたり写真の下の説明が背景色よりちょっと濃くなっていたりするのは、スタイルシートにそれを定義しているからです。

ＸＭＬ、ＸＳＬ、ＸＳＤ、ＸＨＴＭＬ　これら全てが何なのかを知らない状態からスタートしているので入門書も読みます。本職はＩＴ系です、だからといって難しい物を読むわけではありません。こういう物の方が頭を使わなくて済むので助かるのです。ちょっと前まではインターネット関連の情報といえども書店で書籍を探す必要があったのですが最近ではインターネット上の情報が充実してきたので本を買わなくても済むようになってきています。

生成したＸＨＴＭＬファイルの見栄えをＣＳＳファイルで定義していきます。上の方から少しずつやっつけていきます。

カテゴリメニューをページの上の方に横並びにレイアウトしてみました。ブラウザーの横幅を変更すると、重さを感じます。同じレイアウトのアマゾンも同じく重い感じがするので、記述方法の間違いではなさそうです。

置き換える前に記念に旧デザインのイメージをここに残しておきます。

表紙の一番下のＮＥＷＳ欄は記事の有効期限(expiredate)を過ぎると表示されないようにした。記事の登録時に有効期限を入力しなければならないのが面倒だが、この機能がないと時々記事の内容を読んで削除すべきかを判断しなければならない。「記事を時々読んで．．．」のほうが更新日付を入力するよりもずっと面倒なのでこの機能をつけた。

ＲＳＳリーダーで記事を読んだときの画面。ＲＳＳフィードをＡＴＯＭというのにしたのだが、インターネットエクスプローラーでは何だかまるっきりダメ。ＲＳＳ　ＢＡＮＤＩＴというリーダーだとＯＫ。インターネットエクスプローラーはＡＴＯＭに対応していないのかもしれない。ＡＴＯＭの規格のバージョンは０．３と１．０があって、今回採用したのは１．０。

これでリニューアルはひとまず終了だが、半年くらいは細かな修正を加えつつ改良していくことになりそうだ。現時点で未対応の物は．．．
　１．部品表などをＸＭＬファイルから生成する機能
　２．添付されている写真枚数の表示機能（ＲＳＳリーダーで記事が読めるので必要性は薄い）
　３．各記事の一番上に　ＨＯＭＥ　＞　カテゴリ名　＞　作品名　というのを表示させる機能
　４．ＲＳＳ対応（ＡＴＯＭではなくＲＤＦのもの）
　５．ＢＬＯＧ風ページ（作品とは関係なく、追加された記事を時系列で表示する物、同時並行で制作しているので複数の作品が混ざったページになる）
こんな所だ。必要になったときに少しずつ追加していく予定。

最新の企画を採用すると古いソフトが対応していなくて、いろいろ問題にぶち当たります。新規格は仕様が確定してから２～３年程度待たないとダメみたいです。ＡＴＯＭ１．０を採用しているサイトは少ないみたいなので使われることなく消えてしまう可能性もあります。

ＸＭＬからＸＨＴＭＬを生成するプログラムはマイクロソフトのmsxsl.exeを使用したが、これはＸＳＬＴ言語規格のバージョン１．０を採用している。ＸＳＬＴの最新規格は既に２．０になっていてバージョン１．０だとトリッキーなことをやらないと出来ないことが、バージョン２．０だと素直に書ける。今回作った物も現在の日付を取得したり、改行を＜ＢＲ／＞に変換したりする部分がかなりトリッキーだ。Ｖ２．０に対応したプログラムはＳＡＸＯＮというのが有名らしく、近々これに変更しようと思う。今のところＸＳＬＴのＶ２．０は日本語書籍が存在しないことなど関心は低いみたいだが、上位互換の規格なので２．０に置き換わっていくのは時間の問題だろう。

ホームページビルダーのスケジュール転送機能はＨＴＭＬに添付されている画像が送信されません。原因不明。バグかな？

インターネットエクスプローラーのバージョンによって見え方が違います。スタイルシートの解釈の仕方が両者で違っています。ＩＥに限らず他のブラウザーでもスタイルシートの解釈が違っていて微妙に見え方が異なることがあるみたいです。こういう問題に対応しているときりがないので、たぶん最新版のＩＥ７の方が正しいスタイルシートの表示であるとして修正はしないことにします。

ＸＳＬＴプロセッサーをＳＡＸＯＮに切り替えた。ＸＳＬＴプロセッサーはデータとしてＸＭＬファイルを、プログラムソースとしてＸＳＬファイルを入力にしてＸＭＬファイルやＨＴＭＬファイルを出力してくれる。

改行を含むテキストの改行部分を＜ｂｒ／＞に置き換える処理はＸＳＬＴ１．０だと再帰を使ったプログラムになるがＸＳＬＴ２．０だと tokenize を使ったシンプルな記述に出来る。言語はやはり高機能な方が良い。但し、ＭＳＸＳＬ．ＥＸＥに比べるとＳＡＸＯＮは５～６倍処理が遅い。

ページの先頭に「ホーム」と「カテゴリメニュー」へのリンクを表示するようにした。この機能はYahooやGoogleなどの検索エンジンを使って直接このページを開いた人のためのもの。

ホームページビルダーのファイル転送機能が正しく動作しないので、ファイル転送の機能を自作した。ゼロから作るのではなくＡＮＴというプログラム開発用のユーティリティーを使用した。ＡＮＴはファイル同士の相関関係を記述した定義ファイル（ビルドファイルと呼ぶ）を与えてあげると、ファイルの更新時刻を比較してファイルの更新コマンドを実行してくれる。
例えば、以下の２つのルールをビルドファイルに記述しておくと
　１．ＴＥＳＴ．ＥＸＥ　は　ＴＥＳＴ．ＢＡＳ　から作られる
　２．ＴＥＳＴ．ＥＸＥ　は　compile test.bas コマンドによって作られる
ＴＥＳＴ．ＢＡＳ　が　ＴＥＳＴ．ＥＸＥ　より新しい場合にのみcompileコマンドを実行してくれる。この仕組みを応用して、更新されていないファイルはアップロードしないようにしている。また、リンクされていない画像や添付ファイルもアップロードしないので、転送元のフォルダーにアップロード不要な物（バックアップファイルなど）を置いていても、無視してくれる。このホームページは多くのファイルから出来ているので、ビルドファイルも巨大になる。これを手作業で作っていたのでは、大変なのでビルドファイルそのものもＨＴＭＬファイル同様にＸＭＬファイルから自動生成している。

ａｔｏｍフィードに問題があったので修正したが、ＩＥ７で正常に見えるようになったもののＲＳＳ－ＢＡＮＤＩＴでエラーになる。原因不明。バリデータで問題が発見できないのでＲＳＳ－ＢＡＮＤＩＴのバグの可能性もある。

ＦＴＰの送信エラーが時たま起こるので、今までファイルを１個ずつ送信していたが、まとめて送信するように変更した。プログラムの造りを大幅に変更することになったが、機能の勉強用題材として役に立った。