【HTML】StrictなHTMLのBBSを作ろう【Perl,PHP】
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が一番重要だと思う。
意見とか、手持ち環境での動作確認だけでも大きな力になります。 プログラミングっていうより、既存のスクリプトの新しいテンプレート、スキンを改造すればすむ話なのでは?
MySQLとか使うタイプの。ソースもクソもねーよ。html,cssだけでいいよ。
ここのみんなはBBSっていうと2chみたいなのしか頭にないようだが。
>>444
wikiはここで借りればいいじゃん。無料。メルアド登録だけで利用可能。
http://atwiki.jp/
wiki文法知らなくても、ワープロ感覚で使うモードもある。あとはやる気と費やす時間だけ。 >>445
テンプレート変えるって言っても
既存のスクリプトだと大半を書き直す事になる。
その辺はテンプレートとスキン(css)を持ち込めるように作りたい。
あとは文字コード、携帯対応なんかを前方互換的に対応したい。
アクセシビリティも追求したい。
2ch型みたいに大規模向きにはしたくない。
個人の弱小サイト向きのベーシックなのが良い。
画像の使用もなるべく避けたい。うpも対応したくない。
趣旨はこんな感じです。
>wiki
これなら大丈夫そうです。ありがとう。 あんまし伸びてないなw
・ Perl
・ Strictな(X)HTMLを吐く
・ テンプレ式なのでデザイン変更楽
・ 携帯対応予定
とりあえずここまでは決定な感じ?
デザイン変更はどこまで可能?管理画面とかはさすがに不可? >>447
どうせそうのうち晒すことになると思うから公開しときます。
http://studio28.jp/dev/bbs.pl
いちおうこれがバージョン2になります。
まだ完成してないのでバグ有りです。
携帯の事はまだ考慮してません。
ホームに戻ればバージョン1が置いてあります。
こっちは携帯でも見れるつもり。
strictに対応してるのはバージョン2です。
ソース見てください。実際に投稿しても良いです。 >>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るべき? >>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なんか複数指定しても良いんだから。 >>452
うーん、考えてみたけどややこしいですね。
直接タグ打ち込めるならいいけど、
スクリプトのループ内でやるのは辛いものがある。
実際に破綻する内容ver.2の方に書き込んで貰えませんか? >>452なんかだと2行目からすでにマークアップ不可能に近くなってるな
パラグラフでいうなら1〜13行目までがひとつのパラグラフで、
<div>〜</div>はpreでマークアップする必要があるけど、そうなるとパラグラフが途中でぶった切られる
htmlの時点で既に破綻してるなw お、ちょっと見てないうちに少し来てる。
文書の整形は
\n 1個 → <br />
\n 2個 → </p><p>
\n 3個以上 → </p><p class="long_margin"> // クラス名適当ゴメス
これだけでも別に普通の投稿なら大きく崩れたりはしなさそう。
書き込み方は人それぞれだもんな…。
>>452氏の言ってるように句点で改行する派とか、
あと必ず1行空ける人とかもいるな。微妙なところ。
でもHTML面に関してはツッコミどころはけっこう無くなったんじゃないかな?
そろそろデザイン面 ・ Perl面を崩していけそうか。
少しずつだけど進行してるっぽいな。頑張れ。超頑張れ。 >>456
\n3個以上のやつおk。あとでやっときます。
とりあえず、表示だけできる分を公開(てきとう)
http://studio28.jp/dev/code/hoge.html
| | ガガガガッ
| |
人
< >_∧∩
人`Д´)/ ←>>297
∧_∧ < >_∧∩
( ・∀・) 人`Д´)/ ←>>387
と ) < >_∧∩
Y /ノ .人`Д´)/ ←>>395
/ ) < >_∧∩
_/し' //. V`Д´)/ ←>>396
(_フ彡 / 誰でも簡単にネットで稼げる方法など
参考までに、
⇒ 『半藤のブブイウイウレレ』 というサイトで見ることができます。
グーグル検索⇒『半藤のブブイウイウレレ』
DRSCVG4A16 ☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が3分の2を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆