【HTML】StrictなHTMLのBBSを作ろう【Perl,PHP】
>>412 関係ないと思うよ・・・ただ単に人が来ていないか、アップする画像がないだけ
414 :
412:2006/11/22(水) 22:39:53 ID:SjjrY6ty
>>413 たしかに一日の新規訪問は一桁くらいです(泣)
やはり画像投稿する人っていないんですね。。
画像関係のサイトじゃないと確かに意味がないかな。。
よければアダルト目的に使用させてもらうが
xhtmlとPerlがstrictの掲示板大体できたよ。
スレッド式じゃないけど。
417 :
nobodyさん:2007/01/30(火) 02:30:21 ID:yyajzISr
レスはテーブルでもおkなんじゃないかと
そこを<dl>,<dt>,<dd>で乗り切るんだ
419 :
nobodyさん:2007/02/04(日) 10:34:39 ID: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
↑<CL>は改行文字です
全部<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って書いたけど、携帯側で文字サイズ変更したら
どうやら絶対単位で位置づけられてるみたいです。
438 :
nobodyさん:2007/02/10(土) 16:25:49 ID:9aNm/xHB
439 :
nobodyさん:2007/02/10(土) 16:27:33 ID:9aNm/xHB
440 :
nobodyさん:2007/02/18(日) 10:11:14 ID:b25IBTBf
自分の環境で動く掲示板を途中まで作った。
ある程度このスレの趣旨にあってると思う。
2chでソース公開してみんな協力して仕上げたいんだけどどうだろう。
専用スレ立てて真剣にやりたい。
付き合ってくれる人いる?
まずはうpしてやる気みせないと誰もついてこないかと。
TODOリストとかも一緒に書いて、他の人が開発できるように。
442 :
440:2007/02/20(火) 11:53:22 ID:???
>>441 >TODOリスト
なるほど、良いですね。参考にします。
うpする前にもう少し意見を聞きたい。
はっきり言ってここまでひどく過疎ってるとは思ってなかったわ(´・ω・`)
一応自分にしては最高のデキだと思ってる。
たいしたことはしてないけど長い時間かけてPerl勉強しながら書いたコードだから
そうやすやすとはうpできないよ。
久々に見てみたらいろいろ発見。
手伝いたいけどプログラムはヘボすぎて無理だろうなorz
織れは HTML , CSS 面でしか力になれそうにない ..... スマン
みんなで開発するならWikiひとつあればよさげ?
TODOもバージョン管理もスレのログ保存もいけるし。
(ただ、時期尚早な気も。)
444 :
440:2007/02/20(火) 17:56:44 ID:???
>>443 wiki借りた事ないし編集したこともないな…。
うまく使えば便利なのは間違いないですね。
それか、即席で掲示板共同開発用cgi作ってみる?
別に急いでる話じゃないし。実際掲示板途中だし。
今手直ししてて動かないんだわw
あと、プログラムできなくても問題ないですよ。
掲示板の処理ってどこも大差ないから、
html,cssが一番重要だと思う。
意見とか、手持ち環境での動作確認だけでも大きな力になります。
プログラミングっていうより、既存のスクリプトの新しいテンプレート、スキンを改造すればすむ話なのでは?
MySQLとか使うタイプの。ソースもクソもねーよ。html,cssだけでいいよ。
ここのみんなはBBSっていうと2chみたいなのしか頭にないようだが。
>>444 wikiはここで借りればいいじゃん。無料。メルアド登録だけで利用可能。
http://atwiki.jp/ wiki文法知らなくても、ワープロ感覚で使うモードもある。あとはやる気と費やす時間だけ。
446 :
440:2007/02/22(木) 04:32:55 ID:???
>>445 テンプレート変えるって言っても
既存のスクリプトだと大半を書き直す事になる。
その辺はテンプレートとスキン(css)を持ち込めるように作りたい。
あとは文字コード、携帯対応なんかを前方互換的に対応したい。
アクセシビリティも追求したい。
2ch型みたいに大規模向きにはしたくない。
個人の弱小サイト向きのベーシックなのが良い。
画像の使用もなるべく避けたい。うpも対応したくない。
趣旨はこんな感じです。
>wiki
これなら大丈夫そうです。ありがとう。
447 :
443:2007/02/22(木) 12:42:36 ID:???
あんまし伸びてないなw
・ Perl
・ Strictな(X)HTMLを吐く
・ テンプレ式なのでデザイン変更楽
・ 携帯対応予定
とりあえずここまでは決定な感じ?
デザイン変更はどこまで可能?管理画面とかはさすがに不可?
448 :
440:2007/02/22(木) 14:33:42 ID:???
>>447 どうせそうのうち晒すことになると思うから公開しときます。
http://studio28.jp/dev/bbs.pl いちおうこれがバージョン2になります。
まだ完成してないのでバグ有りです。
携帯の事はまだ考慮してません。
ホームに戻ればバージョン1が置いてあります。
こっちは携帯でも見れるつもり。
strictに対応してるのはバージョン2です。
ソース見てください。実際に投稿しても良いです。
449 :
443:2007/02/22(木) 20:40:27 ID:???
>>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るべき?
450 :
440:2007/02/22(木) 21:34:48 ID:???
>>449 >空div
一応段落(連続改行)ごとに仕切ってるつもりです。
長文書くとわかりやすくなると思う。
<br /><br />じゃstrictじゃないですからね。
あと、blockquote使ってないのは携帯の相手するのが面倒だからです。これはいずれ…
>id
ver.1ではid使ってるけどver.2ではclassになってます。
なんか意味あったはずだけど忘れたw
こんなに細かいとこつつかれるとは思ってなかった。
レベルの高さがうかがえます。ありがとう。
ぁ、言い忘れましたけど管理画面そのものが無いです。
募集age
pあるんだからdivいらなくね?
それとも、
<div>
<p>一応段落(連続改行)ごとに仕切ってるつもりです。</p>
〜〜〜略〜〜〜
<p>あと、blockquote使ってないのは携帯の相手するのが面倒だからです。これはいずれ…</p>
</div>
こんな感じで句点ごとにp閉じて、1行開けをdivでマージンとってやる感じ?
でもそれだと色々な書き方の人が居るからdivでくくる事が破綻すると思うよ。
読みやすくするために句点で改行したりする人は多いし、
パラグラフは1行開けてるとこで分けるところって意図で書いてる場合が多いから。
\n*2連発でdiv分けるなら、classでpの上にmargin取る様にした方が簡単じゃない?
\n*3だったらmargin余分に取ればいいし、classなんか複数指定しても良いんだから。
453 :
440:2007/02/22(木) 22:46:01 ID:???
>>452 うーん、考えてみたけどややこしいですね。
直接タグ打ち込めるならいいけど、
スクリプトのループ内でやるのは辛いものがある。
実際に破綻する内容ver.2の方に書き込んで貰えませんか?
>>452なんかだと2行目からすでにマークアップ不可能に近くなってるな
パラグラフでいうなら1〜13行目までがひとつのパラグラフで、
<div>〜</div>はpreでマークアップする必要があるけど、そうなるとパラグラフが途中でぶった切られる
htmlの時点で既に破綻してるなw
455 :
440:2007/02/22(木) 23:58:20 ID:???
とりあえずdiv取った(´・ω・`)
456 :
443:2007/02/23(金) 17:17:20 ID:???
お、ちょっと見てないうちに少し来てる。
文書の整形は
\n 1個 → <br />
\n 2個 → </p><p>
\n 3個以上 → </p><p class="long_margin"> // クラス名適当ゴメス
これだけでも別に普通の投稿なら大きく崩れたりはしなさそう。
書き込み方は人それぞれだもんな…。
>>452氏の言ってるように句点で改行する派とか、
あと必ず1行空ける人とかもいるな。微妙なところ。
でもHTML面に関してはツッコミどころはけっこう無くなったんじゃないかな?
そろそろデザイン面 ・ Perl面を崩していけそうか。
少しずつだけど進行してるっぽいな。頑張れ。超頑張れ。
その後どうなっているのだらう...
459 :
nobodyさん:2007/09/15(土) 17:48:38 ID:CbXLFV8Y
ageてみる
hrを使うのはstrictか否か
| | ガガガガッ
| |
人
< >_∧∩
人`Д´)/ ←
>>297 ∧_∧ < >_∧∩
( ・∀・) 人`Д´)/ ←
>>387 と ) < >_∧∩
Y /ノ .人`Д´)/ ←
>>395 / ) < >_∧∩
_/し' //. V`Д´)/ ←
>>396 (_フ彡 /