【HTML】StrictなHTMLのBBSを作ろう【Perl,PHP】

**nobodyさん** · 04/11/27 10:29:37

strictなHTMLを出力するBBSを作成するスレッドです。
strictの種類としては、html4.01．XHTML問いません。
書き込みに対し、どのような処理を与え、どんな結果を出すことが望ましいか、
そのコードはどんな風にすればよいか、を話し合うスレです。

参照スレッド
Strict-HTML スレッド25＠Web制作
http://pc5.2ch.net/test/read.cgi/hp/1101043958/l50

**nobodyさん** · 05/03/08 02:34:40

えー、insはさすがに変だろーｗ
記事編集したのならいいけどもｗ

**nobodyさん** · 05/03/08 18:24:52

そっかぁ…(´・ω・`)

**nobodyさん** · 05/03/09 11:52:47

398元気だして！

**398** · 05/03/10 01:01:47

>>399
サンクス!(｀･ω･´)

**nobodyさん** · 05/03/11 22:08:47

独自の名前空間宣言して属性追加すれば？bbs:datetimeみたいな。

**nobodyさん** · 2005/04/02(土) 10:19:33

http://dev.ishinao.net/miniwiki/

**nobodyさん** · 2005/05/16(月) 13:14:37

スレタイに騙された・・・。

**nobodyさん** · 2005/05/19(木) 23:37:23

>>403
何だと思ったんだろう…。

**nobodyさん** · 2005/05/24(火) 01:21:58

input type=hiddenをどこに置こうか迷ってる。

**nobodyさん** · 2005/05/24(火) 02:48:32

fieldset内の下辺りにでも

**nobodyさん** · 2005/07/08(金) 21:24:41

http://www.kisc.meiji.ac.jp/cgi-isc/cgiwrap/~obuchi/board/board.cgi

**nobodyさん** · 2005/07/11(月) 17:58:28

>>407
全然Strictじゃないじゃん

**nobodyさん** · 2005/07/11(月) 18:11:15

http://www.big.or.jp/~talk/t-club/soft/mini_r6/index.cgi

**nobodyさん** · 2005/07/15(金) 21:56:50

http://gateway.ringoch.info/37ae2032-1c8b-7133-0d16-ed497cb2c1ac/simple.xml

**nobodyさん** · 2006/11/11(土) 00:05:55

mod_fast_bbsはstrictみたい
ttp://acapulco.dyndns.org/mod_fast_bbs/

**nobodyさん** · 2006/11/22(水) 02:14:27

画像BBSを設置しているんですけども、
投稿者にalt属性を入力させてるのは、やはりやり過ぎでしょうか？

設置後半年ほど書き込みがありません。。

**nobodyさん** · 2006/11/22(水) 02:27:56

>>412
関係ないと思うよ・・・ただ単に人が来ていないか、アップする画像がないだけ

**412** · 2006/11/22(水) 22:39:53

>>413
たしかに一日の新規訪問は一桁くらいです（泣）
やはり画像投稿する人っていないんですね。。
画像関係のサイトじゃないと確かに意味がないかな。。

**nobodyさん** · 2006/12/21(木) 08:04:35

よければアダルト目的に使用させてもらうが

**nobodyさん** · 2007/01/29(月) 20:40:17

xhtmlとPerlがstrictの掲示板大体できたよ。
スレッド式じゃないけど。

**nobodyさん** · 2007/01/30(火) 02:30:21

レスはテーブルでもおｋなんじゃないかと

**nobodyさん** · 2007/02/04(日) 09:38:47

そこを<dl>,<dt>,<dd>で乗り切るんだ

**nobodyさん** · 2007/02/04(日) 10:34:39

さっさと書いた正規表現。

my($number,$date,$name,$comment) = split(/<>/);
$comment =~ s/(<CL>){2,}/\n\t\t\t\t\t\t/sg;#改行連続を別の<p>ではさみたい(とりあえず考案中)
my @comment_lines = split(/<CL>/,$comment);
foreach(@comment_lines){
　　s/https?\:[\w\.\~\-\/\?\&\=\@\;\#\:\%]+/<a href=\"$&\">$&<\/a>/sg;
　　s/(\>\;\>\;)([0-9]+(-)?([0-9]+)?)/<a href=\"$file{'read'}\/$2\" title="$2" class="anchor">$&<\/a>/sg;
　　s/^\</\t\t\t\t\t\t\</s;
　　s/\>$/\>\n/s;
　　s/^(\>\;){1}.*$/<A>$&<\/A>/s;
　　s/^#.*$/<B>$&<\/B>/s;
　　s/^[^<#\t].*$/<C>$&<\/C>/s;
}
$comment = join('',@comment_lines);
$comment =~ s/<\/A><A>|<\/B><B>|<\/C><C>/<br \/>/sg;
$comment =~ s/<A>/\t\t\t\t\t\t<blockquote><p class="quot">/sg;
$comment =~ s/<\/A>/<\/p><\/blockquote>\n/sg;
$comment =~ s/<B>/\t\t\t\t\t\t<p class="ps">/sg;
$comment =~ s/<C>/\t\t\t\t\t\t<p class="txt">/sg;
$comment =~ s/<\/(B|C)>/<\/p>\n/sg;
push(@article,qq(\t\t\t\t\t<dt><a href="$file{'read'}/Re.$number/" title="Re.$number">$number: $date $name</a></dt>\n\t\t\t\t\t<dd>\n$comment\n\t\t\t\t\t</dd>\n));

汚ぇｗｗｗｗｗｗｗｗｗｗｗ

**nobodyさん** · 2007/02/04(日) 10:36:37

↑<CL>は改行文字です

**nobodyさん** · 2007/02/05(月) 00:52:19

全部<pre>で囲っちまった方が楽な気がしてきた。AAかどうかなんて判別できないわけだし。

**nobodyさん** · 2007/02/05(月) 09:19:03

<pre>ってソースのインデントできないから嫌だな。
やりすぎ？

**nobodyさん** · 2007/02/05(月) 09:40:42

ん?むしろインデントしやすくなるような・・・スペースもそのまんまになるわけだし

**nobodyさん** · 2007/02/05(月) 10:53:39

>>423
<body>
　　<dl>
　　　　<dt>なまえ<dt>
　　　　　　<dd>
　　　　　　　　<pre>こめんと
ほげほげ
ほげ</pre>
　　　　　　</dd>
　　</dl>
</body>

これだけでも嫌なんです

**nobodyさん** · 2007/02/05(月) 11:14:57

あ、そういう意味のインデントか。それはもうヒアドキュメントみたいなもんだと思って諦めるしかないかと。

**nobodyさん** · 2007/02/05(月) 13:01:31

>>425
自分で言っといて思ったんだけど
俺は厨なのかもしれないｗ

ヒアドキュメントまで専用のパッケージ作って逃げてる俺ガイル

本当はヒアドキュメント並みに便利なタグなのかもしれないですね

**nobodyさん** · 2007/02/05(月) 21:19:39

<body><dl><dt>なまえ<dt><dd><pre>こめんと
ほげほげ
ほげ</pre></dd></dl></body>

俺はこうだな・・・

**nobodyさん** · 2007/02/05(月) 23:15:23

>>424
<body>
　　<dl>
　　　　<dt>なまえ<dt>
　　　　　　<dd>
　　　　　　　　<pre>こめんと
ほげほげ
ほげ</pre>
　　　　　　</dd>
　　</dl>
</body>

これでどうだ

**nobodyさん** · 2007/02/06(火) 22:10:09

>>427
<pre>以外では改行しないってこと？
掲示板でそれやると酷いよｗ

>>428
正直天才だと思たｗ
XHTMLじゃstrictじゃないね

**nobodyさん** · 2007/02/06(火) 23:19:05

>>429
> XHTMLじゃstrictじゃないね

そんな話あった？
CDATA型要素（style要素やscript要素）とごっちゃになってない？

**nobodyさん** · 2007/02/07(水) 05:43:10

>>430
それは知らんかった(´・ω・｀)

**nobodyさん** · 2007/02/07(水) 07:28:10

>>431
「それ」とは何を指してるんだ？

**nobodyさん** · 2007/02/07(水) 12:41:42

>>432
コメントもCDATAだと思ってました。

ところで<blockquote>使うと
携帯で見づらくなるのはどうにもならんの？
<dd>の中ならなおさら

**nobodyさん** · 2007/02/07(水) 20:14:32

pre要素は改行やスペースをそのまま表示するだけで、すべてをそのまま
表示する要素ではないからな。pre内にコメントを書けばコメント内は
普通に無視される。これはHTMLでもXHTMLでも同じ。

携帯の問題は、auならCSSで解決出来るだろうが…。

**nobodyさん** · 2007/02/07(水) 21:32:45

>>434
コメントが表示されないのは知ってる。
でも<![CDATA[コメント]]>って書くもんだと思ってたんですよ。

<blockquote>の件だけどCSSでも左のマージンは消えない
<dl>
　　<dt></dt>
　　<dd>
　　　　<blockquote></blockquote>
　　</dd>
</dl>

body,dl,dd,blockquote{
　　margin-left: 0px;
　　padding-left: 0px;
}

これで左余白2emになる(au実機で検証)

**nobodyさん** · 2007/02/08(木) 01:32:44

>>435
そう言うことね。<![CDATA[ … ]]> は単に「この中はタグ等を解釈せず、
ただの文字列と解釈せよ」という意味だから、
・<script><![CDATA[ a="<br/>"; ]]></script>
・<script> a="＆lt;br/＆gt;"; </script>
この2つが同じ意味になるというだけで、コメントとは関係ないね。
HTMLのscript要素とstyle要素は中が自動的にCDATAになるけど、XHTMLは
明示しない限りならないから、中にタグっぽいものを書く時に注意という話。

HTMLのscript要素などをコメントで囲むのは単に古いブラウザ対策だから、
CDATA問題とは全く別レベルの話だし。

で、auはこちらでも試してみたけど、たしかにそうなるな。borderを付けて
調べてみると、dd要素の padding-left とblockquote要素の margin-left が
消せないみたいだ。ひどいバグだ。まあ、そんなに見づらいというほどでも
ないとは思うが。

**nobodyさん** · 2007/02/09(金) 06:10:49

>>436
なるほど。よくわかった。
あと、マージンも確認ありがとうです。
2emって書いたけど、携帯側で文字ｻｲｽﾞ変更したら
どうやら絶対単位で位置づけられてるみたいです。

**nobodyさん** · 2007/02/10(土) 16:25:49

http://tmitei.exblog.jp/

**nobodyさん** · 2007/02/10(土) 16:27:33

http://tmitei.exblog.jp/

**nobodyさん** · 2007/02/18(日) 10:11:14

自分の環境で動く掲示板を途中まで作った。
ある程度このスレの趣旨にあってると思う。

2chでソース公開してみんな協力して仕上げたいんだけどどうだろう。

専用スレ立てて真剣にやりたい。
付き合ってくれる人いる？

**nobodyさん** · 2007/02/20(火) 05:22:59

まずはうｐしてやる気みせないと誰もついてこないかと。
TODOリストとかも一緒に書いて、他の人が開発できるように。

**440** · 2007/02/20(火) 11:53:22

>>441
>TODOリスト
なるほど、良いですね。参考にします。

うｐする前にもう少し意見を聞きたい。
はっきり言ってここまでひどく過疎ってるとは思ってなかったわ(´・ω・｀)

一応自分にしては最高のデキだと思ってる。
たいしたことはしてないけど長い時間かけてPerl勉強しながら書いたコードだから
そうやすやすとはうｐできないよ。

**nobodyさん** · 2007/02/20(火) 17:28:12

久々に見てみたらいろいろ発見。

手伝いたいけどプログラムはヘボすぎて無理だろうなorz
織れは HTML , CSS 面でしか力になれそうにない ..... ｽﾏﾝ

みんなで開発するならWikiひとつあればよさげ？
TODOもバージョン管理もスレのログ保存もいけるし。
（ただ、時期尚早な気も。）

**440** · 2007/02/20(火) 17:56:44

>>443
wiki借りた事ないし編集したこともないな…。
うまく使えば便利なのは間違いないですね。
それか、即席で掲示板共同開発用cgi作ってみる？
別に急いでる話じゃないし。実際掲示板途中だし。
今手直ししてて動かないんだわｗ

あと、プログラムできなくても問題ないですよ。
掲示板の処理ってどこも大差ないから、
html,cssが一番重要だと思う。
意見とか、手持ち環境での動作確認だけでも大きな力になります。

**nobodyさん** · 2007/02/22(木) 03:26:51

プログラミングっていうより、既存のスクリプトの新しいテンプレート、スキンを改造すればすむ話なのでは？
MySQLとか使うタイプの。ソースもクソもねーよ。html,cssだけでいいよ。
ここのみんなはBBSっていうと２ｃｈみたいなのしか頭にないようだが。

>>444
wikiはここで借りればいいじゃん。無料。メルアド登録だけで利用可能。
http://atwiki.jp/

wiki文法知らなくても、ワープロ感覚で使うモードもある。あとはやる気と費やす時間だけ。

**440** · 2007/02/22(木) 04:32:55

>>445
テンプレート変えるって言っても
既存のスクリプトだと大半を書き直す事になる。
その辺はテンプレートとスキン(css)を持ち込めるように作りたい。

あとは文字コード、携帯対応なんかを前方互換的に対応したい。
アクセシビリティも追求したい。

2ch型みたいに大規模向きにはしたくない。
個人の弱小サイト向きのベーシックなのが良い。
画像の使用もなるべく避けたい。うｐも対応したくない。

趣旨はこんな感じです。

>wiki
これなら大丈夫そうです。ありがとう。

**443** · 2007/02/22(木) 12:42:36

あんまし伸びてないなｗ

・ Perl
・ Strictな(X)HTMLを吐く
・テンプレ式なのでデザイン変更楽
・携帯対応予定

とりあえずここまでは決定な感じ？
デザイン変更はどこまで可能？管理画面とかはさすがに不可？

**440** · 2007/02/22(木) 14:33:42

>>447
どうせそうのうち晒すことになると思うから公開しときます。
http://studio28.jp/dev/bbs.pl
いちおうこれがバージョン２になります。
まだ完成してないのでバグ有りです。
携帯の事はまだ考慮してません。

ホームに戻ればバージョン１が置いてあります。
こっちは携帯でも見れるつもり。

strictに対応してるのはバージョン２です。
ソース見てください。実際に投稿しても良いです。

**443** · 2007/02/22(木) 20:40:27

>>448
今見てみた。
あんまり織れの出番は無さそうかも。
でもちょっとだけ、、、

コメント内の
<div>
　<p class="txt">↑のリンクから ..... </p>
</div>
<div>
　<p class="quot">>引用文</p>
　<p class="txt">本文</p>
</div>
　：
　：
てな感じで空divがたくさんなのはなぜ？（何か意図あったらｺﾞﾒﾝ

あと、これは好みなんだろうけど、header,contents,footerあたりはclassじゃなくて
idのほうがいいかも。（見栄え的には変わらないけども；）
# もっとこだわる人は各レスごとにid振ったりするんだろうか。
# <dt id="res1">てな感じで。

…なんだか重箱の隅をつつくような指摘ばっかで申し訳ない。
神降臨しないかな…。過疎り杉。ageるべき？

**440** · 2007/02/22(木) 21:34:48

>>449
>空div
一応段落(連続改行)ごとに仕切ってるつもりです。
長文書くとわかりやすくなると思う。
<br /><br />じゃstrictじゃないですからね。
あと、blockquote使ってないのは携帯の相手するのが面倒だからです。これはいずれ…

>id
ver.1ではid使ってるけどver.2ではclassになってます。
なんか意味あったはずだけど忘れたｗ

こんなに細かいとこつつかれるとは思ってなかった。
レベルの高さがうかがえます。ありがとう。

ぁ、言い忘れましたけど管理画面そのものが無いです。

募集age

**nobodyさん** · 2007/02/22(木) 21:39:10

**nobodyさん** · 2007/02/22(木) 22:26:55

pあるんだからdivいらなくね？
それとも、

<div>
<p>一応段落(連続改行)ごとに仕切ってるつもりです。</p>
　　～～～略～～～
<p>あと、blockquote使ってないのは携帯の相手するのが面倒だからです。これはいずれ…</p>
</div>

こんな感じで句点ごとにp閉じて、1行開けをdivでマージンとってやる感じ？
でもそれだと色々な書き方の人が居るからdivでくくる事が破綻すると思うよ。
読みやすくするために句点で改行したりする人は多いし、
パラグラフは1行開けてるとこで分けるところって意図で書いてる場合が多いから。

\n*2連発でdiv分けるなら、classでpの上にmargin取る様にした方が簡単じゃない？
\ｎ*3だったらmargin余分に取ればいいし、classなんか複数指定しても良いんだから。

**440** · 2007/02/22(木) 22:46:01

>>452
うーん、考えてみたけどややこしいですね。
直接タグ打ち込めるならいいけど、
スクリプトのループ内でやるのは辛いものがある。

実際に破綻する内容ver.2の方に書き込んで貰えませんか？

**nobodyさん** · 2007/02/22(木) 23:29:49

>>452なんかだと2行目からすでにマークアップ不可能に近くなってるな
パラグラフでいうなら1～13行目までがひとつのパラグラフで、
<div>～</div>はpreでマークアップする必要があるけど、そうなるとパラグラフが途中でぶった切られる

ｈｔｍｌの時点で既に破綻してるなｗ

**440** · 2007/02/22(木) 23:58:20

とりあえずdiv取った(´・ω・｀)

**443** · 2007/02/23(金) 17:17:20

お、ちょっと見てないうちに少し来てる。

文書の整形は
\n 1個　　　 → <br />
\n 2個　　　 → </p><p>
\n 3個以上 → </p><p class="long_margin">　// クラス名適当ｺﾞﾒｽ
これだけでも別に普通の投稿なら大きく崩れたりはしなさそう。

書き込み方は人それぞれだもんな…。
>>452氏の言ってるように句点で改行する派とか、
あと必ず1行空ける人とかもいるな。微妙なところ。

でもHTML面に関してはツッコミどころはけっこう無くなったんじゃないかな？
そろそろデザイン面・ Perl面を崩していけそうか。
少しずつだけど進行してるっぽいな。頑張れ。超頑張れ。

**nobodyさん** · 2007/02/23(金) 20:08:18

>>456
\n3個以上のやつおｋ。あとでやっときます。

とりあえず、表示だけできる分を公開（てきとう）
http://studio28.jp/dev/code/hoge.html

**nobodyさん** · 2007/09/15(土) 17:46:31

その後どうなっているのだらう...

**nobodyさん** · 2007/09/15(土) 17:48:38

ageてみる

**nobodyさん** · 2007/10/23(火) 19:30:00

>>458
|д`)一人でやってますよ

**nobodyさん** · 2009/04/16(木) 02:42:03

hrを使うのはstrictか否か

【45.7m】 **電脳プリオン** ◆3YKmpu7JR7Ic · 2012/06/10(日) 19:32:05.66

　　　　　　　　　 |　|　ｶﾞｶﾞｶﾞｶﾞｯ
　　　　　　　　　 |　|
　　　　　　　　　人
　　　　　　　 < 　>_∧∩
　　　　　　　　　人｀Д´）/ ←>>297
　　∧＿∧　　 < 　>_∧∩
　（　・∀・）　　人｀Д´）/ ←>>387
　と　　　　）　　< 　>_∧∩
　　Ｙ　/ノ　　.人｀Д´）/ ←>>395
　　　 /　）　　 < 　>_∧∩
　＿/し'　／／. Ｖ｀Д´）/ ←>>396
　（＿フ彡　　　　　　　 /

**nobodyさん** · 2017/12/30(土) 13:34:57.33

誰でも簡単にネットで稼げる方法など
参考までに、
⇒　『半藤のブブイウイウレレ』というサイトで見ることができます。

グーグル検索⇒『半藤のブブイウイウレレ』

DRSCVG4A16

**nobodyさん** · 2018/02/20(火) 04:58:17.72

☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が３分の２を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆

**nobodyさん** · 2023/09/20(水) 19:52:41.00

ﾍ(ﾟдﾟ)ﾉﾅﾆｺﾚ?