【HTML】StrictなHTMLのBBSを作ろう【Perl,PHP】
strictなHTMLを出力するBBSを作成するスレッドです。
strictの種類としては、html4.01.XHTML問いません。
書き込みに対し、どのような処理を与え、どんな結果を出すことが望ましいか、
そのコードはどんな風にすればよいか、を話し合うスレです。
参照スレッド
Strict-HTML スレッド25@Web制作
http://pc5.2ch.net/test/read.cgi/hp/1101043958/l50 今更ですごく気まずいが…
改造に適した掲示板が全然見つからなくて
その後他の仕事も忙しくなって
モチベーションが一気に落ちてふけてた。すまん。
誰か適当な掲示板スクリプト紹介してくれ…。
・PHPで書かれている
・完全にデザイン(HTML)とロジックが分離されている OR 最初からStrictなHTML
・改造・再配布がライセンス的に問題がない
DBはなるべく使いたくないけど、この際どちらでも良いかな…。
>>334
なんでDB使うのが嫌なのかがわからん。
理由を教えてくれ。 >>345
…敢えて問い返されると別に深い理由はないな。
まあ普段開発している環境にはMySQLしか入れてないから、
Postgresオンリーとかだとちょっと面倒くさいけどね。
あと”使いたくない”理由ではないけど、
DB使うと設置性の問題であまり好かれないんじゃないかと思ったから
自分で探しているときは避けてた、というのもある。
てことで
・DB使うならなるべくMySQLで
を追加。 >>348,349 Thanks. 調べてみた。
・POTI-Board
HTMLの分離はそれなりになされているが、如何せんコードがな…。
これを改造するのは考えたくない…。(potiboard.php 行35-38あたりが象徴的)
というかそれ以前に、”お絵かき掲示板”は流石にちょっと違う気がする。
・AA_BBS、FrogBoard
どちらも”テンプレート対応”ではあるがHTMLの分離は完全ではない。
結局はプログラム中にHTMLが散在してしまっている。
自分で探したときに見つけたのもほとんどがそうだった。
…なんか「プログラマは出力されるHTMLに無関心だ!」って主張を体感している気分だ。
なるほどこりゃゼロから作り直した方が早いかもね…。俺の負けだ。
愚痴ってばかりの自分に嫌気も差してきたし、すっぱり消えることにする。
僅かでも期待してくれた人がいたら、すまんかった。 分かってるだろうけど、プログラマが無関心なんじゃなくて
一般的にほとんどの人間が無関心だからその中にプログラマが入っていただけかと。 120さん消えないでー 。゜(゚´Д`゚)ノウンコ- >>351
clrea
ttp://kano.feena.jp/erial/clrea/
一応Strictみたいだがどうよ? STRICT BBS
ttp://fjo.mine.nu/chisha/isha/skin/strict/
自称Strictみたいだがどうよ?
「strict bbs」でぐぐったらでてきた。 >>355
それのどこがStrictなんだよw 覚えたての厨房レベルだ。
難癖つけられて逆切れしてるみたいだしな。言ってることむちゃくちゃだ。 Strictってなんですか?
デザインと機能が分かれてるって事かな? clreaが出ているようなのであげとく。
http://kano.feena.jp/?dev%2FclreaSX
1はこういうDOMXML掲示板がやりたかったの? >>1は糞スレを立てたかっただけ。
最初から作る気なんか無かったと思う。 > 書き込みに対し、どのような処理を与え、どんな結果を出すことが望ましいか、
> そのコードはどんな風にすればよいか
結局実際に掲示板を作るとか改造するとかより、
それまでの過程を話し合う…っていうかそっちのが楽しかった気がする。
ってことで、
------------------
>>1 (さんへ)
なんとかかんとか
------------------
ってのはどうマークアップすべきなんだろう? とか振ってみるテスト。
へ へ
( レ⌒) ( レ⌒) |\ /} く~~~7 __
|\_/ /へ_ |\_/ /へ_ \\_// ~|/,,_ . 丶\ _ _
\_./| |/ \ \_./| |/ \ > / /~___、 \ | |_〜、 レ' レ
/ /| |~ヽ ヽ / /| |~ヽ ヽ / ∠__ | / ! | へ_,/ ノ ,へ
/ /| |ノ ノ | | / /| |ノ ノ | | (~_ ~ ~) \| i | \_ ー ̄_,ー~' )
| | | / / / | | | / / / ~ ̄ ̄フ / | ! フ ! (~~_,,,,/ノ/
\\ノ く / / \\ノ く / / /~/ ノ / | |  ̄
\_∧」 / / \_∧」 / / ( < / / ノ | /(
_/ / _/ / \ \ ノ / / / | 〜-,,,__
∠-''~ ∠-''~ ~`-ニ> ノ/ (_ノ 〜ー、、__) おい、まだできないのかよ
ここはCGIができてStrictを理解している子が来ているんじゃなかったのか?( ´,_ゝ`)プッ >>367
素直に「早く作ってくださいお願いします」がいえないってなんか貧相だよね。 >>364
> ------------------
> >>1 (さんへ)
> なんとかかんとか
> ------------------
>>1 (さんへ)は見出しに該当するだろう。
書き込みのタイトル以外に、見出しをつけられるようにしなきゃならん、ってことか。 >>370
グロ
死ね
まじで死ね
生きてる価値ねえよおまえ >>369
見出しかー。
でも見出しとなると、いくつか問題点もでてくるな。
A. <hn> の n を何番にしたらいいか
B. どこまでが >>1 への返答なのかがわからなければいけない
>>A
Aは初期設定で設定すれば何とかなるかとは思うけど、
決めなきゃいけないのがちょっと。
>>B
Bは、もし途中で >>1 への返答が終わって、通常文になる場合、
どこまでが >>1 の返答で、どこからが本文なのかわかりにくくなるということだ。
返答が1段落だけとは限らないし。
こういうときには、XHTMLで考えられている <h> と <section> 要素がほしくなるな。 (^Д^)ギャハ!↑みなさん、この人のレスどう思いますか♪なんてありきたりなんでしょうね♪
誰もが皆、一瞬つけてみたくなる発想のレスです♪
しかし、賢明な人はその自らの短絡的思考を野放しにする事を嫌がり、
こういうレスは控えます♪しかし、この人はしてしまったのです(^^;
「誰もが思い付くような事」を堂々と♪
この人にとってこのレスは何なのでしょうか♪
このレスをしている間にも時間は刻々と 過ぎ去っているのです♪
正にこの人のした事は「無意味」「無駄」でしかありません♪ああ・・・何ていう事でしょう(^^;ワラ
図星で泣いちゃうかも(^^;ワラ 質問させていただきます。
最近HPを作り始めたのですが、
FTPで画像をアップロードしてHPに貼り付けた画像の、
プロパティを見たらURLが普通のフォルダ名とかになってるんです、
どうやってHTTPになるんですか?
教えてください。お願いします
>>377
ブラウザからみる
フォルダの関係をよくみる ストリクターの要望は満たさないだろうけどXHTML1.1な掲示板
ttp://atworks-online.net/miscbbs/miscbbs.html strictってスレタイだけどその実はマークアップスレですか 時を越えて書き込み
個々の書き込みを表示する場合dl使っていいのかな?
<dl>
<dt>nobodyさん</dt>
<dd>ぬるぽ</dd>
</dl> >>387
bbsの仕組みは良く分からないけれども、よいのでは?
それを取り入れるなら、
<ul>
<li>タイトル
<dl>〜</dl>
</li>
<liタイトル>
<dl>〜</dl>
</li>
</ul>
も有かも…? <dl>〜</dl>は意味的にstrictじゃないんじゃないかと言ってみるテスト。
百歩譲って<ul>。 普通はヘッダは<h*>で、本文は<p>。 > DL要素の応用として、例えば対話のマーク付けがある。 DT要素が話者を示し、DD要素が話の内容を示す、というものである。
見当はずれかもしれないけど仕様書にこうあったもんで。まあ「対話」ではないか まだ結構人来てるのかココ。
別にDLでもH*でもいいと思うわー。
うちはこうだな。
<h*>タイトル</h*>
<dl>
<dt>name</dt>
<dd>nobodyさん</dd>
...
</dl> なんで書き込み日時?
そのままリストにいれちゃってもいいし、独立させてもいいんじゃね? <h*>NullPointerExceptionを「ぬるぽ」と呼ぶスレ</h*>
<dl>
<dt>name</dt>
<dd>nobodyさん</dd>
<dt>date</dt>
<dd>2005-3-7</dd>
<dt>message</dt>
<dd>ぬるぽ</dd>
</dl>
こんな感じになるのか? ins要素のdatetimeにも書き込み日時を入れるのは?
こんな感じで、重複するのはスマートじゃないけど。
<h*>NullPointerExceptionを「ぬるぽ」と呼ぶスレ</h*>
<ins datetime="2005-03-07 17:30:00+09:00">
<dl>
<dt>name</dt>
<dd>nobodyさん</dd>
<dt>date</dt>
<dd>2005-3-7</dd>
<dt>message</dt>
<dd>ぬるぽ</dd>
</dl>
</ins>
えー、insはさすがに変だろーw
記事編集したのならいいけどもw 独自の名前空間宣言して属性追加すれば?bbs:datetimeみたいな。 input type=hiddenをどこに置こうか迷ってる。 http://www.big.or.jp/~talk/t-club/soft/mini_r6/index.cgi mod_fast_bbsはstrictみたい
ttp://acapulco.dyndns.org/mod_fast_bbs/ 画像BBSを設置しているんですけども、
投稿者にalt属性を入力させてるのは、やはりやり過ぎでしょうか?
設置後半年ほど書き込みがありません。。 >>412
関係ないと思うよ・・・ただ単に人が来ていないか、アップする画像がないだけ >>413
たしかに一日の新規訪問は一桁くらいです(泣)
やはり画像投稿する人っていないんですね。。
画像関係のサイトじゃないと確かに意味がないかな。。 xhtmlとPerlがstrictの掲示板大体できたよ。
スレッド式じゃないけど。 さっさと書いた正規表現。
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 全部<pre>で囲っちまった方が楽な気がしてきた。AAかどうかなんて判別できないわけだし。 <pre>ってソースのインデントできないから嫌だな。
やりすぎ? ん?むしろインデントしやすくなるような・・・スペースもそのまんまになるわけだし >>423
<body>
<dl>
<dt>なまえ<dt>
<dd>
<pre>こめんと
ほげほげ
ほげ</pre>
</dd>
</dl>
</body>
これだけでも嫌なんです
あ、そういう意味のインデントか。それはもうヒアドキュメントみたいなもんだと思って諦めるしかないかと。 >>425
自分で言っといて思ったんだけど
俺は厨なのかもしれないw
ヒアドキュメントまで専用のパッケージ作って逃げてる俺ガイル
本当はヒアドキュメント並みに便利なタグなのかもしれないですね <body><dl><dt>なまえ<dt><dd><pre>こめんと
ほげほげ
ほげ</pre></dd></dl></body>
俺はこうだな・・・ >>424
<body>
<dl>
<dt>なまえ<dt>
<dd>
<pre>こめんと
<!-- -->ほげほげ
<!-- -->ほげ</pre>
</dd>
</dl>
</body>
これでどうだ >>427
<pre>以外では改行しないってこと?
掲示板でそれやると酷いよw
>>428
正直天才だと思たw
XHTMLじゃstrictじゃないね >>429
> XHTMLじゃstrictじゃないね
そんな話あった?
CDATA型要素(style要素やscript要素)とごっちゃになってない? >>432
コメントもCDATAだと思ってました。
ところで<blockquote>使うと
携帯で見づらくなるのはどうにもならんの?
<dd>の中ならなおさら pre要素は改行やスペースをそのまま表示するだけで、すべてをそのまま
表示する要素ではないからな。pre内にコメントを書けばコメント内は
普通に無視される。これはHTMLでもXHTMLでも同じ。
携帯の問題は、auならCSSで解決出来るだろうが…。 >>434
コメントが表示されないのは知ってる。
でも<![CDATA[コメント]]>って書くもんだと思ってたんですよ。
<blockquote>の件だけどCSSでも左のマージンは消えない
<dl>
<dt></dt>
<dd>
<blockquote></blockquote>
</dd>
</dl>
body,dl,dd,blockquote{
margin-left: 0px;
padding-left: 0px;
}
これで左余白2emになる(au実機で検証) >>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 が
消せないみたいだ。ひどいバグだ。まあ、そんなに見づらいというほどでも
ないとは思うが。 >>436
なるほど。よくわかった。
あと、マージンも確認ありがとうです。
2emって書いたけど、携帯側で文字サイズ変更したら
どうやら絶対単位で位置づけられてるみたいです。 自分の環境で動く掲示板を途中まで作った。
ある程度このスレの趣旨にあってると思う。
2chでソース公開してみんな協力して仕上げたいんだけどどうだろう。
専用スレ立てて真剣にやりたい。
付き合ってくれる人いる? まずはうpしてやる気みせないと誰もついてこないかと。
TODOリストとかも一緒に書いて、他の人が開発できるように。 >>441
>TODOリスト
なるほど、良いですね。参考にします。
うpする前にもう少し意見を聞きたい。
はっきり言ってここまでひどく過疎ってるとは思ってなかったわ(´・ω・`)
一応自分にしては最高のデキだと思ってる。
たいしたことはしてないけど長い時間かけてPerl勉強しながら書いたコードだから
そうやすやすとはうpできないよ。
久々に見てみたらいろいろ発見。
手伝いたいけどプログラムはヘボすぎて無理だろうなorz
織れは HTML , CSS 面でしか力になれそうにない ..... スマン
みんなで開発するならWikiひとつあればよさげ?
TODOもバージョン管理もスレのログ保存もいけるし。
(ただ、時期尚早な気も。) >>443
wiki借りた事ないし編集したこともないな…。
うまく使えば便利なのは間違いないですね。
それか、即席で掲示板共同開発用cgi作ってみる?
別に急いでる話じゃないし。実際掲示板途中だし。
今手直ししてて動かないんだわw
あと、プログラムできなくても問題ないですよ。
掲示板の処理ってどこも大差ないから、
html,cssが一番重要だと思う。
意見とか、手持ち環境での動作確認だけでも大きな力になります。