【bbs.cgi】index.html軽量化作戦スレ

**ｒｅｆｆｉ@報告人 ★** · 2005/06/03(金) 00:35:08

bbs.cgiが生成するファイル（index.html subback.html等）の軽量化を目指す
スレッドです。

参考発言
680 名前： ◆BDFCNV1.to [sage] 投稿日：2005/06/02(木) 22:09:53
index.html 生成関連にもメスを入れたかったり、
つまり style とか .css とかですか? bbs.cgi が生成するバイト数を極力へらす方向で、
これは私にはちんぷんかんぷんでして、

**root▲ ★** · NG

おつです。>>1

685 名前： ◆BDFCNV1.to [sage] 投稿日：2005/06/02(木) 22:23:56
そのへんはわたしゃわからんので
誰か仕切って進めるのが吉かと、

仕様が決まったら、それにしたがって bbs.cgi を改造するです。

【重要】
新機能は入れないこと、
入れるのをにらんでくらいはokだけど、

686 名前： ◆MUMUMUhnYI [sage] 投稿日：2005/06/02(木) 22:24:56 ?##
>>685
基本方針は、できるだけコンパクトな負荷のかからない index.html を吐く、
ってかんじですかね。

688 名前： ◆BDFCNV1.to [sage] 投稿日：2005/06/02(木) 22:26:43
そですね　>>686
.css とかにするとクライアントはキャッシュしてくれるとかを期待しているんですが、

689 名前：ヾ（ﾟﾊﾟ）ﾉ ◆f0.zuburi6 [sage] 投稿日：2005/06/02(木) 22:28:20
cssを別にするとなると,投稿数の多い所ではこいつの読み出しコストも掛かるのかな。
同じ所ばかり見るならブラウザのキャッシュに入れ込めるとは思うけど。
そのあたりも勘案しつつ

**root▲ ★** · NG

690 名前：ヾ（ﾟﾊﾟ）ﾉ ◆f0.zuburi6 [sage] 投稿日：2005/06/02(木) 22:29:28
×投稿数
○読み出し数
でしたーむはー

**root▲ ★** · NG

あと、これぐらいかな。
こっちに載せた方がよさげなのは、各自、適宜で。

696 名前： ◆WMaLhm.gkw [] 投稿日：2005/06/02(木) 22:44:26
スタイルシートだけを分離すると、bbsmenuと同じところに置いておけるしね。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 00:41:57

記念パピコ
タグとかスタイルシートへの振り替えについてはもっとくやしいかたｷﾎﾞﾝ

**動け動けウゴウゴ２ちゃんねる** · NG

静的な部分をcssにするだけで、負担減る？

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 00:44:29

bbs.cgiの負荷を減らすって事だから、
少なくとも切り離せれば減るでしょ。

**名無しの報造** ◆7B4GDa.EXE · 2005/06/03(金) 00:55:58

再現に必要なタグとかあるのかしら。
あとはスタイルシートとブラウザの微妙なカンケイ。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 01:00:40

一応CSS対応認定されているブラウザの一覧
ttp://www.w3.org/Style/CSS/#browsers

**時をかけるメイドさん▲** ◆MAID538kyI · NG

css非対応のブラウザって結構あるんだっけ。
あとブラウザごとの解釈の違いも。
あんまりcssに依存するページになるとちょっと不便かなぁ。

**名無しの報造** ◆7B4GDa.EXE · 2005/06/03(金) 01:08:27

今見たら、「href="～～"」と「href=～～」で統一されてなかったりしてますね……。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 01:12:04

FireFoxみたく独自スタイルを適用できる設定とかあれば便利なんですけどねえ。

**時をかけるメイドさん▲** ◆MAID538kyI · NG

メリット・デメリットで検索してみた
http://adp.daa.jp/archives/000047.html
http://pctraining.s21.xrea.com/making-web/css-trouble.html

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 01:30:16

>>12
×FireFox
○Firefox

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 01:34:15

ほとんどの2chビューアがIEベースだから
まずIE対応で考えればいいんじゃないか？

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 01:45:45

>>10
いつまでもそんな事言ってるからセキュリティ的には安全かどうかわからない
軽く動くが古いブラウザを使い続ける馬鹿を撲滅できないんだ。
CSSに対応した新しいブラウザが重くて動かない・対応してないとか言うなら
対応したサクサク動くマシンに買い換えろ。
買い替え需要も伸びてｳﾏｰ

**名無しの報造** ◆7B4GDa.EXE · 2005/06/03(金) 01:55:26

>>16
そういう議論はとりあえず他所でよろ。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 01:55:35

>>14 ｲﾔﾝ

ここで大事なのは「index.htmlなどのhtml内のタグの吐き出し量を削減するコトによる軽量化」
だとおもうんです。
なので,
・基本デザインを極力変えないは言わずもがな
・出来うる限り基本的な要素とプロパティを使用する→なるべく古いブラウザでも見れるように
であり,デザイン的なスタイルシートの利用を目的としているわけではないのですね。

サラッとぐぐってもこういう使い方は見かけないので異例っちゃあ異例ですがー

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 02:07:49

>>17
これをはっきりさせないとCSS化は絶対無理だね。あきらめよう。

今ふと思ったけど、
read.cgiにレス用フォームのみ、または、indexに表示させるレス数分のレスと
レス用フォームを表示するモードを用意して、indexからアンカーで誘導するようにする
ってのはどう？
スレッド毎のレス用フォームがread.cgiへ誘導するアンカーになってバイト数減少と
人多すぎの時にindexのフォームからまだ無理する馬鹿の撲滅が見込めます。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 02:09:16

あっモード用意しなくてもl10とかでいいやん。

**マァヴ** ◆jxAYUMI09s · NG

とりあえずこれね(^_^;)
＞【重要】
＞新機能は入れないこと、
＞入れるのをにらんでくらいはokだけど、
ってことで>18が基本方針になるかと(^_^;)
留意点は、setting.txtとの互換性をどうするか。
スタイルシートを一元化する（静的コンテンツサーバで扱える）と（事実上現在使用していないものの）色まわりとかが使えなくなっちゃう(^_^;)

**名無しの報造** ◆7B4GDa.EXE · 2005/06/03(金) 02:45:12

どこかの板で、ローカルルールにJavaScript利用した
色の変更ができる板があったような無かったような。記憶曖昧ですけど。

>>21
あー、「XXX_YYY_COLOR=」ってのがありましたね、そう云えば。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 02:51:44

枠を付けるためだけのtableをdivに変えて
それにスタイルでborderを指定する程度かー。

**讃岐フォアンフォアン▲** ◆MylTDX..QI · NG

乙

◆//PUNKgrp. · NG

おはようございます。
寝ながら考えてたんやけど、ケータイのフルブラウザ（商標出願中）で
CSS対応してないのはどれだけあるんやろか。
ともかくCSS外してもちゃんと見られるような体裁にはしとかなアカンのかな、と。

今のhtmlの状況を理解しようとソース見てたんすが、
<TR><TD>だらけで目が痛い(w

**讃岐フォアンフォアン▲** ◆MylTDX..QI · NG

今ある携帯のフルブラウザ(商標(ry

opera
jigブラウザ
jigブラウザ(簡易型
jigブラウザweb
サイトスニーカー
MARS
など

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 10:44:57

mailtoってリンクする必要あるの？
2chブラウザみたいに[ sage ]みたいな表示じゃだめか？

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 10:50:09

今必要なものだけを書き出すようにしてる限り
書き出しの負荷はほとんど減らないんじゃないかなあ。

そもそも今余計なものって何か書き出してる？
もしかして

　・ <div align=center>～</div>は<center>～</center>にする
　・ <font size=+1>～</font>や<font size=-1>～</font>は<big>～</big><small>～</small>にする
　・ index.htmlのローカルルール表示域のでっかいテーブルは無駄なので<p>と<div>を駆使

とかいう泥臭い話？

◆//PUNKgrp. · NG

>>26
あとScopeがありますなぁ。
これはパブリックプレビュー版以外はcssに対応。

>>28
いろいろ混在してるから、それを統一するだけでもすっきりするんやないかと。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 11:17:13

レス用のフォームを消して ../test/read.cgi/operate/1117726508/l{BBS_CONTENTS_NUMBER} への
リンクだけにしちゃいまひょと。見た目が変わりすぎるのもNG？

**名無しの報造** ◆7B4GDa.EXE · 2005/06/03(金) 11:57:06

見た目はなるべく維持方向かと。

**stream** ◆ap/yuix/tw · NG

http://blog8.fc2.com/c/certain47/file/news4vip-improved.txt

とりあえず、ニュー速VIPのindex.htmlのソースを、テーブル関係のタグを中心にタブで整形して見やすくしてみました。

◆//PUNKgrp. · NG

<TR><TD nowrap ALIGN=right></TD></TR>
とか
</TD></TD>
が気になるんよね。cgiの関係なんかもしれへんけど。

「↓２ちゃんるが使っている」が一番直したいところやけど(w

**讃岐フォアンフォアン▲** ◆MylTDX..QI · NG

つ[ね]

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 17:19:28

スタイルシートにするにしてもtable無くさないと意味なくね？

◆//PUNKgrp. · NG

>>32のを数えてみたら
<table>、</table>各１２個
<tr>、</tr>各１６個
<td>、</td>各１８個。
align=～とか含めたらかなりのバイト数やね。
位置決めのtableやったらなくす方がええやろけど・・・。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 17:50:29

>>28
それだとファイルサイズが減るね。おそらくそれもやる羽目になると思う。
転送の際の負荷が平均でごくわずかに減る、かも知れない。
スレ内のレスのサイズが大きいことのほうが影響しそうだけど。

index.htmlでスレを表示するためのテーブルは、構造的にはテーブルでなくてよい。1重だし。
スタイルシートで適当にpaddingとかborder指定した<div>で置き換えることができる。
たいていの板では10スレぶんくらいあるから、スタイルシートが多少膨らんでも10回使用すれば取り返せる。

問題は「テーブルの背景色」で表示領域を目立たせてること。
これをスタイルシートで表現すると、スタイルシートの扱いが下手or無効なブラウザでは
<BODY>で指定した背景が「透けて」見えてしまうことがある。
スレ表示の背景は灰色だから見やすいのであって、透けてしまったら見づらくてとっても困る。

で、仕方ないからスレ表示の背景色だけHTMLで表現しようと思っても
<DIV>に背景色を指定することはできないので<TABLE>を使う羽目になり。それだと得しない。

スタイルシートで置き換えるのは何度も呼ばれるものだけにしませんか。
スレタイの赤太デカ字は<strong>にしてスタイルシートで赤太デカ字に、とか。
スタイルシートがオフなブラウザだと従来の赤いデカ文字スレタイが
ただの黒い並サイズ太字スレタイになってしまうけれど。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 17:54:05

要素内のプロパティ数にもよると思うけど,<font color=green>とかを<font style="p">とか指定しても
バイト数は殆ど変わんないんだよなあ
alignとか複数含んでいる所はそれなりに効かせられそうだね。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 18:29:10

>>38
fontの中にあるbに指定しちゃだめかな

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 18:36:07

>>39
いいかもー

▲ ◆cZfSunOs.U · 2005/06/03(金) 18:57:44

とりあえず，うちのサイトの訪問者のブラウザの集計データ．
パーセンテージ的に微々たるブラウザをどこまで考慮するか，
という点によってもどこまで CSS 化できるかが異なってきますね．

# 集計ソフトの関係上，Mozilla や Firefox は "Netscape 5.0" として扱われています．

MSIE　　　　　　　　242964　　　　86.9 %
Netscape　　　　　　15172　　　　5.4 %
不明　　　　　　　　　　7701　　　　2.7%
Docomo i-mode　　　6120　　　　2.1 %
Opera　　　　　　　　　5774　　　　2 %
UP.Browser　　　　　1048　　　　0.3 %
J-PHONE　　　　　　　416　　　　0.1 %
NetShow Player　　　　49　　　　0 %
RealAudio　　　　　　　　39　　　　0 %
Windows Media Player　38　　　　0 %
Konqueror　　　　　　　　35　　　　0 %
Nokia Browser　　　　　25　　　　0 %
LibWWW　　　　　　　　　9　　　　0 %
Galeon　　　　　　　　　　8　　　　0 %
w3m　　　　　　　　　　　　7　　　　0 %
iCab　　　　　　　　　　　　4　　　　0 %
Lynx　　　　　　　　　　　　2　　　　0 %

▲ ◆cZfSunOs.U · 2005/06/03(金) 18:58:54

MSIE 7.01　　　　7　　　　0%
MSIE 6.1　　　　28　　　　0%
MSIE 6.0　　　　233301　　　　96%
MSIE 5.5　　　　5509　　　　2.2%
MSIE 5.23　　　　470　　　　0.1%
MSIE 5.22　　　　119　　　　0%
MSIE 5.21　　　　7　　　　0%
MSIE 5.17　　　　321　　　　0.1%
MSIE 5.16　　　　90　　　　0%
MSIE 5.14　　　　68　　　　0%
MSIE 5.12　　　　29　　　　0%
MSIE 5.1　　　　2　　　　0%
MSIE 5.01　　　　1413　　　　0.5%
MSIE 5.00　　　　2　　　　0%
MSIE 5.0　　　　1446　　　　0.5%
MSIE 4.5　　　　17　　　　0%
MSIE 4.01　　　　120　　　　0%
MSIE 4.0　　　　12　　　　0%
MSIE 3.02　　　　1　　　　0%
MSIE 0.01　　　　2　　　　0%
----------------------------------------------------------------------
Netscape 8.0.1　　　　7　　　　0%
Netscape 7.2　　　　92　　　　0.6%
Netscape 7.1　　　　478　　　　3.1%
Netscape 7.02　　　　7565　　　　49.8%
Netscape 7.01　　　　4　　　　0%
Netscape 7.0　　　　19　　　　0.1%
Netscape 6.2.3　　　　4　　　　0%
Netscape 6.2　　　　2　　　　0%
Netscape 6.0　　　　6　　　　0%
Netscape 5.0.1　　　　2　　　　0%
Netscape 5.0　　　　6642　　　　43.7%
Netscape 4.79　　　　2　　　　0%
Netscape 4.78　　　　90　　　　0.5%
Netscape 4.77　　　　2　　　　0%
Netscape 4.76　　　　2　　　　0%
Netscape 4.75　　　　15　　　　0%
Netscape 4.73　　　　16　　　　0.1%
Netscape 4.72　　　　4　　　　0%
Netscape 4.7　　　　51　　　　0.3%
Netscape 4.6　　　　11　　　　0%
Netscape 4.51　　　　2　　　　0%
Netscape 4.41　　　　15　　　　0%
Netscape 4.08　　　　7　　　　0%
Netscape 4.06　　　　38　　　　0.2%
Netscape 4.05　　　　2　　　　0%
Netscape 4.04　　　　7　　　　0%
Netscape 4.03　　　　1　　　　0%
Netscape 4.0　　　　47　　　　0.3%
Netscape 3.01　　　　5　　　　0%
Netscape 3.0　　　　10　　　　0%
Netscape 2.0　　　　1　　　　0%
Netscape ?　　　　23　　　　0.1%

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 19:29:31

いいかもーという返事をもらえたことで、調子に乗って今の運用情報板を対象にCSSファイルを作ってみたり。。
http://nullpo.2log.net/home/junkies/public/2ch.txt
centerやtableの代わりとかはhtmlファイルごといじらなきゃいけない気がするので、書いてません。。

>>42
6.1はともかく、7.01って偽装なのかな？

◆//PUNKgrp. · NG

いつかの8/25事件みたいに
負荷、あるいは転送料が二桁分の一になりますた！てならんと
導入するメリットが出てけーへんような気もしたりしなかったり。

CSSに対応してへん or CSSを切ってるブラウザから見たら
モノクロにしか見えへんような感じにまで割り切ってしまえば
全てにおいて見やすさは落ちないと思う。

ひ（ｒｙ　が認めるかどうかは別やけどね。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 19:43:22

本体書き換えてみた。

index.htmlのスレタイ表示のとこ：

<TABLE border=1 cellspacing=7 cellpadding=3 width=95% bgcolor="#EFEFEF" align=center>
<TR><TD><DL><a name="4"></a><DIV ALIGN="right"><a href ="#menu">■</a><a href="#3">▲</a><a href="#5">▼</a></DIV>
<B>【4:38】<FONT size=5 color="#FF0000">【bbs.cgi】index.html軽量化作戦スレ</FONT></B>
　　　　　　　　　　　　　　　　　　　　　↓
<CENTER><table bgcolor="#efefef" CLASS=sure>
<tr><td><dl><a name="4"></a><div align="right"><a href ="#menu">■</a><a href="#3">▲</a><a href="#5">▼</a></div>
<b>【4:38】</B><STRONG>【bbs.cgi】index.html軽量化作戦スレ</STRONG>

追加CSS：

<style>
.sure {width:95%;border:#EFEFEF solid 6px}
.sure TD {border:inset 1px}
STRONG {color:red;font-size:large}
</style>

欠点：

　・スタイルシートOFFだとスレ内容の幅がバラバラでスレタイが黒
　・ Firefoxだとスレタイの字が小さく枠も妙に黒
　・厳密に解釈すると変だ

「cellspacing=7 cellpadding=3」の枠表示を諦めてもらえるときっとたくさんバイト数が減る。

>>43
「HTMLで書いたほうがファイルサイズが小さくて済む」ようなCSSは
今回は出番がないのではないかと…

>>44
はっきり言って、CSSの導入は割に合わない気がします。
HTMLの表記の揺れやサイズ的無駄をHTML上できれいにまとめてコンパクト化、なら
若干メリットがありそうですが。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 19:48:38

>>45
htmlで書いたほうが小さい、はみてませんでした。
そんな考え方もあったとは('A`

でなおしてきますλ...

**stream** ◆ap/yuix/tw · NG

JavaScript非対応と違ってさ、CSS非対応だとしても、そんなに問題ないと思ってしまうんだが。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 20:08:30

>>47
CSS非対応だと「現行の細かい見栄えと思いっきり変わる」のがネックになってる模様。
CSS非対応でもpositionさえ使わなければアクセス利便性上の差異の問題は特にないから、
特殊環境ということで諦めてもらうという考え方はありだと思うけれど。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 20:12:34

>>45

>「HTMLで書いたほうがファイルサイズが小さくて済む」ようなCSSは
>今回は出番がないのではないかと…

この場合のCSSはhtml内に書くcssってことかな？

>>4 みたいにcssだけ分離して別サーバに置けば無駄ではないんでね？

**stream** ◆ap/yuix/tw · NG

CSS非対応だと、DIVで囲まれた要素の背景の色が表示されないとかね。
それでも、内部の文字・コンテンツは表示されるわけだし。
CSS非対応のブラウザを考慮したら、当初の目的>>1はかなり難しいと思うよ。

ってのも、今、枠を付けるだけのTABLEタグを、DIVタグに置き換えたのを作ってみたんだ。
もうちょっとチェックしたらupして見ます。

あと、問題なのはさ、bbs.cgiにどこまでコーディングされてるか、なんだよね。
管理人の広告のいじり方とか見るに、広告枠の部分(おそらくTABLEのTDの中)は別ファイルなんだろうし。

▲ ◆cZfSunOs.U · 2005/06/03(金) 20:17:31

Be@2ch の read.cgi 出力では，Netscape 4.x 系では動かないような JavaScript コードが
すでに使われてたりもするんで，レガシーなブラウザにはもうちゃんと対応しなくてもいいと
割り切ってもいいような気もしますが......ひ(ry氏の Go サインが出れば話は早いんでしょうけどね．
一方 CSS 対応ブラウザなのに CSS 切ってる人は「デザインにはこだわらず情報が得られればOk」
という考えを持っている人だ，と割り切ると．

**stream** ◆ap/yuix/tw · NG

BBS_TITLE_PICTURE=http://img.2ch.net/img/operate_a.gif
BBS_TITLE_COLOR=#000000
BBS_TITLE_LINK=http://info.2ch.net/wiki/
BBS_BG_COLOR=#FFFFFF
BBS_BG_PICTURE=http://www2.2ch.net/ba.gif

BBS_MAKETHREAD_COLOR=#CCFFCC
BBS_MENU_COLOR=#CCFFCC
BBS_THREAD_COLOR=#EFEFEF
BBS_TEXT_COLOR=#000000
BBS_NAME_COLOR=green
BBS_LINK_COLOR=#0000FF
BBS_ALINK_COLOR=#FF0000
BBS_VLINK_COLOR=#660099

BBS_SUBJECT_COLOR=#FF0000

これらが、index.htmlにかかわってくるんだなあ。
…ということに、今気付いたorz

▲ ◆cZfSunOs.U · 2005/06/03(金) 20:30:14

>>52 そういう部分は別ファイルじゃなくて index.html 内の
<style>～</style> に記述すればいいかと......

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 20:44:20

BBS_CSS=http://www.ff.iij4u.or.jp/~ch2/2ch.css

にまとめちゃえー

**動け動けウゴウゴ２ちゃんねる** · NG

SETTING.TXTの更新をするとき、それに合わせて.cssに同じ内容をセットするとか。

**stream** ◆ap/yuix/tw · NG

…まあいいや。
枠をつけているだけのTABLEをDIVに置き換えてみました。

http://blog8.fc2.com/c/certain47/file/news4vip-css-1.html

スタイルシートは<style>～</style>で内蔵しています。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 20:49:42

なんか立体に・・・

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 20:52:57

>>50-51
「tableの枠はべつに無くてもいいです。。。」とか言ってくれると効果絶大の上話が早くて…
<TABLE border=1 cellspacing=7 cellpadding=3 width=95% bgcolor="#EFEFEF" align=center>
というのを非CSS環境にも配慮してCSSで再現するのはちょっと面倒。
今回はスタイルシートで表現すること自体が目的ではないので尚更。
凝れば完全再現もできるけど、そのせいでCSSが肥大して
「HTMLだけで直に書いてたほうが総合的には早かった」ということになってはちとアレだ。

「1つの文書で1回しか使われてない表現を<style>のCSSで書き直すのはサイズの無駄」
　HTMLファイルの背景。リンクの色指定。

「1つの文書で何回も使われている同一表現を<style>のCSSで書き直すのはサイズの節約」
　スレの<table>の表示設定。スレタイの赤文字。メール欄が空の時に名前を修飾する<font color=green>。

「たくさんの文書で同じ設定が使われているのを外部CSSで書くのは節約」
　>>52によるならindex.htmlには存在しない。
　名前欄の太字や着色、スレタイの赤字のCSSが板内のread.cgiでなら使い回せるかもしれないがスレ違いか。

**stream** ◆ap/yuix/tw · NG

border-style属性では、いまの<TABLE border=1 cellspacing=7>を実現するのは不可能っぽいのでしかたなくこうなりました。
border-styleとborder-colorを変えれば違った風になります。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 20:56:45

>>59
<div style="padding:**; border:**;"> <div style="border:**;"> ～でしないとあのスタイル書けないよね

tableおそるべし

**stream** ◆ap/yuix/tw · NG

>>58
>第一段落
同意。

>「1つの文書で1回しか使われてない表現を<style>のCSSで書き直すのはサイズの無駄」
>HTMLファイルの背景。リンクの色指定。
css+index.htmlではサイズはでかくなりますが、index.htmlは小さくなりますよ。

>「1つの文書で何回も使われている同一表現を<style>のCSSで書き直すのはサイズの節約」
>スレの<table>の表示設定。スレタイの赤文字。メール欄が空の時に名前を修飾する<font color=green>。
最初<font color=green>を、<span class="NonMailName">にして、逆にサイズがでかくなったからやめた。

▲ ◆cZfSunOs.U · 2005/06/03(金) 21:09:02

名前の <font color=green> の部分は

dt span { color: green; }

で

<span><b>名無しさん</b></span>

かな......

**stream** ◆ap/yuix/tw · NG

>>62
なるほど。。。

言い忘れてた。
>>56でupしたのだと、クラスのBlock1からBlock4まで、中身がかぶりまくりなんですが、1つの要素に複数のクラスを指定するのはCSS2からみたいなので、やめときました。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 22:16:51

>>56のサイズ(DISK上のサイズ)：18578バイト
CSSを<link rel="stylesheet" href="default.css" type="text/css">
として外に出した後のサイズ：17680バイト
898バイトの軽量化

枠云々はおよその見た目が変わらなければさしたる問題ではないんでは無いかと思いましたー
違和感が有るといえば有りますが,使用に不都合が出るとは思えないですしー
なお,漏れはie6(DonutP)とFirefox1.04で確認してまぁーっす。
Operaとかはどうなのかしら…たしかhtml等の解釈が厳密だった気がするんだけど。

◆//PUNKgrp. · NG

枠線うんぬんよりも、背景画像の上に薄緑あるいは薄灰色のボックスがある感じで
ええんやないかと思います。
一旦思いっきりシンプルにしてみて、管理人に見てもらうとか。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/04(土) 01:17:51

あうあう。今気が付いた。
>>64 「DISK上のサイズ」は無しで。普通のサイズで

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 01:38:52

閉じてないpは削除してtableのマージンにしね？
Morzillaだとそこで托い解釈してるし。

**名無しの報造** ◆7B4GDa.EXE · 2005/06/04(土) 03:00:55

うあ、随分進んでる、気がする？

& ◆xOS3wf.pJg · 2005/06/04(土) 07:30:11

http://up.isp.2ch.net/up/2ac8bc1c90ef.zip
こんなんじゃだめか、、そうですね、失礼しました。

◆TWARamEjuA · NG

えっと、正しくHTMLを描かないとCSSが機能しないと思うのですが。。。

ローカルルールと、名前欄の</b>
この２つをなんとかしなきゃだよもん。

**stream** ◆ap/yuix/tw · NG

名前欄の<b>、どうするべ。トリップとかfusianasanとかで、datファイル側に記録されてるんだよね。
てかどうするというより、いまさらどうしようもない気がする。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 13:03:28

>>70-71
すべてをCSSで表現しようとすればそうだろうな。
ただ、装飾をCSSで表現することが今回の目的ではないし
すべての装飾をCSSに任せようという話でもないので。

たとえば太字は<b></b>が使われてるけれど、
この7バイトはおそらくCSSにしても確実には縮まらない。
　<TABLE border=1 cellspacing=7 cellpadding=3 width=95% bgcolor="#EFEFEF" align=center>
のスレ表示テーブルをCSSだけで再現することはできないけれど、たとえば
　スレ表示部自体の開始時に<center>
　<TABLE border=1 cellspacing=7 cellpadding=3 width=95% bgcolor="#EFEFEF">
　スレ表示部自体の終了時に</center>
とすれば、表示はまったく変わらない上にスレを3つ以上表示する板に限り1スレにつき13バイトずつ縮む。

って13バイトかよインパクトねーな俺。

▲ ◆cZfSunOs.U · 2005/06/04(土) 13:26:25

<center> のような deprecated なタグを増やすのはどうも......

<table> をそのまま使うとしても，

　　　　border=1 cellspacing=7 cellpadding=3

を CSS に置き換えるのは難しいとしても

　　　　width=95% bgcolor="#EFEFEF" align=center

は CSS 化できるんでないかな？

　　　　background-color: #EFEFEF; width: 95%;
　　　　margin-left: auto; margin-right: auto;

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/04(土) 13:30:13

>>73
漏れもそっちのイメージだったりする

◆TWARamEjuA · NG

>>72
cssにて
table#chapter1 {
margin: 0 auto;
padding: 0.3em;
border: #EEE inset 1px;
border-spacing: 0.5em;
border-collapse: separate;
width: 95%;
}
しておけば、、、
<table id="chapter1">
</table>
で、終わるかと。

ま、見たくれはUAで好きなようにすれば桶なんだから（元々そういう趣旨）

**stream** ◆ap/yuix/tw · NG

　<TABLE border=1 cellspacing=7 cellpadding=3 width=95% bgcolor="#EFEFEF" align=center>

>>56では、
<div class="Block1">
で
.Block1{
background-color: #EFEFEF;
width: 95%;
margin-left: auto;
margin-right: auto;
padding:3px;
border-width:8px;
text-align:left;
}
body{
text-align:center;
}

IE対策で余計なtext-alignを付け足すハメになった件。

▲ ◆cZfSunOs.U · 2005/06/04(土) 13:39:38

IE だと margin: auto; が効かないのかな？ 2.5% とか数値で指定するとどうなんだろう......

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 13:40:48

13byte*10スレくらい*1000PV/sやったら
127KB/s程の削減？

インパクトは出てきただろうか。。

**stream** ◆ap/yuix/tw · NG

>>77
auto効かないんですよ。で、bodyのtext-align:center;でセンタリングしてるんです。
text-alignはブロック要素は影響されないはずなんですが、IEではブロック要素もセンタリングされます。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 13:43:44

IE6.0でmargin auto使ってますよ。

◆TWARamEjuA · NG

でもって、飾りだけのtableも無くしちゃえばどんどんダイエット出来るんじゃないかな。
あと、▼みたいなナビゲーションも、人間相手だけの不要の長物だしだし。（パンくずリスト全廃派）

それぐらいやってすっきりさせてみるのも２ちゃんねる的でいーんじゃないかなかな。
しつこいようだけれども既存のものに追従する意味なんて無いと思うしうし。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 13:46:03

>>79
あれ？使えないですか。
NN対策で両方書いたんだっけ。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 13:55:36

>>73
> <center> のような deprecated なタグを増やすのは
別に問題ないと考えます。
2chのHTMLはそういうものではないと思います。DOCTYPE宣言もないし(w

tableの背景色はCSSで書きたくありません。
CSS非対応ではレンガタイル等の2ch壁紙が透けて見えて読みにくいので。
tableの幅もCSSで書きたくありません。
CSS非対応ではスレごとにスレ表示幅が変わってしまってウザいので。
>>45みたいな感じ。

求められてるのは軽量化であって、見栄えを変えてしまうことではないということで。

まあ、最適解は「CSS非対応でも雰囲気はたいして変わらない程度のダイエット版」と
「CSS非対応ではベタテキストに見えるがCSSダイエットしまくり版」の
2種類の「完成品を」用意してひろゆこに選択迫ることかも。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 14:00:43

実際問題として「CSS非対応Webブラウザ」では
「（パソコンの広いディスプレイ上の）IEで見ているようなレンダリング」は
されてないことがほとんどだと思うので
色や太字や大きめの文字や背景程度がバージョン間で共通なら
それ以外の「IEっぽい」装飾の再現性は切ってしまっても実害軽微のような気はします。

▲ ◆cZfSunOs.U · 2005/06/04(土) 14:15:45

>>83
>tableの背景色はCSSで書きたくありません。
>CSS非対応ではレンガタイル等の2ch壁紙が透けて見えて読みにくいので。

とすれば，background-image も CSS で対処するという選択肢も......
CSS 非対応ブラウザへの個人的な考えは >>51 ということで．

# 携帯ブラウザに関しては，携帯入り口から見てもらうのが原則なので
# PC 用ページでの表示が意図した通りにならないのは我慢して下さい，
# ということじゃダメなんでしょうか？

>まあ、最適解は「CSS非対応でも雰囲気はたいして変わらない程度のダイエット版」と
>「CSS非対応ではベタテキストに見えるがCSSダイエットしまくり版」の
>2種類の「完成品を」用意してひろゆこに選択迫ることかも。

この点は同意です．

**讃岐フォアンフォアン▲** ◆MylTDX..QI · NG

>>85
＞#携帯ブラウザ(ry

どういー

**stream** ◆ap/yuix/tw · NG

忘れないうちに書いておこう

<META http-equiv="Content-Type" content="text/html; charset=x-sjis">
↓
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

3バイトほど増えてしまうが、このさい改めましょう。

◆TWARamEjuA · NG

>>87
euc-jp ｷﾎﾞﾝﾇ♪＠Rock54対策

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 17:07:01

まずは小さなことからこつこつと
・リンク付き画像のborderをスタイルシートに置き換え
　a img { border-width: 0; }

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 17:16:38

>>79
標準モード

**stream** ◆ap/yuix/tw · NG

あ、IE6は標準モード？と互換モードがあったんだっけ。
んで2chのindex.htmlの場合は、DOCTYPE宣言無しだから互換モードですっけ。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 17:44:42

>>91
そうそう。
で、標準モードにするには、URLありのDOCTYPE宣言をしとけばおｋ。

CSS無効云々は、HTMLさえまともに書いてれば最低限の整形はされるから無問題かと。
2chの場合、見た目がどうあれ機能を提供できれば十分でしょ。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 19:25:45

>>87
すべてのindex.htmlで3バイト増やしてでも享受すべき運営上のメリットを述べよ。

W3C原理主義者のようなものはこのスレには要らないのでそのへんよろしく。

**stream** ◆ap/yuix/tw · NG

そこまでして容量を削るなら、削れるダブルコーテーションは全て削ろう。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 20:06:31

そこまでして容量減らすんなら\n無くしたら？

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 20:41:45

2chのHTMLは「正しく」ある必要性は全然無い。

リンクの色だってCSSで書く必要が無い。
なぜなら<BODY>に書いたときよりバイト数が増えてるから。

x-sjisをShift_JISに変える理由も無いはず。
x-sjisだと言われて「いわゆるShiftJISな文書」と解釈しないWebブラウザはまず無い。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 20:43:49

今回の目的はvalidに近いHTMLを吐くように改造することではないはず。
目的を見失わないようにしよう。

▲ ◆cZfSunOs.U · 2005/06/04(土) 21:26:13

>>96-97
まぁ「正しい」HTML にする上で現行 HTML コードよりも容量が増える部分もあるでしょうけど，
レガシブラウザを考えずドラスティックに HTML コードを再編すればかなり削れる部分は
あるでしょうから，差し引きで十分お釣りは来るだろうと思いますが．基本的に >>83 の

>まあ、最適解は「CSS非対応でも雰囲気はたいして変わらない程度のダイエット版」と
>「CSS非対応ではベタテキストに見えるがCSSダイエットしまくり版」の
>2種類の「完成品を」用意してひろゆこに選択迫ることかも。

に同意でして，それぞれのバージョンを支持する人がそれぞれのバージョンを作る方向で
作業すればいいのではないかと．両者がここで足の引っ張り合いをするのも
あまり生産的ではないと思うので，とにかく両者ともそれぞれ「モノ」を作りましょう，と．

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 21:30:08

この板のindex.htmlを改造することにしよう。
スレ上位表示が40スレでスレ内容表示が10スレだから結構一般的。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 21:38:47

>>87
どうせ鯖全体でShift_JISばっかりなんだろうし(未検証)、
ボディじゃなくてヘッダでコード指定しちゃえば？
今はかなり鯖の設定弄れるんでしょ？

◆TWARamEjuA · NG

無駄で不要なタグが削れるから圧倒的に容量は減ると思うけれどなぁ。。。＠Valid化

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 22:10:32

sageの時は<a href="mailto:sage "></a>を入れないっていうのはどう？
それか<font color=blue></font>にするか。どうせリンクは意味ないし。
圧縮ありだと実効はあまりなさそうだけど。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 22:10:47

>>100
それ考えたけど、bbs.cgiでどのようにデータ吐いてるのかよくわかんないなと思った。
単純にSTDOUTに順に吐いてるだけなら<html>の前にヘッダ指定できそう。
何かCGI用のモジュールか何かを通して吐いてる場合は、
ヘッダ表示用のコードを追加すると鯖内でのモジュールの追加処理が増えてしまうかもしれない、とか。

>>101
1回しか書かれない<BODY>の背景やリンク色とかは
CSSにしないほうが文字数が少なくて済むので総バイト数は単純に小さくなる。
HTML4.01＋CSS上ではどんなに気持ち悪い表記の組み合わせであっても、総サイズ数は絶対に小さい。

まあそんだけの話。
でも「多少無駄があっても最終的に以前よりぐっと減ってるしOKですー」とか言われたりしそうな気はする。
立場ないにゃ。

板ごとの外部スタイルシートもOKな案（CSSのファイルアクセス負荷増加を許してもらえる場合）だと、
何度も同じ板のindex.htmlを読み込む場合は全回数の容量合計は減ると思う。

▲ ◆cZfSunOs.U · 2005/06/04(土) 22:33:18

httpd.conf か .htaccess で
　　　　AddDefaultCharset Shift_JIS
ですね，やるとすれば．＜ヘッダで指定

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 22:51:08

きぼんぬｗ

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 22:52:33

しまったEUC-JPの場合だったｗ

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 23:10:32

個人的な考えだけど、
無理にエレガントな(正しい)HTMLにすることより
メジャーなブラウザ(IE5以降、Mozilla、Opera位)でちゃんと見えれば良い、
という程度の作りにして構わないと思う。

そして、非対応のブラウザからのリクエストは、
内部的に別URL(例えば/test/convertindex.cgi?bbs=operateのような形)にして
そのCGI(orモジュール)がSSIを処理する感覚で正しい(一般的な)HTMLに直して返す、
この程度でも充分かと。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 23:38:54

そもそもなぜCSS非対応のブラウザを使い続けるのか、なぜ自らCSSを切るのか、
やむを得ず非対応のブラウザを使ってる人はどれほどいるのか。
他のサイトを見る時もベタテキストになっていることもあるだろうし、
ベタテキストでも構わないからCSSを切っていたりするんじゃなかろうか。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/04(土) 23:48:00

CSS完全非対応な場合は割と簡単。
positionさえ使わなければ混乱も起こらないし。
特定の機能に中途半端に実装差がある場合が厄介。
JScriptでバージョン分けとかやり始めるとドツボ。

まあ実際の案次第なんだけどね。

**FOX ★** · 2005/06/04(土) 23:53:09

わたしゃまったく解からないのですが

そもそもの発端は、可変な部分と固定名部分を分けて
提供すると可変部は毎回読むけど固定部はクライアントで
キャッシュしてくれて転送量、製造コストともにお得になるのでは?
なんです。

それが style だったり .css だったりするのかな?
と思っただけなんで、、、

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 00:09:36

>>105-106
Shift_JIS の場合は  だな。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 00:16:56

運営側は古めのブラウザも意識したいという感じなんすか？

**stream** ◆ap/yuix/tw · NG

>可変な部分と固定名部分を分けて

ふむ。広告とかローカルルールのところとか看板とか書き込みフォームとかをIFRAMEでやってしまうのもありかなとか思った

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 01:14:30

IFRAMEなんて死んでしまえ

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 01:46:22

>>105
>>111
ちゃんと>>104で文字コード指定してればそんな小細工いりません

; charset=Shift_JIS
でもバイト数はそっちのほうが少なくなるか

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 01:54:35

結局*.CSSで外に出してもIEのCtrl+F5で再取得しに来ちゃうから
CSSの取得時に有効期限付きクッキーを撒いてそれ持って再取得に来たら
強制的に304返すような新機能を付けないと何の削減にもならんような。
ああ、新機能はだめでしたねｗ

**stream** ◆ap/yuix/tw · NG

bbs.cgi→HDD→ユーザー
と考える。
可変な部分と固定な部分を分けることにより、

1.bbs.cgiとHDD間の処理サイズが減る。
2.HDDからユーザーへの転送サイズが減る

ctrl+F5でも、1.は確実に減るわけですし。

**stream** ◆ap/yuix/tw · NG

ついでに言うと、cssファイルのうち、全板共通のをIIJに置けば…
おじさんが損する？ｗ

http://qb5.2ch.net/test/read.cgi/operate/1116229949/51
51 ひろゆき＠どうやら管理人 ★ [] 2005/05/27(金) 00:18:46 ID:???0 ?###
menu.2chに変えてカウントするという目的で動かすのであればいいんですが、
コストパフォーマンスでいうと、静的htmlはIIJのほうがいいと思ってたりします。

**FOX ★** · 2005/06/05(日) 02:20:56

わしゃ　損もとくもしない

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 02:22:33

SETTING.TXT の色関係のを外部に閉じ込めたお（　＾ω＾）
ttp://www2.aqweb.net/tset/source/up0017.xxx

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/05(日) 08:58:39

>>120
おおー綺麗だねえ。なまじ枠線は普通っぽい方が違和感が無いや。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 09:18:18

だから見栄えを変えるなと小一時間

▲ ◆cZfSunOs.U · 2005/06/05(日) 10:28:16

・ CSS非対応でも雰囲気はたいして変わらない程度のダイエット版
・ CSS非対応ではベタテキストに見えるがCSSダイエットしまくり版

後者でレイアウトのための <table> を廃止した場合，いずれにせよ
枠線を完全には同一にできないので......これはいくつかのパターンの
見本を用意した上でひ(ry氏に裁定を仰ぐのがいいのかな，と．
例えば >>120 ので

div.menu, div.makethread, div.thread {
border: ridge 4px;
}

div.menu { /* BBS_MENU_COLOR */
background-color: #CCFFCC;
border-color: #CCFFCC;
}
div.makethread { /* BBS_MAKETHREAD_COLOR */
background-color: #CCFFCC;
border-color: #CCFFCC;
}
div.thread { /* BBS_THREAD_COLOR */
background-color: #EFEFEF;
border-color: #EFEFEF;
}

とか．あと，板名は <h1>，スレタイは <h2> がいいんでしょうかね．

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 10:39:49

>>123
> 枠線を完全には同一にできない
Eｘａｃｔｌｙ（そのとおりでござ略

テーブル枠保持版は作らないと駄目だと思う。

<h*>はHTML上はそうだしバイト数上も有利だけど
【1:467】の部分とread.cgiでの表示との違いがネックかもしれない。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 14:13:04

>>120をNetscape4.78で見るとこんな感じになっちゃった。
ttp://pl.eek.jp/up/gazou_uploader/src/up0019.png

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 17:41:41

>>120をSafariで
ttp://www.imgup.org/file/iup36957.jpg

色が白黒だけど元から？

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/05(日) 18:03:15

んじゃFirefoxでー>>120
ttp://pl.eek.jp/up/gazou_uploader/src/up0022.jpg

こんなにちがうのね…

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 19:00:47

んちゃ！Opera7.5出>>120
ttp://www.imgup.org/file/iup36976.png

NN4は仕方ないよね

**動け動けウゴウゴ２ちゃんねる** · NG

IE 5.2 for Mac
ttp://www.imgup.org/file/iup36978.jpg

ただし表示する前に固まりかける（IEの仕様…かな？

**動け動けウゴウゴ２ちゃんねる** · NG

FireFox 1.0 @mac
ttp://www.imgup.org/file/iup36981.jpg

.xxxはソースそのまま表示だったので保存してローカルで開きますた

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/05(日) 19:31:02

>>129
外部リンクを読みに行ってるからかなあ？

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 20:51:25

>>131
いや、"IE自体の仕様"かと
本当に使い物にならないので

もう更新ないし

**動け動けウゴウゴ２ちゃんねる** · 2005/06/05(日) 23:34:00

HTML的な正しさをある程度保ちながら、なるべく簡潔になるようにがんばってみました。
自分なりのアイデアや指針をコメントに書いておきました。

http://turibori.net/up/stored/up1334.html

改行とタブは私自身が見やすいように入れているだけです。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/06(月) 00:36:07

>>133
激しく乙。

firefox/win
ttp://www.imgup.org/file/iup37228.jpg

opera7.5/win
ttp://www.imgup.org/file/iup37229.jpg

枠は一重の方がいいかもね。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/06(月) 00:41:00

もしくは、線を細くして色を薄めにすれば、現行に近い感じにはなるかもしれない。

▲ ◆cZfSunOs.U · 2005/06/06(月) 23:01:37

>>133 乙です．

133 のをベースに若干の手直しをしてみたもの: http://turibori.net/up/stored/qb5samp.html

で，「CSS非対応でも雰囲気はたいして変わらない程度のダイエット版」誰か作りませんか？
ひ(ry氏の裁定には必要だと思いますんで......といっても，作る前に
「CSS非対応ではベタテキストに見えるがCSSダイエットしまくり版」の方で
Ok が出れば不要なのかも知れませんが．

**動け動けウゴウゴ２ちゃんねる** · 2005/06/07(火) 02:27:18

>>136
＞「CSS非対応でも雰囲気はたいして変わらない程度のダイエット版」
NN4とかSafariにも「それなりに」対応してるってこと？

**動け動けウゴウゴ２ちゃんねる** · 2005/06/07(火) 03:16:55

Safariってそんなにクセ多いの? 標準準拠謳ってるけど

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/07(火) 13:45:43

おつですー＞ALL

>>136 おかりしますー
元のサイズ　　　　　　　　　　　　　　　　　　　　　　　　　　　：15123バイト
コメントを省いてスタイルシートを外部に追いやってみたサイズ：11528バイト
約3割の減　ですが,
以前の>>64でのサイズが18kB,今現在まるっと取り出したindex.htmlが60kB。

まるっと適用させた時にどれ位減るかですねえ。

おまけ。CSSを無理やり無効化させたときのss
ttp://www.imgup.org/file/iup37922.jpg

▲ ◆cZfSunOs.U · 2005/06/07(火) 20:06:57

今ひ(ry氏がいるようなので age てみます．

【やろうとしていること】
bbs.cgi が吐き出す index.html を，CSS を使用するなどしてスリム化したい．

【ひ(ry氏に判断してほしい点】
そうした CSS 化を大胆に進めた場合，CSS 対応が不十分な旧式ブラウザなどでは
CSS によるデザインが反映されず，味気ない表示となってしまいます．
また，<table> タグによる枠線を CSS の border 指定に置き換えた場合，
完全に同一の枠線にはできないので，その部分の見た目が変わってしまいます．

・ CSS 対応が不十分な旧式ブラウザでの表示が味気なくなってもいいか，
　それとも旧式ブラウザでの表示をできるだけ現行のものと同様にした方がいいか．

・枠線が <table> の場合と異なってもいいか，それとも <table> の枠線を保持した方がいいか．

といった点をひ(ry氏に判断して頂きたいので，よろしくお願いします．

**動け動けウゴウゴ２ちゃんねる** · 2005/06/07(火) 22:06:26

borderに関して。

内側の線にborderstyle:inset
外側の線にborderstyle:outset

を適用させると言うことでよいのでは。
この場合、div要素を入れ子にするのがよいでしょう。
classの指定は複数できるという点も考慮していただければと。
ブラウザで対応しているかは知りませんが。。。。。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/08(水) 01:59:45

で、ピ氏はどうですか？

**動け動けウゴウゴ２ちゃんねる** · 2005/06/08(水) 12:12:27

↓ここで今まで出てきたサンプルのまとめ

**動け動けウゴウゴ２ちゃんねる** · 2005/06/08(水) 20:39:29

>>140
ブラウザ依存の技術は使わない

▲ ◆cZfSunOs.U · 2005/06/08(水) 21:20:50

>>143
>>32 http://blog8.fc2.com/c/certain47/file/news4vip-improved.txt (改良版ではなく現行ソースをインデントして見やすくしたもの)
>>43 http://nullpo.2log.net/home/junkies/public/2ch.txt (CSSのみ)
>>56 http://blog8.fc2.com/c/certain47/file/news4vip-css-1.html
>>69 http://up.isp.2ch.net/up/2ac8bc1c90ef.zip (2ch ISP でないと Forbidden)
>>120 ttp://www2.aqweb.net/tset/source/up0017.xxx
>>133 http://turibori.net/up/stored/up1334.html
>>136 http://turibori.net/up/stored/qb5samp.html

>>144 「ブラウザ依存の技術」とは？

1. 最近のメジャーなブラウザではサポートされているが旧式ブラウザなどではサポートされていないもの
2. 特定のブラウザのみで独自実装されているもの
3. 標準に準拠しているが最近のメジャーなブラウザの中でも未実装なブラウザがあるもの
4. 標準に準拠しているし最近のメジャーなブラウザではサポートされているがブラウザ間で挙動の相違があるもの
5. その他

1. だとすれば CSS 化できる部分はかなり限定されるのですが，
その点はまさに >>140 でひ(ry氏に問うている点なので......
2.～4. は確かに注意すべき点ですね．5. であれば具体的に教えて下さい．

**動け動けウゴウゴ２ちゃんねる** · 2005/06/08(水) 22:03:23

このままひ(ryにシカトされてdat落ちに100万ページビュー

**動け動けウゴウゴ２ちゃんねる** · 2005/06/12(日) 02:24:41

どうなってんお？

**動け動けウゴウゴ２ちゃんねる** · 2005/06/12(日) 02:33:01

まろゆきまち

**動け動けウゴウゴ２ちゃんねる** · 2005/06/12(日) 02:49:56

おののこまち

**ﾀｿｷ@妄想系統 1/10 ☆** ◆Ver7J..... · 2005/06/12(日) 22:25:06

すすめかたの段階の提案

１、(HTMLのみ) 単に見た目を変えずにHTMLのまま軽量化する。
たいていのブラウザで表示されるようにする。
まずTABLEで表示する。DIVにはしない。

２、(CSS付加) style部分を別ファイルにできる。>>25のように、
　　CSSなしでも表示できるようにしておいて、
　　CSSサポートだとより見やすくなるという辺りが無難だろう。
TABLEで表示する。
DIVだと未対応ブラウザではモノクロでボーダーなしかもしれない(>>44)。

３、(CSS縛り)極論でいくと>>16のように見れないマシンは死ねってことになる。
　　>>25のようにCSSを表示できないブラウザというのも阻害される。
DIVで表示する。

**ﾀｿｷ@妄想系統 1/10 ☆** ◆Ver7J..... · 2005/06/12(日) 22:25:35

具体的なレス
>>28 >>33 >>36
>>37 ＞テーブルは、構造的にはテーブルでなくてよい。1重だし。
>>72 ＞13バイトずつ縮む。
>>81 ＞飾りだけのtableも無くしちゃえばどんどん
>>94 ＞そこまでして容量を削るなら、削れるダブルコーテーションは全て削ろう。
>>96 ＞x-sjisだと言われて「いわゆるShiftJISな文書」と解釈しないWebブラウザはまず無い。
>>101 ＞無駄で不要なタグが削れるから圧倒的に容量は減ると思うけれどなぁ。。。＠Valid化
>>104 ＞AddDefaultCharset Shift_JIS ですね，やるとすれば．＜ヘッダで指定
　　　ヘッダにすると、ローカルに保存すると、文字化けするものが出るかも。

他には、
改行をなくせば380バイトぐらい減らせる。
厳密にHTML4.01 strictとか目指さなくても、ある程度Validなら、ブラウザの互換性が保たれると思う。

**ﾀｿｷ@妄想系統 1/10 ☆** ◆Ver7J..... · 2005/06/13(月) 01:02:58

>>32を見ると、

”二重テーブル” head.txtのところ
””
”<TD nowrap ALIGN=right></TD>”謎
その後、謎の”</form>”
”<Center>”じゃなくて、<td align=center>にする
”<TBODY>””</TBODY>”省略可能広告のところ

”<table bgcolor="#CCFFCC"align=center>”スレ一覧 alignがはたらいていない
” target="body"”スレ一覧スレごとに指定してある
”</a>　<a ” スレ一覧全角空白と半角がなぜかある。

”<center>”ofuda.ccのTABLE <table align=center>
”二重テーブル”ofuda.ccに何個かある alignとvalignでどうにかならないか。

**ﾀｿｷ@妄想系統 1/10 ☆** ◆Ver7J..... · 2005/06/13(月) 01:17:34

>>51
＞Be@2ch の read.cgi 出力では，Netscape 4.x 系では動かないような
＞JavaScript コードがすでに使われてたりもするんで

”<a href="javascript:be(208478257);">” はonclickにする
”<center>”スレ立てTABLE align=centerが既に指定してあるから場所が違う
”</form>”</TD>の中に入れてみる
れ公開させていただきます</b>”<br>” 消してもいい

**ﾀｿｷ@妄想系統 1/10 ☆** ◆Ver7J..... · 2005/06/13(月) 01:44:29

onclickにしても変化無しでした。

JavaScriptの空白とTAB除去。
”N=getCookie("NAME"),M=getCookie("MAIL")”を
”N=c("NAME"),M=c("MAIL")”に、

”function getCookie（以下略”を

function c(k)
{
  var a=" "+document.cookie+";",n=a.lenngth,c=d=0,t;
  while(c<n){
    d=a.indexOf(";",c);
    s=a.substring(c+1,d);
    t=s.indexOf("=");
    if(s.substring(0,t)==k)
      return(unescape(s.substring(t+1,d-c-1)));
    c=d+1;
  }
  return("");
}

に。

**名無しさんの声** · 2005/06/16(木) 08:38:01

>>133
smallについて、それを含むp要素にclass=weakとか書くのはどうか？
あと投稿者名のところのspanですが、dt内のbという形でCSSのセレクタを書いてやれば
spanは無くてもいい気がします。
一部brを使いすぎな気もします。段落分けて次の行頭にp開始タグをつけるのはどうでしょう。

あとは、これは２ｃｈのリンクポリシーの見直しですが、全般的なtarget=_blankの必要性の有無の検討ですか。

つか、個人的には同じ見た目を目指すって設計思想が間違ってる気もします。
ブラウザの表示を同じにするためにトラフィックが増えるなら少しくらい違ったって良いジャンとか思ったり。
どうせLynxとかじゃ違う見た目なんだしさ。

>>150
CSSに非対応なら"違う表示にはなっても意味は解釈できる"表示になるはず。
CSSの実装に不具合のあるブラウザが問題なのよ。具体的に云うとIE3とNN4だよね。
個人的にはシェアも0.6%以下だしセキュ穴もあるしそんなん使ってる奴は覚悟して使ってるだろうし
そもそもバグだらけなんだからCSS機能切ってるだろとか思うので気にしなくて良いと思うんだけれども。

あとは、151よろしく、それなりにValidならCSSに対応してないブラウザでも意味は通じると思われ。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/16(木) 20:20:42

146 ：動け動けウゴウゴ２ちゃんねる：2005/06/08(水) 22:03:23 ID:EEqnB9K80
このままひ(ryにシカトされてdat落ちに100万ページビュー

**ﾀｿｷ@妄想系統 1/10 ☆@** ◆Ver7J..... · 2005/06/17(金) 23:28:15

>>155
そういう目的ならXHTMLにでもしておくと、便利ですよね。

**名無しさんの声** · 2005/06/18(土) 10:16:38

>>157
ただ、XHTMLだと容量削減という目的には添えませんね。

軽量化の手段としては2ch上ではXMLで出力してXSLをbbsmenuみたいに
どっか別のとこに置いとくとかになるんでしょうが、今度は対応ブラウザが
限定されすぎるという欠点があります。

あと自分はSGML大好きっ子なのでHTMLの方が・・・。

**ﾀｿｷ@妄想系統 1/10 ☆** ◆Ver7J..... · 2005/06/21(火) 11:14:57

>>158 SGML の方が軽いですね

あとは、
<head>で base を宣言すれば、
<base href="../test/read.cgi/operate" target="_blank">

<a href の ../test/read.cgi/operate と target="_blank" target="body"
が省略できます。

**FOX ★** · 2005/06/22(水) 14:10:54

噂を信じちゃいけないよ～♪

規制情報板の報告を実際に食べてみて
自分で実態を感じ取ってすすめた方が良いと思います。

かくいうわたしも噂を流している張本人ですが、
噂であらしが止まるのだ !!

うっひっひ

**FOX ★** · 2005/06/22(水) 14:11:10

誤爆でーす

**動け動けウゴウゴ２ちゃんねる** · 2005/06/22(水) 14:11:53

だよな。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/22(水) 19:27:24

見てはいるのねｗ

**動け動けウゴウゴ２ちゃんねる** · 2005/06/29(水) 21:35:12

http://blogical.jp/kensuu/archives/2005/06/post_63.html
彼を連れてこないか。

**けんすう ★** · 2005/06/30(木) 04:52:58

お。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/30(木) 05:15:38

やれることはほとんどやっちゃった気もするけどなぁ

**動け動けウゴウゴ２ちゃんねる** · 2005/07/01(金) 19:17:48

おぉ、珍しく自分にもやれそうな作戦だ。

**動け動けウゴウゴ２ちゃんねる** · 2005/07/05(火) 19:40:23

ハハハ

**ヾ(ﾟﾊﾟ)ﾉ** · 2005/07/05(火) 20:12:19

ヾ(ﾟハﾟ)人(ﾟハﾟ)人(ﾟハﾟ)ﾉ

**動け動けウゴウゴ２ちゃんねる** · 2005/07/07(木) 07:51:08

これってもう反映されてるの？

**stream** ◆ap/yuix/tw · NG

いや全然

**動け動けウゴウゴ２ちゃんねる** · 2005/07/08(金) 02:21:25

http://pc8.2ch.net/test/read.cgi/hp/1119193120/
326 名前：Name_Not_Found[sage] 投稿日：2005/07/01(金) 16:33:11 ID:???
>325
そうなの？
IEの方が利用者おおいからこう考えてきたけど。
今度からはちゃんと両方とも対応させながら作るよ。

驚いたことが、トップページだけどCSSにしたんだが、一日の転送量が20MBも減ったこと。
これは今までのテーブルタグが重かったのか、CSSはダウンロードが一回だけだからか。
分からんけど減ってよかった。

さて今度はいつテーブルに帰ってくるかだが

**動け動けウゴウゴ２ちゃんねる** · 2005/07/14(木) 01:47:09

ho shu

**stream** ◆ap/yuix/tw · NG

【スイカ】雪だるま作戦に思いを馳せながら雑談するスレッド Part3
http://aa5.2ch.net/test/read.cgi/nanmin/1120638831/471

471 名前：▲ ◆cZfSunOs.U [sage] 投稿日：2005/07/12(火) 02:14:59
とりあえず index.html 生成の前段階として html/*.html 生成まで実装しますた．
　　　　http://sunos.saita.ma/bbsd.c

【bbs.cgi】index.html軽量化作戦スレ
http://qb5.2ch.net/test/read.cgi/operate/1117726508/

↑についてひ(ry氏の見解がもらえないままなんですが，
実験仕様と割り切ってこの成果を取り込む方向でやろうかと......

(略)

**動け動けウゴウゴ２ちゃんねる** · 2005/08/11(木) 18:39:28

**動け動けウゴウゴ２ちゃんねる** · 2005/08/23(火) 23:20:13

**自称〈神〉** · 2005/08/23(火) 23:41:35

ふん、雑魚どもが集まってるな・・・
こんなくだらん事してるとわな・・・
かわいそうで涙が出てくる(笑)

**ちょろ ★** · 2005/08/24(水) 04:39:10

4949

**動け動けウゴウゴ２ちゃんねる** · 2005/08/24(水) 04:51:11

また朝帰りか

**動け動けウゴウゴ２ちゃんねる** · 2005/08/24(水) 16:11:21

また飲みすぎか

**動け動けウゴウゴ２ちゃんねる** · 2005/09/25(日) 17:10:18

軽量化か・・・。
思い切って４ペイン構造っていうのはどうだ？
漏れの場合、毎回毎回subback.htmlクリックしてるからなぁ

■現状
板｜板名
い｜お約束
ち｜スレ50個ぐらい
ら｜上にあるスレ１０個とその内容
ん｜新規スレ立て

subback.htmlクリックしたら
板｜スレッド一覧
い｜
ち｜
ら｜
ん｜
この状態でスレッドをクリックすると、
新しいウインドウが立ち上がりスレが表示される。

**動け動けウゴウゴ２ちゃんねる** · 2005/09/25(日) 17:11:18

つづき。sage忘れスマソ

■改良案
板｜板名、板のお約束(index.htmlの一部）　大きさ１５％ぐらい？
い｜（スレ内容やスレ一覧を表示しないので負荷と転送量削減可能)
ち｜－－－－－－－－－－－－－－－
ら｜スレいちらん(subback.html　転送量・負荷かわらず)　大きさ３５％ぐらい？
ん｜－－－－－－－－－－－－－－
　｜最初広告・スレをクリックしたらスレ内容
　｜（スレ検索が出来たら便利）　大きさ５０％ぐらい？

この改良案の議論ポイント
１．画面が狭くなる。
２．板名と板のお約束はせまくすると思うが読まない人が出てくる
（現状でもあまり読まれてないかも？ｗ）

**動け動けウゴウゴ２ちゃんねる** · 2005/09/25(日) 21:03:25

indexの呼び出しの9割は単にsubbackをクリックしたいだけ

あとニュース系の板のsubbackはスレッドフロートしなくてもいい（内部で処理するのは勝手）

**動け動けウゴウゴ２ちゃんねる** · 2005/09/26(月) 15:42:39

>>183
同意。
漏れがieで見るときは、index.htmlからすぐにsubback.htmlに移動する。
最初に上位スレ５０と上位スレ内容１０を表示させるのやめたら？と。

**動け動けウゴウゴ２ちゃんねる** · 2005/09/26(月) 16:20:20

書き込み枠は要らんかも

[―{}@{}@{}-] **stream** ◆ap/yuix/tw · 2005/09/26(月) 18:37:43

index.htmlのスレ表示ってさ、1と最新10レスじゃん、こういうのって良くないと思う

**動け動けウゴウゴ２ちゃんねる** · 2005/09/27(火) 00:27:04

だいぶ昔新機能スレかどこかに書いたが
http://gulab.ruitomo.com/s.cgi?k=%89%5E%97p&o=r
これのスレタイはそれぞれのスレのl100に、
これの●はそれぞれのスレのl50にリンクしている

メニューの板名にも◆とかをつけてそこだけ直にsubbackに飛ぶようにすれば
indexの呼び出しは9割方減る

http://menu.2ch.net/bbsmenu.htmlの送信量は倍になるがこれは頻繁には呼び出さないから
トータルでは節約になるはず
メニューの節約はサブカテゴリスレあたりでやればいい

**動け動けウゴウゴ２ちゃんねる** · NG

>>187
「index.html軽量化作戦スレ」
~~~~~~~~~~~~~~~~~
アクセスを減らすんじゃなくて生成量を減らせという問題。

**動け動けウゴウゴ２ちゃんねる** · 2005/09/29(木) 17:14:18

どうせ大して使わないし無駄なアクセス減らすほうが話が早いでしょ

**動け動けウゴウゴ２ちゃんねる** · 2005/09/29(木) 17:15:03

あと書き込みのあとに自動で戻るのを改良するとか

**動け動けウゴウゴ２ちゃんねる** · 2005/09/29(木) 17:24:27

何だよ「無駄なアクセス」って
そもそも、それじゃ趣旨が違うんだからスレ違いだろ

**掃除屋** ◆2ch..Ybe0Q · NG

>>189-190
「index.html軽量化作戦スレ」
~~~~~~~~~~~~~~~~
アクセスを減らすんじゃなくて生成量を減らせという問題。
　　　　　　　　　　　　　　　　　 ~~~~~~~

**動け動けウゴウゴ２ちゃんねる** · 2005/09/29(木) 20:39:13

じゃあ削除系の板みたいに上位スレ一覧を切り離せばいいじゃない

**掃除屋** ◆2ch..Ybe0Q · NG

っていうかhead.txtの内容とsubback.htmlへのリンクだけでいいと思うが。

**動け動けウゴウゴ２ちゃんねる** · 2005/09/29(木) 21:28:04

HTMLをXHTMLの記述通りにしたらどうだろう。
デザインは.css任せて。

と思ったけど無理っぽそうだなぁ

**動け動けウゴウゴ２ちゃんねる** · 2005/09/29(木) 23:12:18

上位スレのレスを表示させるが、レス表示やめたら？
みんなsubback.htmlクリックしかしてないって。
そうすれば生成量はずいぶん下がると思う。

もうそろそろ、今の形式の掲示板は変わるべきだと思う。

**stream** ◆ap/yuix/tw · 2005/09/29(木) 23:16:33

>>196
賛成

**掃除屋** ◆2ch..Ybe0Q · NG

>>196-197
つまり、板トップはhead.txtの内容とsubback.htmlへのリンクだけでいいということだ

**掃除屋** ◆2ch..Ybe0Q · NG

http://exeexe.net/operate/index2.html
こんな感じでいいわけだな

**動け動けウゴウゴ２ちゃんねる** · 2005/09/30(金) 15:15:45

新規スレ作成欄はスレ誤爆と重複防止のため
２ちゃんねる検索を経由しないと行かれないor行きにくいようにするのがいい
>>199のままだとみんな思いつきでスレ立てようとする（現状でもそうだが）

従来の上位スレ一覧はindex2とかにして新indexからリンクすれば
雑談板とか実況板とかでスレの流し読みする時に使える