以下が，オリジナルの wforum が出力するツリー表示の部分です。

<DL>
<ul>
<P><DT><A>▼</A> - <A>標題</A> - <b>発言者</b> 日時 <font>発言No.</font> 

<ul>
<li><A>標題</A> - <b>発言者</b> 日時 <font>発言No.</font> 
<ul>
<li><A>標題</A> - <b>発言者</b> 日時 <font>発言No.</font> 

<ul>
<li><A>標題</A> - <b>発言者</b> 日時 <font>発言No.</font> 
</ul>
</ul>
</ul>

　dl の直接の子要素として存在できるのは dt と dd だけですから，ul や p
があるのはマズイんですね。表示できているのだからいいじゃないかと考える
人は考え方が間違っています。少なくとも，出力されたファイルには文書型宣
言があって， html 4.01 Transitional に適合している文書だと宣言している
わけです。文法無視なら宣言しなけりゃいいのに。

　普通に表示されて見えるのは，それがたまたまブラウザの表示仕様に依存し
ているからです。文書の信頼性は文書の型に適合してこそ高まるのであって，
どんなに内容が正確で素晴らしいものであっても，形式が乱れていたら信頼に
足らない文書とされてしまいます。掲示板に投稿された発言が信頼できないも
のと思われるのは，投稿者にとって辛いことですよね。

　そこで， 極力文法に添ったファイルを出力するような cgi の改造について
提案していきます。４ヶ月近く前の #56で言っているのですが，具体的な改造
方法については書いてなかったので。

参照先： http://homepage3.nifty.com/mezala/

wforum.cgi -39
print "<b style=\"font-size:$t_point;color:$t_color\">$title</b>\n";
　↓
print "<h1>$title</h1>\n";

　body の内側がまるまる div でくるまれているので，いきなりインライン要
素が出てきてもエラーにはならないのですが，最初の標題なのですから最上位
の見出しである h1 にするのが妥当でしょう。

　h1の見栄えは，wf_init.cgi のスタイル設定で調整できます。

参照先： http://homepage3.nifty.com/mezala/

質問！
＃私が質問してもヤラセかなにかと思われてしまうかもしれませんが。

> 　h1の見栄えは，wf_init.cgi のスタイル設定で調整できます。

具体的に、どこら辺をどういじればいいのでしょうか。

いやぁ、やっと掲示板スクリプトをいじる暇ができました。
wforumの新しいバージョンの変更点も反映できたし。
あとは、めざらさんのアイディア（のうちのいくつか）を取り入れるだけです。

 

参照先： http://www.hinocatv.ne.jp/~toshiki/

wforum 4.52のソースを例にします。
wf_init.cgi の 298行目から始まるサブルーチンの内容に追記します。
#---------------------------------------
#  HTMLヘッダ
#---------------------------------------
このコメント行の少し下を見ると，以下のような記述があります。
<STYLE type="text/css">
<!--
body,tr,td,th { font-size:$b_size; font-family:"$b_face"; }
a:hover       { text-decoration:underline; color:$al; }
.num          { font-family:Verdana,Helvetica,Arial; }
.obi          { background-color:$backCol; color:$charCol; }
-->
</STYLE>
この style 要素の中身の <!-- から --> の間に設定を書きます。
例えば，
h1 {
    background-color: #6666cc;
    color: #ffffff;
    margin-top: 0;
    padding: 0.2em;
    font-family: "Times New Roman", "Times", serif;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    line-height: 110%;
}
…のように。
ここで設定すればほぼスタイルに関しては多くの制御ができます。
このスクリプト冒頭の，
#---------------------------------------
#  ■基本設定
#---------------------------------------
…のセクションで設定した値を無視して直値で指定することもできます。

ヤラセのお約束で淡々と書きました。（ぉ

わたしのところの掲示板は web forum でないものにすると思います。
どうやってもvalidなものにできそうもないですから。
今候補に考えているのが，Child Tree(http://www.cj-c.com/)というのです。
URLの文字列の&がきちんと&に変換されているのでvalidにしやすそう。

参照先： http://homepage3.nifty.com/mezala/

> ヤラセのお約束で淡々と書きました。（ぉ

いやぁ、ＣＳＳはろくにわかっていないもので、助かりました。
実は、私の使う多くの環境で、ＣＳＳはわざと切ってあったりします。
そのような場合に、blockquoteを使わずにどうやって字下げをするか、あるいは
字下げをせずに見やすい体裁を得るにはどうするか、というのが次なる課題だっ
たりします。

> わたしのところの掲示板は web forum でないものにすると思います。
> どうやってもvalidなものにできそうもないですから。

私のところは掲示板を見栄えと機能で選んだからなぁ。
でも、導入前、３０〜４０くらいのスクリプトを試して、結局満足できたものが
WebForumしかなかったんですよ。
他にもう一つ、某フリーウェアのサポートに使われている掲示板に心引かれるも
のがあったのですが、どうもそれはそこのオリジナルスクリプトらしく非公開の
ようなので、導入することはできませんでした。
あと、WebForum導入後かなりたってから一つだけ興味を持ったスクリプトにお目
にかかりましたが、これから変更するのもめんどくさい気がして。

> 今候補に考えているのが，Child Tree(http://www.cj-c.com/)というのです。

これはどんな感じなのかな。あとで見てこよう。

> URLの文字列の&がきちんと&に変換されているのでvalidにしやすそう。

私のところの掲示板てほとんど&になっているけど、誰が書き換えたんだ？
＃って自分しかいないか

 

参照先： http://www.hinocatv.ne.jp/~toshiki/

> 実は、私の使う多くの環境で、ＣＳＳはわざと切ってあったりします。
　それならばなおのこと意味の違う要素を使うのは混乱の元なのでは？

> そのような場合に、blockquoteを使わずにどうやって字下げをするか、あるいは
> 字下げをせずに見やすい体裁を得るにはどうするか、というのが次なる課題だっ
> たりします。
　確かに視覚的に見やすい体裁というのは無視できません。だからこその CSS
だと思うわけですが， としきさんがわざわざ CSS を切っているという背景に
は，CSS を使って逆に見にくい体裁にしているサイトが多すぎるということで
もありそうですね。
> でも、導入前、３０〜４０くらいのスクリプトを試して、結局満足できたものが
> WebForumしかなかったんですよ。
　むう。確かに人気があるだけのことはあって，機能がしっかりしていて，表
示上のカスタマイズもできるし， もう少し軽くて valid だったら文句無しな
んですけどね。
> > 今候補に考えているのが，Child Tree(http://www.cj-c.com/)というのです。
> これはどんな感じなのかな。あとで見てこよう。
　早とちりで，オリジナルでは引数の & はそのままでした。 もじら組のフォ
ーラム（http://www.mozilla.gr.jp/forums/）で使われているのですが，これ
はかなり手を入れているみたいです。いずれを使わせてもらうにしても，結局
手をいれないとうちでは使えないなぁ。振り出しだ〜。(-o-;
> 私のところの掲示板てほとんど&になっているけど、誰が書き換えたんだ？

　スクリプト，ください。8-D~~~

参照先： http://homepage3.nifty.com/mezala/

> 　スクリプト，ください。8-D~~~
　簡単だった。。。(^^ゞ
　さーて，これで valid にできるかな，と…。
……何？　「ふつうです」ですと？
うーむ，色差か。
落ち着いた色調にすると，色差が足らなくなるなぁ。

参照先： http://homepage3.nifty.com/mezala/

> 　簡単だった。。。(^^ゞ

でしょ？
うまく考えれば、一括置換数回で何とかなるかと。
ただ、これをすると、バージョンアップがあった時の事を考えると多少頭が痛か
ったりして。

 

参照先： http://www.hinocatv.ne.jp/~toshiki/

> ただ、これをすると、バージョンアップがあった時の事を考えると多少頭が痛か
> ったりして。
print命令があるところの&を&にするだけでいいみたいだから，
それほど面倒でもないですね。やってみたら「な〜んだ」みたいな。

参照先： http://homepage3.nifty.com/mezala/

wforum.cgi -44 〜64

区切り線に挟まれたナビゲーション部分で，以下の表示になるところ。
[トップに戻る] [留意事項] [新規投稿] [新規順表示] [新着記事] [ワード検索] [管理用]
この範囲の内容は何の要素にもなっていません。
本来はリンク先のリストですから ul と li を使用するところですが，スタイ
ル設定が難しくなるのでリストにするのは後述として，とりあえずひとまとめ
の段落ということにしておきましょう。

wforum.cgi -44
[<a href="$home" target="_top">トップに戻る</A>]
　↓
<p>
[<a href="$home" target="_top">トップに戻る</A>]

wforum.cgi -64
[<a href="$admin">管理用</A>]
　↓
[<a href="$admin">管理用</A>]
</p>

参照先： http://homepage3.nifty.com/mezala/

　ナビゲーションバーもどきの下に２行の表示に関する説明があります。
　次の部分です。
・48時間以内の記事は new! で表示されます。
・ツリー先頭部の ▼ をクリックすると関連記事を一括表示します。

　これは箇条書きですが，出力されたものは li があるだけで ul がありませ
ん。li を内容に含めることができる要素は ul か ol だけです。 変なところ
にいきなり li を配置することはできませんので，これも修正します。また，
意味不明の br がくっついているので当然削除です。

wforum.cgi -67
<li>$new_time時間以内の記事は $newmark で表\示されます。</li>

　↓
<ul>
<li>$new_time時間以内の記事は $newmark で表\示されます。</li>

wforum.cgi -75
print "</td></tr></table></div>\n";
　↓
print "</ul>\n";
print "</td></tr></table></div>\n";

　行間が狭くなりますが，li に class 属性を付けてスタイルに記述し，上下
マージンを余分にとってやればよいでしょう。

参照先： http://homepage3.nifty.com/mezala/

　さて，最も悩ましい <dl><ul><p><dt><ul><li></ul></dl> です。

　ツリーは階層リストですから ul を使うのは当然ですが，単純なリストにす
ると最初の発言に一括表示のための「▼」が付けられなくなってしまいます。
いちいち div でツリーを囲むのも div 病みたいなので，ここは dl を生かし，
ツリーを dd に入れることにします。 dt がなくても文法エラーではありませ
ん。関連する内容を dd の内部でリストにすることにします。

　構造としては，次のようになります。
<dl>
    <dd>
        <ul>
            <li>+
        </ul>
</dl>

wforum.cgi -108
print "<ul>\n";
　↓
#print "<ul>\n";    # コメントアウト

wforum.cgi -138
print "<P><DT><a href=\"$script?mode=allread&no=$no&page=$page\">$treehead</A> - ";
　↓
print "<DD><a href=\"$script?mode=allread&no=$no&page=$page\">$treehead</A> - ";

wforum.cgi -149
print "<P><DT><a href=\"$script?mode=allread&no=$no&page=$page\">$treehead</A> - ";
　↓
print "<DD><a href=\"$script?mode=allread&no=$no&page=$page\">$treehead</A> - ";

wforum.cgi -156
print "</ul>\n";
　↓
print "</dd>\n";

参照先： http://homepage3.nifty.com/mezala/

　色々なブラウザを使ってみるとわかりますが，ブラウザのスタイルの初期値
というのは様々です。 わたしが時々使う Opera のスモールスクリーンモード
は blockquote が斜体で表示されるので，引用部分とそうでない部分が明確に
区別できて便利です。

　ところが，単に字下げのために blockquote を使っているページは，見にく
いことこの上ないという状態になります。webforum の発言表示がこれです。

　もちろん > で示された引用部分が blockquote になっているのなら， 問題
がないどころか諸手を上げて万歳・参ったになるのですが…。

　発言がモードによっては全体が整形済みの pre 要素になることを考えると，
単純に段落にするわけにもいかず，仕方がないので div を使います。

wforum.cgi -308
print "</table><blockquote>$v_msg</blockquote><P>\n";
　↓
print "</table><div style=\"margin: 0 1em\">$v_msg</div>\n";

wforum.cgi -443
print "</table><blockquote>$msg</blockquote>\n";
　↓
print "</table><div style=\"margin: 0 1em\">$msg</div>\n";

wforum.cgi -535
print "</table><blockquote>$msg{$_}</blockquote>\n";
　↓
print "</table><div style=\"margin: 0 1em\">$msg</div>\n";

wforum.cgi -714
print "</table><blockquote>$msg</blockquote>\n";
　↓
print "</table><div style=\"margin: 0 1em\">$msg</div>\n";


　一応，style 属性を使って字下げをしてみました。
　class を指定してスタイルシートで字下げを設定してもいいですね。

参照先： http://homepage3.nifty.com/mezala/

> 　以下が，オリジナルの wforum が出力するツリー表示の部分です。

wforum の新しいバージョンが出ていますね。
更新履歴を見ていないのでどこが変わったのかよくわからないけど、とりあえず
ダウンロードはしてみました。
めざらさんの今回の改造に関する連載も、取り入れられるものについては自分の
ところにも取り入れていこうかな、なんて考えています。

 

参照先： http://www.hinocatv.ne.jp/~toshiki/

　１０月に，としきさんにもらっていただいた改造版は，ここに書いた改造が
すべて含まれています。あの版は，ここに書いた件数よりもかなり多い改造を
施したもので，validater にかけてもそれなりの高得点を取れていたんじゃな
かったかなぁ。
　新版の wforum は， WF_INIT.CGI と WF_REGI.CGI がそれぞれ v4.52になっ
ていますね。wf_init.cgi はそれほど変わってないみたい。ファイルサイズの
違いはタイトルコメント行のスタイルだったりする。URL エンコード・デコー
ド部分がやや変更されているとか，入力チェックの最適化くらいかな。

参照先： http://homepage3.nifty.com/mezala/

> 　１０月に，としきさんにもらっていただいた改造版は，ここに書いた改造が
> すべて含まれています。あの版は，ここに書いた件数よりもかなり多い改造を

あ、さよですか。
実は今回の連載の中身と、うちで現用で使っているスクリプトの突き合わせとい
うやつをまだやっていないんですよ。
これは失礼しました。

> 　新版の wforum は， WF_INIT.CGI と WF_REGI.CGI がそれぞれ v4.52になっ

こちらの方もまだダウンしただけで中身は見ていません。
ただ、変更点はバグ改修らしいので、反映できる部分は反映したいと思います。

 

参照先： http://www.hinocatv.ne.jp/~toshiki/

>　そこで， 極力文法に添ったファイルを出力するような cgi の改造について
>提案していきます。４ヶ月近く前の #56で言っているのですが，具体的な改造

これって、誰に対する提案なの？
まさかわしに「やれ」って言ってるわけじゃないですよね。

> これって、誰に対する提案なの？

WebForumのスクリプトを使っている人全てに対する提案なのでは？
だから私もいくつかの項目は容れさせてもらったし、無視ぶっこいている項目も
あるし。
ただ、あれだ、もしにゃまさんのところにこのスクリプトを導入するのであれば、
大家のにゃまさんは「ばりっど」なのがお好きなようなので、なるべくそれに近
い形に近づけてから導入したほうがよいような気もします。
気のせいかもしれませんが。
ま、実際の作業を誰がやるか、というのは別問題でしょう。

 

参照先： http://www.hinocatv.ne.jp/~toshiki/

これが例えば「WebForum のスクリプトを作っている人」への直接の提案なら、
内容はともかくスジとしては理解しやすいんですけれどね。

にゃまさんはそこまで干渉しないと思うけれど、もしそういう話になったら簡
単なことで、他のスペースを探すか自分のところに入口を置くだけです。

スクリプトなんて、Ｖｚのマクロと同じ、ただのテキストファイルなんだから、
設営者が好きなように改造して設置すればいいものでしょう。だからあじゃさん
もいろいろと改造に邁進されているわけだし、私もちょっとした改造は加えてい
ます。また、validに近づける方法も提案されたりするわけで、オリジナル至上主
義者でなければ、そういうのを適当につまみ食いすればいいんじゃないの？
少なくとも、自分の改造コードを公表しない私のような秘密主義の人間よりは、
こう改造すればこうなる、ということを発表する人の方が数倍立派だと思います。
＃比較の対象が悪すぎる？

で、WebForumの作者なんだけど、よくわからない人だという気がします。
私も以前、直接サポート掲示板に３点ほど改善提案をして、参考にしますみたい
なレスはつけてもらったけど、今回のバージョンアップではすべて無視されてい
るし。かといってユーザの要望を聞かない人かというそういうわけでもなくて、
ユーザの要望に基づいて今回のバージョンアップは為されているはず。
単に忘れられているだけなのかな。

 

参照先： http://www.hinocatv.ne.jp/~toshiki/

システム面が落ち着いたら めざら さんに cgi 一式をあずけるので、 好きな
ように html 展開をいじってもらうことにします。

わしからの注文は 1 点だけです。

なるべくいろんな環境の人にとって、フォントサイズが見やすく、当幅のピッ
チもずれないようにすること。


わしの環境は、17 インチ CRT、解像度 1152x864、WinME+IE5.5sp2 DonutRAPT
窓・最大化で、

(1)「インターネットオプション」→「ユーザー補助」 で「Web ページで指定
されたフォントサイズを使用しない」にチェックを入れ、ブラウザでは「文字
のサイズ」を「最大」。

(2)「Web ページで指定されたフォントサイズを使用しない」 のチェックをは
ずし、ブラウザでは「文字のサイズ」を「最大」。

(1)(2) の両方で見やすくなれば万々歳ですけど、難しければ (1) だけでいい
です。

テスト板を設置し、できるだけ多くの人から意見を訊いて、みんなが満足する
ものを作っていただければ幸いです。

システム面の改造は一区切りとし、変更履歴(#54)を改定しておきました。

それでは めざら さん、現在「信頼できないもの」と思われてしまっているら
しいこの掲示板、そして新設する掲示板のすべての投稿者のために、 html 展
開の改良をよろしくお願いします。


・html 展開以外の部分は変更しないでください。

めざら さんの改良が終わったら、またシステム面に手を入れます。 両方をい
っぺんにやると、変更個所の履歴をたどるのがえらいことになります。また、
改良箇所がシステム面にかかわる部分かどうかわからないときは、随時おたず
ねください。


・「留意事項」の表示部分は手を入れる必要はありません。

「留意事項」のリンク先は 1 枚ものの html に飛ばしてしまう予定です。


・だいたいの改良完了予定期日を早めにお知らせください。

たとえば Ish 部屋の cgi に関しては新規発言のみ投稿可への変更などがひか
えています。新設掲示板の設置をめざらさんの改良終了を待って行うか、とり
あえず現状のまま最低限の変更で行くかをそれによって決めます。


改良にあたっての、わしの個人的な要望は #343 にありますので合わせてよろ
しくお願いします。