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

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

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

4144122006/11/22(水) 22:39:53ID:SjjrY6ty
>>413
たしかに一日の新規訪問は一桁くらいです(泣)
やはり画像投稿する人っていないんですね。。
画像関係のサイトじゃないと確かに意味がないかな。。

415nobodyさん2006/12/21(木) 08:04:35ID:???
よければアダルト目的に使用させてもらうが

416nobodyさん2007/01/29(月) 20:40:17ID:???
xhtmlとPerlがstrictの掲示板大体できたよ。
スレッド式じゃないけど。

417nobodyさん2007/01/30(火) 02:30:21ID:yyajzISr
レスはテーブルでもおkなんじゃないかと

418nobodyさん2007/02/04(日) 09:38:47ID:???
そこを<dl>,<dt>,<dd>で乗り切るんだ

419nobodyさん2007/02/04(日) 10:34:39ID:nrwoc+hC
さっさと書いた正規表現。

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));


汚ぇwwwwwwwwwww

420nobodyさん2007/02/04(日) 10:36:37ID:???
↑<CL>は改行文字です

421nobodyさん2007/02/05(月) 00:52:19ID:???
全部<pre>で囲っちまった方が楽な気がしてきた。AAかどうかなんて判別できないわけだし。

422nobodyさん2007/02/05(月) 09:19:03ID:???
<pre>ってソースのインデントできないから嫌だな。
やりすぎ?

423nobodyさん2007/02/05(月) 09:40:42ID:???
ん?むしろインデントしやすくなるような・・・スペースもそのまんまになるわけだし

424nobodyさん2007/02/05(月) 10:53:39ID:???
>>423
<body>
  <dl>
    <dt>なまえ<dt>
      <dd>
        <pre>こめんと
ほげほげ
ほげ</pre>
      </dd>
  </dl>
</body>

これだけでも嫌なんです

425nobodyさん2007/02/05(月) 11:14:57ID:???
あ、そういう意味のインデントか。それはもうヒアドキュメントみたいなもんだと思って諦めるしかないかと。

426nobodyさん2007/02/05(月) 13:01:31ID:???
>>425
自分で言っといて思ったんだけど
俺は厨なのかもしれないw

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

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

427nobodyさん2007/02/05(月) 21:19:39ID:???
<body><dl><dt>なまえ<dt><dd><pre>こめんと
ほげほげ
ほげ</pre></dd></dl></body>

俺はこうだな・・・

428nobodyさん2007/02/05(月) 23:15:23ID:???
>>424
<body>
  <dl>
    <dt>なまえ<dt>
      <dd>
        <pre>こめんと
<!--        -->ほげほげ
<!--        -->ほげ</pre>
      </dd>
  </dl>
</body>

これでどうだ

429nobodyさん2007/02/06(火) 22:10:09ID:???
>>427
<pre>以外では改行しないってこと?
掲示板でそれやると酷いよw

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

430nobodyさん2007/02/06(火) 23:19:05ID:???
>>429
> XHTMLじゃstrictじゃないね

そんな話あった?
CDATA型要素(style要素やscript要素)とごっちゃになってない?

431nobodyさん2007/02/07(水) 05:43:10ID:???
>>430
それは知らんかった(´・ω・`)

432nobodyさん2007/02/07(水) 07:28:10ID:???
>>431
「それ」とは何を指してるんだ?

433nobodyさん2007/02/07(水) 12:41:42ID:???
>>432
コメントもCDATAだと思ってました。


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

434nobodyさん2007/02/07(水) 20:14:32ID:???
pre要素は改行やスペースをそのまま表示するだけで、すべてをそのまま
表示する要素ではないからな。pre内にコメントを書けばコメント内は
普通に無視される。これはHTMLでもXHTMLでも同じ。

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

435nobodyさん2007/02/07(水) 21:32:45ID:???
>>434
コメントが表示されないのは知ってる。
でも<![CDATA[コメント]]>って書くもんだと思ってたんですよ。

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

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

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

436nobodyさん2007/02/08(木) 01:32:44ID:???
>>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 が
消せないみたいだ。ひどいバグだ。まあ、そんなに見づらいというほどでも
ないとは思うが。

437nobodyさん2007/02/09(金) 06:10:49ID:???
>>436
なるほど。よくわかった。
あと、マージンも確認ありがとうです。
2emって書いたけど、携帯側で文字サイズ変更したら
どうやら絶対単位で位置づけられてるみたいです。

438nobodyさん2007/02/10(土) 16:25:49ID:9aNm/xHB

439nobodyさん2007/02/10(土) 16:27:33ID:9aNm/xHB

440nobodyさん2007/02/18(日) 10:11:14ID:b25IBTBf
自分の環境で動く掲示板を途中まで作った。
ある程度このスレの趣旨にあってると思う。

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

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

441nobodyさん2007/02/20(火) 05:22:59ID:???
まずはうpしてやる気みせないと誰もついてこないかと。
TODOリストとかも一緒に書いて、他の人が開発できるように。

4424402007/02/20(火) 11:53:22ID:???
>>441
>TODOリスト
なるほど、良いですね。参考にします。

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

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

443nobodyさん2007/02/20(火) 17:28:12ID:???
久々に見てみたらいろいろ発見。

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

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

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

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

445nobodyさん2007/02/22(木) 03:26:51ID:???
プログラミングっていうより、既存のスクリプトの新しいテンプレート、スキンを改造すればすむ話なのでは?
MySQLとか使うタイプの。ソースもクソもねーよ。html,cssだけでいいよ。
ここのみんなはBBSっていうと2chみたいなのしか頭にないようだが。

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

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

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

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

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

趣旨はこんな感じです。

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

4474432007/02/22(木) 12:42:36ID:???
あんまし伸びてないなw

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

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

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

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

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

4494432007/02/22(木) 20:40:27ID:???
>>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るべき?

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

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

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

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

募集age

451nobodyさん2007/02/22(木) 21:39:10ID:???



452nobodyさん2007/02/22(木) 22:26:55ID:???
pあるんだからdivいらなくね?
それとも、

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

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

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

4534402007/02/22(木) 22:46:01ID:???
>>452
うーん、考えてみたけどややこしいですね。
直接タグ打ち込めるならいいけど、
スクリプトのループ内でやるのは辛いものがある。

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

454nobodyさん2007/02/22(木) 23:29:49ID:???
>>452なんかだと2行目からすでにマークアップ不可能に近くなってるな
パラグラフでいうなら1〜13行目までがひとつのパラグラフで、
<div>〜</div>はpreでマークアップする必要があるけど、そうなるとパラグラフが途中でぶった切られる

htmlの時点で既に破綻してるなw

4554402007/02/22(木) 23:58:20ID:???
とりあえずdiv取った(´・ω・`)

4564432007/02/23(金) 17:17:20ID:???
お、ちょっと見てないうちに少し来てる。

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

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

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

457nobodyさん2007/02/23(金) 20:08:18ID:???
>>456
\n3個以上のやつおk。あとでやっときます。

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

458nobodyさん2007/09/15(土) 17:46:31ID:???
その後どうなっているのだらう...

459nobodyさん2007/09/15(土) 17:48:38ID:CbXLFV8Y
ageてみる

460nobodyさん2007/10/23(火) 19:30:00ID:???
>>458
|д`)一人でやってますよ

461nobodyさん2009/04/16(木) 02:42:03ID:???
hrを使うのはstrictか否か


          | | ガガガガッ
          | |
          人
           <  >_∧∩
          人`Д´)/ ←>>297
  ∧_∧   <  >_∧∩
  ( ・∀・)   人`Д´)/ ←>>387
 と    )  <  >_∧∩
   Y /ノ    .人`Д´)/ ←>>395
    / )    <  >_∧∩
  _/し' //. V`Д´)/ ←>>396
 (_フ彡        /

463nobodyさん2017/12/30(土) 13:34:57.33ID:YhlYw6jg
誰でも簡単にネットで稼げる方法など
参考までに、
⇒ 『半藤のブブイウイウレレ』 というサイトで見ることができます。

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

DRSCVG4A16

464nobodyさん2018/02/20(火) 04:58:17.72ID:???
☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆

新着レスの表示
レスを投稿する