【HTML】StrictなHTMLのBBSを作ろう【Perl,PHP】
■ このスレッドは過去ログ倉庫に格納されています
0001nobodyさん
04/11/27 10:29:37ID:???strictの種類としては、html4.01．XHTML問いません。
書き込みに対し、どのような処理を与え、どんな結果を出すことが望ましいか、
そのコードはどんな風にすればよいか、を話し合うスレです。
参照スレッド
Strict-HTML スレッド25＠Web制作
http://pc5.2ch.net/test/read.cgi/hp/1101043958/l50
0186nobodyさん
04/11/30 13:09:20ID:???0188nobodyさん
04/11/30 13:09:30ID:???0189nobodyさん
04/11/30 13:09:39ID:???0190nobodyさん
04/11/30 13:12:24ID:???分からないよな？
となるとHTML::Template使うかって意見出てもおかしくないよな？
けどお前はいきなり前スレ逝けなどとほざく。阿呆ですか？
0191nobodyさん
04/11/30 13:12:48ID:???0192nobodyさん
04/11/30 13:12:55ID:???0193nobodyさん
04/11/30 14:12:41ID:???さてと、本題に入ろうか。
0194nobodyさん
04/11/30 14:59:25ID:???変数を使ってもStrictにはならんが、その変数の中身次第では
Strictになるぞ。変数にする作業はこの板の仕事。その変数の
中身を決めるのは、製作板の仕事だ。
0195nobodyさん
04/11/30 15:49:29ID:???↓次ﾄﾞｿﾞｰ
0196nobodyさん
04/11/30 15:55:30ID:???0197nobodyさん
04/11/30 17:46:42ID:???<br>の連続が段落変えのために行われたのか、それとも本当に
強制改行の意で行われたのかを判断するのは誰だ？
Strictでは、段落変えや見た目のレイアウトのために<br>を使うことは
推奨していないが、強制改行のために<br>を使うことは禁止していないぞ。
0199120
04/11/30 20:02:55ID:???少しなめてたかも知れん(；´Д｀)
質問。引用のマークアップについて。
最初は安易に「行ごとにqで括れば良いか」と思ってたんだが、
やっぱblockquote使って中身もきちんとマークアップすべきかな？
例を挙げると
----------------------------------------------
blockquote を使う場合
> 例えば以下のように
> > 引用記号が連続していた場合
> > ネストされた引用と見なすわけですが、
> 場合によっては
> ・リストが入ったり
> ・段落で区切られたりすることがあります
> 正直かなり面倒くさい…
----------------------------------------------
<p>blockquote を使う場合</p>
<blockquote><p>例えば以下のように</p>
<blockquote><p>引用記号が連続していた場合<br />
ネストされた引用と見なすわけですが、</p></blockquote>
<p>場合によっては</p>
<ul><li>リストが入ったり</li>
<li>段落で区切られたりすることがあります</li></ul>
<p>正直かなり面倒くさい…</p>
</blockquote>
----------------------------------------------
0200120
04/11/30 20:04:46ID:???----------------------------------------------
q を使った一番安直なやり方
> 例えば以下のように
> > 引用記号が連続していた場合
> > ネストされた引用と見なすわけです
> 場合によっては
> ・リストが入ったり
> ・段落で区切られたりすることがありますが、
> この場合はほとんど無視されます
----------------------------------------------
<p>q を使った一番安直なやり方<br />
<q>例えば以下のように</q><br />
<q><q>引用記号が連続していた場合</q></q><br />
<q><q>ネストされた引用と見なすわけです</q></q><br />
<q>場合によっては</q><br />
<q>・リストが入ったり</q><br />
<q>・段落で区切られたりすることがあります</q><br />
<q>この場合はほとんど無視されます</q>
</p>
----------------------------------------------
やっぱこれじゃ許されないかな…？
0202nobodyさん
04/11/30 21:40:32ID:???お前もバカだからやってるんだろうけど、
糞リプト公開して恥さらしになるのは勘弁な。
search.cpan.org: The CPAN Search Site
http://search.cpan.org/search?query=Wiki&mode=all
PEAR :: Package :: Text_Wiki
http://pear.php.net/package/Text_Wiki
0204120
04/11/30 22:45:45ID:???了解。まあ当たり前といえば当たり前の結果か…。
とはいえ目処は立ってるから、近いうちに動くものを見せられると思う。
>>202
始めに書いたが、馬鹿だという自覚はあるよ。ちなみに>>102も俺だ。
俺は単に、こういうわけの分からない議論の行方を見てみたいわけだ。
とにかく一つ動くモノを置いてみて、議論が実際の動作に直結するようになったとき
そのわけのわから無さがどう変質するか、あるいはしないか。それが見てみたい。
悪趣味な暇人なんだよ。
まあ糞リプトにならないよう努力はする。
0206nobodyさん
04/11/30 23:22:16ID:???私は応援している。
0209nobodyさん
04/12/01 00:29:14ID:???あのさぁ、機能を削るぐらいなんでもないでしょう？
改行で <p> を終わらせたり > で引用にさせたりなんて Wiki まわりで全部実装されてるってだけ。
0210nobodyさん
04/12/01 00:47:38ID:???<p>この掲示板では連続した改行は表示することができません。</p>
<p>例えば、下記のような投稿を行うと</p>
<code>strictなHTMLを出力するBBSを作成するスレッドです。 (↓)
strictの種類としては、html4.01．XHTML問いません。 (↓)
書き込みに対し、どのような処理を与え、どんな結果を出すことが望ましいか、 (↓)
そのコードはどんな風にすればよいか、を話し合うスレです。 (↓)
(↓)
(↓)
参照スレッド(↓)
Strict-HTML スレッド25＠Web制作(↓)
http://pc5.2ch.net/test/read.cgi/hp/1101043958/l50(↓)
</code>
<div class="SamplePreview">
<p>strictなHTMLを出力するBBSを作成するスレッドです。<br>
strictの種類としては、html4.01．XHTML問いません。<br>
書き込みに対し、どのような処理を与え、どんな結果を出すことが望ましいか、<br>
そのコードはどんな風にすればよいか、を話し合うスレです。
</p><p>
参照スレッド<br>
Strict-HTML スレッド25＠Web制作<br>
http://pc5.2ch.net/test/read.cgi/hp/1101043958/l50
</p>
</div>
<p>上記のように表示されます。
そのため、視覚的表現のみの目的で改行を用いることはご遠慮ください</p>
0211nobodyさん
04/12/01 01:53:11ID:???</p><p style="margin-top:2em">
に置き換えるとかいう手もあるが。
0212nobodyさん
04/12/01 04:34:30ID:???改行の回数を「間隔をあけたい距離」と解釈するわけか。
まあ、「間隔をあけたい距離」を「間」とするのもいいかもな。
行間で間、を嫌悪する人もいるし、
「改行はいくついれても2個以上だと段落終了と次の段落の開始と見做す」
とを設置者がオプションで選択できてもいいかな。
0213nobodyさん
04/12/01 09:39:27ID:???>>199 のように blockquote 内 blockquote はまだわかりやすいとしても、
リスト内リストとかはどーすんの？ 考えない？
0214nobodyさん
04/12/01 09:43:38ID:???じゃなく、考えてから物言え馬鹿。
0215nobodyさん
04/12/01 09:47:22ID:???リストのネストって語呂がいいな。
リストのネストって、引用の引用みたいな単純なものじゃないし、
また、そこまで深い階層の書き込みなんてそうそうあるものかなぁ。
なくても不便ではないような希ガス
0216nobodyさん
04/12/01 10:07:27ID:???ディレクトリ構成とか、いちいちpre要素で囲んで図作るのか？
リストで表すのが普通じゃないの。
で、その場合ネスト必要。
っつーか、リストのネストは単純に簡単だし。
0217nobodyさん
04/12/01 10:17:06ID:???いや、>>213 が言ってくれてるように、
2階層以上のリストとかは考えないで無視するのか？ って言いたかった。
言葉足らずｽﾏｿ
それから
----------------------
・・・・はぁ
・・鬱だ
----------------------
と書いたらリストになってしまうわけだが、
この辺どうするかは投稿者が決定したらいいのか、
それとも「・連続 はリストとみなさない」とスクリプト内で判断すべき？
0219nobodyさん
04/12/01 10:29:11ID:???0221nobodyさん
04/12/01 11:25:20ID:???・２ちゃんねる
・ネット関係
・Web制作板
・WebProg板
こういう書き込みってあるのかなぁ。今まで見たことない。
ul要素は一行目でいいとして、ol要素は考えない？
0222nobodyさん
04/12/01 11:37:40ID:???俺が見てきた中では、図で表してるのが殆ど。
↓例
ディレクトリ構成どうしてる？
http://pc5.2ch.net/test/read.cgi/hp/1030814119/
普通はこう書くわな。
こればかりは、書式を利用者側に覚えてもらっても良いんでない？
図で書くよりも手間が省けるだろうし。
0224nobodyさん
04/12/01 14:38:23ID:???>>222
ディレクトリ構成を掲示板に書き込む、ってケースはかなり特殊じゃないか？
まあ、特殊だから無視していい、ってわけではないけど。
0226nobodyさん
04/12/01 19:04:44ID:???(;;;;;;;´Д`)
0227120
04/12/01 19:58:09ID:???リストについてなんだが、今のところ
「連続しない・」で始まる行が2行以上連続する場合にリストと見なすよう実装している。
2行以上ってのは>>36みたいなケースに対処するためだが、
意外と1行のリストも有り得るかも知れないな…どうだろう。
リストのネストについては、正直あまり必要性を感じない。
>>224が言うように、ディレクトリ構成みたいな純粋なネスト構造は希だろう。
ほとんどの場合は複数のリストをフラットに並べれば表現できる気がする。
一応「何でも出来る」ような基礎は作っておくつもりなので、
そういう特殊用途にはその都度改造しておくれ、というのが作る側の本音だ。
>>211,223安易に「見た目」に繋げるのはどうかと思うが…
とりあえず連続する空行の数は数えられるようにしておく。
0228nobodyさん
04/12/01 20:28:53ID:???お疲れ様です。
>>68のを改造ってことはラウンジ型のまま？それともスレッド式とかレス式なのかな？
＞ >>211,223安易に「見た目」に繋げるのはどうかと思うが…
確かにそう思う。
でもまぁ利用者に対して選択肢を広げるってのはまぁ悪い事でもないかもね…。
0231nobodyさん
04/12/02 12:46:58ID:???あっちにも顔出したりしてます。
まぁヘタレは何処までいってもヘタレですが(;´Д`)
0232nobodyさん
04/12/02 13:18:31ID:???0233nobodyさん
04/12/02 17:30:50ID:???0237nobodyさん
04/12/02 20:06:10ID:???0238nobodyさん
04/12/02 21:33:01ID:pa/YvkmO0239nobodyさん
04/12/02 21:59:12ID:???0240120
04/12/02 22:15:05ID:???何かおかしな方向へ行っているし、とりあえず動くものを。
http://rain.s88.xrea.com/strictbbs/
純粋に変換を試してみたい人はここで。
http://rain.s88.xrea.com/strictbbs/clrea/parse.php
clreaに組み込んだサンプルはここ。
http://rain.s88.xrea.com/strictbbs/clrea/
0241nobodyさん
04/12/02 23:22:12ID:???・リスト。
・リスト。
・リスト。
・・・・テスト。
・リスト。
・・・・テスト。
これを変換したら最初の「・・・・テスト。」の前に「・リスト。」が自動で挿入される模様
0243241
04/12/03 01:19:30ID:???今さらで申し訳ないんだが、空白後に「・」の場合は？
現状どこぞの掲示板に書き込むときはインデント代わりに空白入れたりしちゃってるが、
>240のサンプルだとそれは反映しない設定になってるよね？
・リスト１
・リスト２
2chとかにリストを書き込むときこんな感じで（自分内整形）書くことがあるんだけど。
0244nobodyさん
04/12/03 01:29:04ID:???空白1つとは限らないしなぁ。
そこ難しいところかも。
0245nobodyさん
04/12/03 04:00:15ID:???0246nobodyさん
04/12/03 07:06:23ID:???全角スペースまで無視しちゃうと、AAが貼れなくなるわけだが。
0247nobodyさん
04/12/03 11:32:40ID:???0249nobodyさん
04/12/03 18:36:04ID:???いつの時代だよ・・・
0250120
04/12/03 20:17:14ID:???というWebProg側の主張を”実演”したつもりなんだが、ちゃんと伝わっただろうか…。
この反応の薄さは成功したと見て良いのか…あるいは単に人が少ないだけか（笑。
>>243行頭の半角/全角空白はリスト判定時には無視するようにしてみた。
>>246リスト判定から外れれば空白も残るよ。
---------------------
・リスト。
・リスト。
・・・・テスト。
---------------------
<ul><li>リスト。</li><li>リスト。</li></ul><p> ・・・・テスト。</p>
---------------------
AAについては…まあよく考えておくれ。
0251120
04/12/03 20:19:23ID:???しまった、空白が消えてしまった…。
全角で書き直し。
---------------------
・リスト。
・リスト。
・・・・テスト。
---------------------
<ul><li>リスト。</li><li>リスト。</li></ul><p> ・・・・テスト。</p>
---------------------
0252nobodyさん
04/12/03 21:44:30ID:???という疑問が…。
0253nobodyさん
04/12/03 22:15:28ID:???0254nobodyさん
04/12/04 11:57:26ID:???もし実用公開されたらサポート掲示板として使わせてもらうよ。
0255nobodyさん
04/12/04 17:26:55ID:???これでもリスト判定されるみたい。
------------------------
>>・テスト1
>・テスト2
------------------------
<blockquote><blockquote><ul><li>テスト1</li><li>テスト2</li></ul></blockquote></blockquote>
------------------------
<strong>や<em>は利用者にタグを書かせれば良いんでない？
0256nobodyさん
04/12/04 21:21:11ID:???><strong>や<em>は利用者にタグを書かせれば良いんでない？
掲示板でHTMLの話をする場合、<strong> と書かず <strong＆gt;
と書かなきゃならなくなるのか？
0257nobodyさん
04/12/04 21:52:27ID:???'<' => '<', '>' => '>'
0258nobodyさん
04/12/04 21:54:55ID:???0259nobodyさん
04/12/04 21:55:43ID:???0260120
04/12/04 23:51:15ID:???http://rain.s88.xrea.com/strictbbs/
HTML変換部分のソースを切り出したり、色々変更。
>>255のも修正されたはず。
<em>や<strong>は…どうだろうな。
日本語としても適当な表記があれば良いんだが、
「」とかは用法が広すぎるし…。
0261nobodyさん
04/12/05 02:34:15ID:???「！」が使われてる部分を強調すると言うのはどうだろうか？
------------------------
テスト！
テスト,テスト！
テスト、テスト！
テスト。テスト！
テスト！テスト。
------------------------
<p>
<strong>テスト！</strong><br />
テスト,<strong>テスト！</strong><br />
テスト、<strong>テスト！</strong><br />
テスト。<strong>テスト！</strong><br />
<strong>テスト！</strong>テスト。
</p>
------------------------
でもこれだとAAを書く時問題が出そう…。
0263nobodyさん
04/12/05 12:12:49ID:???AAは無しでいいじゃん・・・
body {font-family:○○; /*MS Pゴシックなどに*/
}
0264nobodyさん
04/12/05 12:28:50ID:???もしそれを実装するなら>>255も実装出来ると思う。
<select name="" tabindex="">
<optgroup label="通常投稿用">
<option value="1"><strong>,<em>タグ有効</option>
<option value="2"><strong>,<em>タグ無効</option>
</optgroup>
<optgroup label="AA用">
<option value="3"><pre>で書く</option>
<option value="4">段落まで<pre>で書く</option>
</optgroup>
</select>
0265nobodyさん
04/12/05 16:48:27ID:???0266nobodyさん
04/12/05 16:48:45ID:???0267nobodyさん
04/12/05 21:40:53ID:???0268nobodyさん
04/12/05 23:08:25ID:???0269nobodyさん
04/12/06 00:11:06ID:???0271nobodyさん
04/12/06 06:18:43ID:???利用してくれるとは思えないんだよね。実際に使うのはBBSの管理人
だけになりそうな予感。
0274nobodyさん
04/12/07 17:22:26ID:???結構大変なのかな…
0275120
04/12/07 21:59:03ID:???とりあえず>>270、「選ぶ」ためには予め全部作っておく必要があることを忘れないでくれよ。
…実業務でも往々にしてある構図だな、これ（苦笑。
それとPRE（AA用のブロック？）とかって、結局どんな処理を期待してるの？
要するに改行をそのまま表示する（段落区切りと見なさない）ってこと？
それだけなら、まあそのまま素直に実装するけど…。
あと困ってると言ったのは、<em>とか<strong>とか置換する際の問題。
平たく言えば、書き手を信じて単純に置換すると
<strong><em></strong></em>こうなりかねない、ってこと。
完全に対処するためにはもう一段階解析を細かくしなくちゃいけないんだけど、
流石に面倒になってきた。適当な妥協策を探るか、覚悟を決めて書き直すか…。
0276nobodyさん
04/12/07 22:17:24ID:???> それとPRE（AA用のブロック？）とかって、結局どんな処理を期待してるの？
> 要するに改行をそのまま表示する（段落区切りと見なさない）ってこと？
じゃなくて、
連続スペースは無視しようぜ→じゃあAAは？→AAはpreで括ろうぜ
ってだけの話で、preにする理由はそんな流れ。
0277nobodyさん
04/12/07 22:41:28ID:???0279nobodyさん
04/12/07 23:04:02ID:???ないよりあったほうがいいと思う。
0281120
04/12/07 23:34:50ID:???>>276とりあえずAAを書く上での問題が連続スペース「だけ」なら、
現状でも特に問題はないはず。
デフォルトで空白は保持されるから。
一方で、普通PREという名称でイメージする領域、
つまり連続改行による段落区切りを無効にした領域が
別に必要なんですか？
もしくは強調などのインライン要素置換をも
無効にした領域（それをPREと呼ぶべきかは知らない）がご所望ですか？
と訊いたのが>>275
…ついでに
「重要度に関わらず、とりあえず選択式で」ってのは勘弁してくれ、とも言ってるわけだが（笑
0282nobodyさん
04/12/07 23:36:28ID:???■ このスレッドは過去ログ倉庫に格納されています