読みやすい長文サイトの「条件」

情報、論文、小説、コラム、俺の主張etc……
いきおい長文になりがちなサイトのデザインはどうすればいいですか？

背景色、フォントカラー、アンカーリンク、字間、インデント、その他
「こうすれば読みやすいサイトになる！」というデザインとその技術を
検討しましょう。
逆に、「こんなデザインじゃ長文なんて読めたもんじゃねぇ！」という
ダメ例も歓迎。長文サイト運営者はココを読んでお客さんの「読みやす
さ」を勉強しよう！

参考（になるかわからないけど）リンク
http://plaza14.mbn.or.jp/~rooms/basement/gyoukan.html


注）「内容を充実させろ」「面白い長文を書け」ってご指摘は充分
承知しています。このスレは「読みやすさ」を追求していくものな
ので、内容の充実は各自で頑張ってください。

2

3

4

5

6

7

リンク先みたけれど，微妙かな。

行間はある程度あけた方が見やすいのは事実。
読みやすい・読みにくいは人によって違いがあるから，代替スタイルシートを希望。
あと，SXGA+ぐらいでみると，無茶苦茶横幅が長いサイトはなんとなく疲れる。

これは内容にも関わるかも知れないけれど，論理構造がきちんとしていない長文は
読みにくいな。見出しはきちんとつけて欲しいと思ってしまう。

>>1
長文はフレーム使え。
strict厨にはわからんだろうけどフレームに勝るナビゲーションは
存在しないしw

>>1
> <TABLE>もしくは<BLOCKQUOTE>を使って両脇にマージンを
こんなの勧めるのか？
素直にCSSでいいと思うけど

長文を使用しない
これ最強

あれ？　結論出ちゃった？
論理構造を「ちゃんと」して（>>8）
ＣＳＳでマージンとって（>>10）
長文はサクサク別ページに分けて（>>11）
フレームでナビゲーションする（>>9）

まぁ、あとは好みの問題なんだろうけど、背景色とかはどれくらいが読みやすいん
だろう。テキストが黒の時はここみたくefefefくらいがいいのかなぁ。僕はちょっと
暗くてヤなんだけど。

ついでにテキストサイズは固定しないほうがいいよね？　そうだよね？

背景色#eeeに文字色#003

>>12
テキストサイトで背景のサイドがありすぎると目がカチカチしてくるからいやだな。
テキストサイズが小さいサイズで固定されていると，正直読む気が失せる。

なんやかんやで2chは良くできていると思う。

>>9
Frame!=Strictではないよ。

>>9
フレームのサイトは2ちゃんしか見ないですが、何か？

…と、煽りはさておき。
文字93〜95%、行間140〜200%、字間0.07をよく使っています。
文字…000000〜404040くらいまでの黒系を使用。
背景…白より若干色があるくらい。
記事部分…65〜80%か、450〜550ピクセル。
記事以外の背景には、賑やかな壁紙を使うこともある。

自分が長文書くときはこんな感じですが。

長文書くときは、一行あたりの文字数が多くなりすぎないようにしてる。
許される環境なら<br>使ったりもするけど。

<pre>タグで完全に固定しろ

>>18
そうだね！それがいいね！最高だね！頭良いね！

　・XGA対応にテーブルレイアウトなし
　・背景#0000FFに文字#000000
　・<font size="2">

↑実在するよ

このスレ、もってきようによっては良スレになりそう。
長文の時の配色のよしあしとか、どうだろう？
文字と背景、どんな組み合わせが一番見やすいかな？

そだね。

単純な見やすさだけではなく，のっけている文章にもよると思う。
深刻な話にパステル調の背景や，明るい話におどろおどろしい背景はいやだ。

あと，背景に画像を並べるのはよほどの技術がないと，よみにくいだけ。

>>22
やっぱり文章の内容と背景の兼ね合いも重要だよね。
ただ単に見やすくても、アングラっぽかったら（黒字にしろとか）、特に女性とかは帰宅なくなっちゃうかも。
色が人の感情に与える影響は大きいらしいし。

単に配色という観点ですが、こんなサイトがありますた。
ttp://www.mars.dti.ne.jp/~fuming/index.html

俺は二十行を越える文章は、二十行前後のきりのいいところから
飛ばし読みをしていることに気づいた。

面白い文章でもつまらない文章でも英語でも二十行移行は飛ばし読み。

長文って、どの程度から長文と感じるんだろうな。
800字くらいか？

>>23
サイト紹介どーもー。

>>25
１ページに原稿用紙２枚ぶんぐらい・・・だからそれぐらいから私には長文に感じるかな。

コラムとか、論文とか（そんなにオオゲサなもんじゃなくてもええねんけど）、
章立て項立てがキチン作りやすい文章なら、８００字とかそれくらいで別ページに
切るのはやりやすいかもしれないけど、小説とかだとそのへんルーズに
なりがちやから、「別ページに分けるタイミング」って難しいかもね。
ただ<Hx>を指定できないような（つまり章立て項立てをきちんとできないような）
長文ってのは、>>8の指摘のように読みにくくなるから、これはサイトデザイン云々
以前の問題ってことで。

ちなみに、文庫本の見開きは42字*32行＝1344字詰が一般的。（文庫本は縦書きやけどね）
読みやすさにかけてはイチバンの紙メディアの数字だから、webではこれくらいを
上限とするのはどうだろうか。

参考文献：
野口悠紀夫　「『超』文章法」（中公新書）

公の場に書き込むときに関西弁を使う阿呆の気が知れん

申し訳ありません。以後気をつけます。ご指摘ありがとうございました。

>>28
文庫本は縦書きだが、多くのウェブサイトは横書き。
集中力の問題だと考えると、縦書きと横書きでは読むスピードに違いが
出るだろうから、そこらへん加味するとどうだろう

みんな頭良すぎ。
厨な漏れには付いていけないよ。
>>16
字間ってどうやって指定するんですか？
教えて君に愛の手を。

>>32
おっぱいすってくれたら教えてあげる

>>32
CSS使う。letter-spacing。

21さんの登場で息を吹き返してきたな。

長文かどうかは感覚的なものだけれど，最初にどういう方向性の文章か
何をテーマにしているのかがわかっていれば，多少退屈でも我慢できる。

バルザックなど，最初の方が退屈でしかたがないが，名作だとわかっているから読むが，
Webだと，最初の１０行くらいで，だいたい見切りをつけちゃう。

あと，>>31のいうとおり，文庫よりWebの方が，読んでいてつらいかもしれない。
それだけに挿絵や，写真・説明図などの要素も大切だと思うな。

延々と文字列だけが並んでいるサイトに行くと，「うおっ」ってかんじで，
ひくなあ。
右に挿絵があったり，左に挿絵があったりすると，文章を読む方にもリズムの
変化が生まれる気がするよ。もちろん，挿絵次第だけれど。

リズムを変えるために巨大文字にしたり，ボールドにしているところもあるけれど
よほど文章がうまくないと，単なるDQNになりがち。

フォントサイズ変更はお勧めできない。

あと、スクロールバー見た瞬間にやる気なくなるようなサイトあるよね。
色も長さも。

スクロールバーはまあデザインの範囲だからOKなんだけど、
それでもたまにうぜぇと思ってしまうのがある
スクロール部分を全部同じ色で統一してるやつ
どこにスクロールバーあるんだよｳﾞｫｹ！とスクロールバーの所を連打
あれはなにがしたいのかわからん

>>32
最初に挙げた参考（になるかどうかわからない）リンクへドーゾ。

紙媒体とwebの違いっていえばいろいろあるだろうけど、webはディスプレイで見る
ってのが、見た目では一番の違いだと思う。次点でスクロール存在。
ディスプレイ＝発光するもの、ってのが意外と目にツライんだと思う。文字を読ませる
には難儀なメディアだからこそ、少しでも工夫したいわけで……。

また文庫本を引き合いに出すと、手元の文春文庫に定規あてて測ったら
高さ：15.3センチ
上余白：1.5センチ
下余白：1.3センチ
だった。
webではこれを横に倒して左右の余白に各10％程度……。
横書きだからこそもうちょい余白をとってもいい気がする。

ちなみに、紙の色は２ちゃんねるの「新聞みたいなグレー」ではなく、黄色っぽい。
#ffefd5って感じ。けどディスプレイだと目に痛いかも。

>>36
挿絵はともかく、図表は適時挿入してほしいです。（webに限ったことじゃないけど）
簡単にリズムつけるとすれば、<hr>だけでも随分マシになるかと。

>>38
同意。
スクロールバーとかリンクとか、ナビゲーションにかかわるところは
あんまり色遊びして欲しくないです。

長文読むときに、飽きたなと思ったら、その原因を考えて報告しよう。

俺の今日読んだ長文は、言ってることが前半と違っているような気が
してわけわかんなくなった時、飽きたね。

読み直そうという気が沸かない。
文庫だと、しおり挟んでちょっと戻って読み直したら、またすぐ元の部分に
戻れるけれど、WEBだと元の位置に戻すのも結構めんどくさくないか。

>>40
首尾一貫してない時点で、既に文章としてダメじゃない？
そういうのは文庫だろうとダメだと思う。

英文学科に通ってるんだけど、長文はcoherentがないと駄目だっていつも言われます。
日本語だってそうだと思います。（日本語だとなんていうんだろう…）

論理的にまとめられていたらいいんでねぇの？

段階を経て書かれていれば、ある程度読みやすい文章構成となる。
例えば起承転結をはっきりとするとか。

もちろん段落分けも重要な要素だと考える。
これは失敗してはいけない部分で、適当にやってはいけない。
意味の区切れはもちろん、大段落の区切れもはっきりとすべきかもしれん。

１を見て思ったこと

段落の始めを一文字開けるのはまぁいいのだが、ほぼ一文ごとじゃ駄目だと思うよ。
やっぱり意味の区切れでやったほうがいいと思う。
もうちょっと一段落を大きくしたほうが（・∀・）イイ

段落分けのリズム感は大切だと思う。
でもこれは文章自体のリズム感ともいえるから、
文章力上げろって話に近くなってしまうんだけど。

大切なことや特に言いたいことは、短い文、短い段落でまとめる。
それ以外のこと(だいたいの場合だらだらした説明)は
長さにこだわらず意味の区切れごとに分けていく。

とにかく、一律の長さの段落がだらだら続くのがすごく嫌だ。

レイアウトに関しては…
文章部分の横幅は700ピクセル以内でないとだめだ。
もし10ptとかfont size=2とかだったら500ピクセル以内。
line-heightは個人的には140%が一番好き。

>>43
文字数にもよると思うけど、起承転結毎にページを分けた方がいいのか、同一
ページに一気に載せちゃうか。
漏れは多少長くなっても同一のページに載せてて欲しい。

>>45
700ピクセルって、>>45のディスプレイでってこと？
一行の文字数が多くなると読みにくいのはわかるけど、ピクセル指定のレイアウト
って、ねぇ。最悪横スクロールっていう悲劇が……。（まぁ700ならたいてい大丈夫
だと思うが）
emで指定するほうがいいと思うんだけど、どうでしょう？

ロードの過程でスクロールバーががんがん細くなってくのを見ると
読む気がそがれていく。

マウスをクリックして次のページに移ることはちょっとした気分転換にも
なるし、また次の日読むときにも都合がよいかと。

>>41
書き手は、首尾一貫しているつもりでも、読み手の受け取り方によって、
一貫していないように思われることもありえるんじゃないか。

>line-heightは個人的には140%が一番好き。
禿堂。
けっこうline-heightを意識していないところが多くて困る。
だからといって，line-heightの代わりに，一行ごとに書く奴はウザイ。

>>48
それってIE3で致命的なバグがあったからイメージ悪くなってると思う。

ところでline-heightの指定は単位付けない方がいいとか見た気がする。

>>50
http://www.pugx3.com/bfi/html/howto/lineheight/
NN4、IE3避けみたいだね。

>>51
お、サンクス。 初めて見たな、そのサイト。

一行ごとに改行が入ってたりするの、そいつなりに工夫した結果なんだろうね。
フロンペでサイト作ってたCSSのことなんかｻﾊﾟｰﾘ時代にやってました。
（自身を顧みて反省）
見た目的には行間200%とあまりかわらないんだけど、そもそも200%は開けすぎかも。
120〜180%が下限と上限、140〜160%が適切な範囲じゃなかろうか。

>>53
>フロンペでサイト作ってたCSSのことなんかｻﾊﾟｰﾘ時代にやってました。

日本語?
フロンペがFrontPageっぽいとは思ったが、それにしても意味不明。

<br>などで整形しない長文サイトは、やはり読みづらいですかね？
アクセシビリティを重視すると、<br>や<pre>はあまり使えなくて。

>>55
どういう意味？適度な部分で改行しない、って意味？
<br>連発はうざいが、適当なところで改行は別にいいのでは。

漏れいろんな文章サイトに載せてるんだけど、
発言の「」のあたりとか、どう処理していいものか毎度悩む。

<p>Aはこう言った。<br>
「セリフ」<br>
しかしそれを聞き入れる者はなかった。</p>

「」の前後って、書式に習うと改行するしかないんだよね。

>>54
フロンペ＝FrontPageExpressで作ってたころ、かつ「CSS？　なにそれ？」
ってな厨のころ……って意味。行間あける為に

<p>我輩は猫である、名前はまだない。<br>
<br>
「じゃあ、ラブリーちゃんと呼んでやる」<br>
<br>
それだけは、ちょっと……。</p>

って感じで無理矢理行間を作ってたわけです。（嗚呼、恥ずかしい……）

>>55
<br>や<pre>がアクセシビリティに悪いっていうの、詳しく説明してほしい。
正直、知らんかった。

>>56
「引用」を表すタグがあるんだから「会話文」を表すタグも欲しい。
ないものねだりしてもしょうがないので、素直に<br>使うしかないと思われ。
まぁ、ライノベもどきを書いてる小説サイトならガンガン改行してもそれが味（？）
になるかもしれないけど、論文書いてるサイトだと、バカっぽく見えるだろうね。

なんだかんだ言っても<br>で読みやすい文となるならそれでいいじゃん。

うちは逢えて<br>でやってるが、読みやすいといわれますよ。目がちかちかするって人がたまにいるので色は考える必要あり

>>58
全然ダメ

>>59
喧嘩する気はないので理由を明確に述べよ

おお！すごく良スレだなぁ
俺のサイトも今リニューアルしててちょうどそこを考えていたところ。

最近は、10ptで書いてるところ多いけど、デザインが引き締まるっつう
だけで全然メリットないよね。読み物部分に関しては。
ちょっとアンバランスだけど、トップページやリンクページを
10ptにして読み物コンテンツは行間15ptの文字11ptにしてみた。


メニューつけて一連の段落ごとにページ分けるか、
全部一気に書いちまうか、実は今現在もすごく悩んでいる。

初めは>>47のゆうようにスクロールバーの問題があったので、
スクロールバーが出ない程度で区切ってみたが、鬼のような
ページ数になった。多すぎる「クリック」っでだんだん読む気が
薄れるなぁと思って３スクロールぐらいにしてみることにしたよ。

結局、この部分って人それぞれだよね。２パターン作ったので
一ヶ月ごとに入れ替えてログ見てみようと思う。

それから行間と同じくらい大切なのが文中の「小見出し」だよ。
段落の頭にたとえば「読み物は小見出しが命」見たいな一行要約を
入れるわけ。本とか見るとその辺のテクがわかるよ。

っで、小見出しと本文はインデントをつける方がよい。

そういう意味でも>>50の
http://www.pugx3.com/bfi/html/howto/lineheight/
は秀逸だよ。実際すごく読みやすいよね。

まぁ侍魂みたいなものには小見出しは不要だけど
特に説明文を書く人なんかは重要だとおもう。

59ではないですが、改行はUAに任せるべき、という考え方があるんです。
brで強制改行をすると、ブラウザの横幅が広すぎても狭すぎても困ることがありますので。
それと、視覚整形のための改行は、htmlとして間違っているという意見もありますね。
論理的に意味のあるbrなら良いのですけど。

と、>>62は>>60宛て

http://www.4japan.tv/~7s_gate/bigagent/index.cgi?ID=kkkk007
http://www.lo-po.com/owner/?3425
http://www.adultshoping.com/addclickport.cgi?pid=1055777477
試しにやってみれば？

>>62
このスレではHTMLとしての正しさとか、そういう他スレでなされる
べき(あるいは他スレでも出来る)話題についてはしないほうが有意
義なスレになると思うんだがどうだろう。

そうだな。じゃあ話を戻そうか。
改行しない長文ってどうよ。

う〜ん、どうしても「文章の書き方」に絡んでしまうなぁ。
章、節、項、段落、文。と文章には階層があるわけで、

章＝ページ単位もしくは<h1>
節＝<h2>
項＝<h3>
段落＝<p>

↑こうするのが一番自然な流れだと思うんだけど、この下の「文」をいちいち<br>
で改行するのは、やっぱり不適切だと思う。
UAの「折り返し機能」と<br>による改行は別モノだから、ちゃんと意味の切れ目で
<br>を使うのであれば、問題ないと思う。
>>66の言う「改行しない長文」ってのは解釈が難しいけど、段落構成（<p>の使い方）
が真っ当な文章なら、途中で改行しなくても悪くはないと思う。（会話文
の場合は、行を変えて……そういや小学校の作文の時に習ったなぁ）

改行の少ない長文の場合「うわ〜、文字がいっぱい！」と見た目の圧迫感があるので
行間や余白は多めにとっとくといいかもしれないね。

悪例として、
http://www.aozora.gr.jp/cards/000129/files/682.html
↑青空文庫からひっぱってきました。
文字数は１５，３９５字。ソースはすごくシンプル。つか、素っけなさすぎ。
当然左右のマージンも行間も字間も無し。背景真っ白文字は黒。
段落に至っては<br>と全角スペース。<p>は無し（一個あったけど閉じ忘れ）

森鴎外クラスの文豪だからこそ、迫力があると無理に誉めることもできるけど、
この圧迫感は……。
極端な例だが、参考までに。

>>68
こいつは酷いね。目線を右から左に戻すときに、行を見失う。
試しに line-height: 1.8; を指定して読んだら、普通に読めた。
それでもまだゴチャゴチャしてる感じはあるが。

長文レビューとコラムのサイトやっとります。
このスレは参考に何かとなりそうなので勃ってうれすぃ。

自サイトとお付き合いのあるサイトさん、
行間開けてないし、改行もほとんどしてないんですよ。
多分それがマイスタイルマイデザインと思いこんでるみたいなんですけど。
そんな訳のわからぬこだわりは窓から打ち捨ててほしい。

魅力のあるしっかりした文章を書かれる方なので、残念というか勿体無いというか。

>>68
　こういうのよくみかけるね。

　しかしこれはへんにHTML化されてない分、何らかの二次利用などには
向いてそうだが。

>>70
他人に強制するようなものじゃないけど、やっぱり読んで欲しくて公開しているわけだから
読んでもらいやすいように工夫する、そういう心遣いはやっていきたいです。
「勿体無い」ってのが正直な感想なんだよね。

>>69 >>71
森鴎外を出してきたのはちょっと恣意的だったかも、と反省。
同じ青空文庫の宮沢賢治をローカルで弄ってみたんだけど、なかなかの難物でした。
何らかの二次利用を考えるとしても<hx>くらい打ってて欲しかった。素のテキストで
ベタっとしててくれる方が作業しやすかったよ……。

ちなみに行間1.8、左右のマージン10%、paddingでも5%とってみた。背景色がピンクでも
文字の回りを白系にすると読みやすさは全然（・∀・）ｲｲ!!
この方法だと色遊びもできて便利かも。

よみやすいcssをうｐしてちょ

>>73
専用スレがあるよ

>>68

俺のサイトそっくり。。。

>>75
い�`

http://www.houritu.info/houritu/keihou/000.html
こんな感じはどう？　刑法の解説のサイトなんだけど。

>>77
会話文のところが、改行が入ると読みづらいな。
<dl>でマークアップすれば良くなると思うんだが。
他は良いんじゃないだろうか。
個人的な好みをいえば、背景が眩しいのが少々つらいかも。

http://www.npa.go.jp/keibi4/it2.htm
警視庁のサイトだが…。
激しく読みにくいと思わないか？

＞79
背景がクソだね

>>77
文章量は多いのに項立てがしっかりしてて一つ一つが短いので、装飾がなくても
読みやすい。その上で行間とったり色を合わせたり、読みやすいようにとの気遣いが
見てとれて良サイトだと勝手に認定したい。
漏れは眩しいとは思わなかったけど（ディスプレイがヤニで汚れてるのか？）文字が
右から左までっていうのが気になりました。窮屈な感じがしない？
>>79
背景に「文字」は絶対にやってはいけないなぁ。
英字紙みたいな小さなアルファベットがごちゃごちゃ並んでいる画像なら、まだ
大丈夫かもしれんが（それでも見づらいだろうなぁ）、こんなに主張の激しい背景
だと文字が埋もれてしまう……。色はいいのに。

>>79
背景が「笑点」だったら祭りにするのに…

>>77
っていうか紙幣をスキャンするのは犯罪じゃないのかな。
刑法解説となると気になるな。

私が作りました(^O^)
http://nuts.free-city.net/index.html

踏めねーよ。

>>83
スキャンする行為自体は問題ないのでわ？財務省のサイトも
アウトになっちまうでしょ。
↓参考
http://www.mainichi.co.jp/life/law_building/build/internet/internet_qa.html

>>79
ものすごい背景だな。担当者はこれを見て読みにくいと思わなかった
のだろうか。不思議だねぇ。

で、俺が考えるのは、優先度の高い順に、

１　配色（原色×、パステルカラー×）
２　行間（150%を標準としたい。ブラウザの標準値×）
３　適切な項目立て（章、節、……）と、見出し
４　ワンポイントの挿絵（挿絵と言うほどでなくてもよい。例えば>>77の
　　　要所要所に「青色の■」があるが、ああいう奴）
５　全体的なデザイン（CSSでイケてる……スレとかを参照）

一気に変えるのは大変だから、やばげなサイトの人は、この順序で
サイト一新に挑戦してみてください。

>>86
文字が小さく固定されてるのがｲｸﾅｲ……って言おうと思ったけど、>>83へのレス
だったのね。

>>87
配色のパステルカラーについては、白地にワンポイント（例えば見出し部分の背景
とか水平線代わりの画像とか）ならばいいと思うんだけど、「背景色」の誤字だと
すれば激しく同意。（つか昔やってしまってた、パステルカラー背景）

＞一気に変えるのは大変だから
↑長文サイトって、何気にページ数も増えません？
漏れのとこでも120ページくらい（あんまり分割してないのに）あるので、サイト一新
の時は苦労しまつた（身から出た鯖）

>>88
そうですね。背景色とか、文字色、それも極端なパステルカラーのことです。
女性のサイトにありがちなやつ。短い日記なんかだとまだマシですが
長文でそれは頂けないです。正直いって、数行読んだだけで、もういいやと
思って「戻る」ボタンを連打したサイトが結構あります。

長文読ませるのに奇抜な色はNGですね。一見すると味も素っ気もないような
背景でいいと思うのです。ポテトチップスってのは色々な味がありますが、
一番売れているのはスタンダードな「うす味」なんですよね（コンビニバイト談）。

>>81
煽りではないので教えて下さい。

＞文字が右から左までっていうのが気になりました。
右から左までってどういう意味ですか？

81ではないが、
画面いっぱいに文字が表示されることに圧迫感を感じる、ということだろ。
それぐらい読み取れよ。

>>91は>>90へのレス

>>90
左から右までって書けばよかったのかな？　もしくは端から端まで隙間なく、と。
marginを指定して欲しいってことなんです。ディスプレイって横長なのに、文字も
横書きだからそもそもが読みづらいと思うんだ。
縦長の紙に縦書きに印刷すれば読みづらいのと同じでつ。

>>91
ありが�d

>>93
なるほど、左から右と言われれば直ぐに意味がわかります。
だが文庫本も縦長に縦書きのはず。要はマージンということになりますか。

背景画像をいじって読みやすくすることってできないかな。
ウチのサイトは薄く横縞を入れているが、効果のほどは微妙。

>>95
文字のサイズ変えても大丈夫？

>>96
文字に合わせているわけじゃないから。
横線じゃなくて、ストライプ状の柄ってことね。

>>94
文庫本は見開きで横長。
あくまで見た目重視なので「見開き」を基準に考えてます。
新書判だと小説とかは二段組、ノンフィクションは段組無しが多いようですが、いずれに
しても、見開きで考えれば横の方が長いです。

一方、横書きの書籍の場合、見開き単位で考えれば二段・四段組になっているので、
縦の方が長くなっています。

んで、この書籍でいうところの「見開き」に、webの「スクロール」が相当するかと
いうと漏れは疑問に思っています。一度に見える範囲は、やっぱり限られますから。

横書きは縦長に、縦書きは横長に。左右に15%づつマージンとったら、文字の領域
は70%になるわけですから、横の方が短くなります。（たしかディスプレイの規格
って、縦：横＝3：4だったはず。横が７掛けで3：2.8になりまつ）

↑全画面表示前提の数字ですが（ｗ

>>98
もうちょっと要約して書いて。

すまん。
・>>94へのレスとして
「見開きで見れば横長じゃん」

・横書きなら縦長に書きたいので、左右に充分余白とるといいと思う。

以上２点について書きました>>99

age

<p></p>を使うと、段落の間に空行できますよね。
あれ、無くす方法ないのでしょうか。
創作なので、無意味な空行を避けたくて<br>を使ってしまいます。
でもHTML文書として、段落には<p>を使うべきなんですよね。

せめてCSSでなんとかできないか、調べまわり中です。

p{
margin-top: 0px;
margin-bottom: 0px;
}

こんな感じ？
俺もCSS勉強し始めだから自信ないけど

あ、なるほどマージン設定すれば・・・
試してみます。ありがとうございます！

ほほえましいスレ違いですね

だらだら書いてたら、いつの間にかhtmlのファイルが一つで30KBに達した。
読みづらいんだろうな。分けるか。

>>106
きちんとナビゲーションなどが作られており、文章の項立てもしっかり
できていれば３０ＫＢぐらいなら通常の知能がある奴ならちゃんと読めるよ。
なおGoogleのキャッシュ機能は100KBまでのファイルが対象なので、
それを超えるのは良くない。

>>1-107
おまえらのサイトはチンカス

>>108
(*ﾟдﾟ) ､ﾍﾟｯ　

>>107
30KB程度で十分です。あまり細かく分けられると読むのがメンドイです。

>>102さん
別に<br>で問題ないと思う。
一つの文章は<p></p>でまとめらて、その中での改行は<br>。
文章が変わるなら一行分開いてた方が読みやすくないですか？

pでマークアップしたいが、行間を開けたくないといってるんだから、
>>103の解決法がベストだと思うぞ。

<P>〜</P>って文章以外のところで使うのは不適当？
例えば、トップページで
<HTML>
<HEAD>
</HEAD>
<BODY>
<P><IMG src="file:///C:/Documents and Settings/ADMIN/Application Data/IBM/HomePage Builder Version 6/tmp/logo1.gif" width="21" height="33" border="0" alt="f
"></P>
<P>文章</P>
</BODY>
</HTML>
こんな記述があったとして、上の<P>〜</P>は画像の段のみに使われてるけど、Pが段落を表すものだから不適当？
<HTML>
<HEAD>
</HEAD>
<BODY>
<IMG src="file:///C:/Documents and Settings/ADMIN/Application Data/IBM/HomePage Builder Version 6/tmp/logo1.gif" width="21" height="33" border="0" alt="f
">
<P>文章</P>
</BODY>
</HTML>
こうすべき？それとも上のままでいいかな？

ゴメンね(‘д｀)

ごめん、なんか余計なものが入っちゃったけど、言いたいことは分かってくれたと思う。
ホームページビルダーだとこうなっちゃうんだよね…。
どうしたらいいものか。こんな糞ソフト使ってるほうが悪いのかな？

>>115
BODY直下のIMG要素は、StrictなHTMLでは認められない。
divでくくるのが本来の解決法といえる。
さらに詳細を知りたいならStrictスレもある。
ビルダーだけが糞ソフトではない。たいていのソフトは
正確無比なHTML文法を吐き出すという意味では、糞。

>>116
まあ<br>連発する俺のほうが糞

>>116
div じゃなくて、h1 とかのほうがいいと思うな。
ロゴの画像らしいから。
何のロゴかは知らないけどさ。ケースバイケースでいこう。
div に限定すべきではないと思った。

>>1の小説っていうの見て思ったけど、
しょぼいフリースペースで小説とか詩とか掲載するサイトは
広告とか入ってて雰囲気ぶち壊しになってて萎えるじゃん
でもフレーム使った場合一番目立つところに広告を置けば他のフレームの
広告は消しても良いことになってる。
じゃあ広告置く用にページを一つ用意して、その真ん中に
でかい iframe を配置して、その中に文章を表示するのはどうかな？
うざいですか？　ごめん‥‥‥良い案だと思ったんだ‥‥‥

フォントは等幅とプロポーショナル、どっちがいいかな？
へたれ小説書きで、今は等幅使ってんだけど

>>120
個人的にはプロポーショナルフォントがいい。
字間を開けすぎると文字が散らばって読みにくいんじゃないだろうか？
（実験してないからわかんないけど）

というか、フォントはいちいち指定しない方がいいんじゃないかなぁとも思う。

本文のフォントがMS UI ゴシックってのはDQN？


MS UIゴシックは読みやすさに関しては賛否両論と聞いたことがあるのですが･･･

>>122
フォントは読者に任せるのがいちばん。
見慣れてるフォントのほうが落ち着いて読める。

現在のウェブ、長文と言う時点で負け組だろう。情報や論文、コラムはヴィジュア
ルを使い効率良く出来るし小説はさわりだけで本文はダウンロードさせればいい。

俺の主張？いらん！

誰か>>124を訳してくれないか。
なにか凄いことを言ってそうなんだが、意味が分からん。

テキスト垂れ流しは糞。
ヴィジュアルに凝れ。

ということか。

>>125
ワラタ

> 情報や論文、コラムはヴィジュアルを使い効率良く出来るし
具体例を挙げてくれると助かる。

>本文はダウンロードさせればいい。
？　ごめん、意味わかんない。
ＤＬさせてプリントアウトさせるの？　そんな手間かけさせるよか読みやすいよう
工夫するのが自然じゃないかなぁ。ＤＬしたところで読みやすさ読み難さって変わらない
し、第一、閲覧するってことはＤＬしちゃってるってことだし。
あ、もしかしてHTML形式にこだわるなってこと？　HTMLじゃない形式で読みやすい
カタチがあるのなら、教えて欲しい。「一太郎で作ってそのままUL」みたいなこと
ではないんですよね？

おまいら、>>124は勢いに任せて言ったはいいものの、
引っ込みがつかなくなってる香具師なんだから優しくしてやれw

>>129
なんだかんだいって適当（＝適切）に改行された.txtは読みやすいよ。

それから、紙は読みやすいんだ。
印刷しやすいように配慮するのも、いいと思うな。

というのは、今日長文ページを印刷しようとしたら、勝手にページ設定を
無視してはがきくらいの大きさで改行して印刷しちゃうわけ。
しょうがないからHTMLをダウンロードして、邪魔なタグをとったら
ようやくまともに印刷できるようになったけど、さくっと印刷させてほしかった。

http://www.yin.or.jp/user/moriya99/atoz/h6.00.htm

俺、このサイト参考にしてるよ。
読ませることにこだわりたいよね。

等幅フォント読む気にならん

>>132
こりゃどうも。読ませてもらうよ。

>>131
たしかにそういうことがあるなぁ。
ところで，ここにいる人は印刷用のCSSって用意してる？

>>132
リンク先のサイト、ソースを見ると・・・
本当にコンテンツを“見せる”ことにこだわってるのね。。。

>>136
たしかにすごいなFrontPagだとああなるんだろうか。

あと背景色の照度を下げるのは賛成だけれど，暗くしすぎではないのだろうか
他のサイトを見たあとだとかえって読みにくい気がする。
でも全般的には役に立った。ありがとう。

>>102
Strict-HTML スレッド
http://pc.2ch.net/test/read.cgi/hp/992708594/429
http://pc.2ch.net/hp/kako/992/992708594.html
段落の頭の一字下げに全角スペースを使いたくない俺も
>103の方法でやってる。

p{ margin-top: 0px;
margin-bottom: 0px;
text-indent: 1em;}
にして、意味段落ごとに<ｂｒ>で区切る。

<p>〜形式段落〜</p>
<p>〜形式段落〜</p>
<ｂｒ>
<p>〜形式段落〜</p>
<p>〜形式段落〜</p>

これでどーだ？

>>138
stricterなら、三段目のpにclass名を与えてmargin-topを指定するべきかも。
普通の人ならbrでいいけど。

>138
そうですね、私もそれに落ち着きました。いい感じです。
>103さんに改めて感謝。
あとは行間を入れて、BODYの上と左右にマージン10%ずつ入れて。
HTMLでは

<p>本文</p>
「台詞」<br>
「台詞」<br>
<p>本文</p>

・・・って感じで、今書いてます。


ところで行間は130%でとってるんですが、やっぱり狭く感じます？
150%くらいが好きだという意見をよく見かけるのですけど・・・。

個人的にはチト狭いな。１５０％は欲しい。書籍の行間を定規で測ってみるのも
面白いかも。

僕の場合は、１３０％や１４０％、１５０％、１８０％などで
それぞれ長文を読んでみて、どれが一番しっくりくるか、と
実験して見たところ、１５０％に落ち着きました。
短文で実験した場合、１４０％〜１８０％はどれも読みやすく
感じてしまうので、ある程度長い文で試して見てください。

>141-142
そうですか・・・。私の感覚を押し付けるのも問題ですしね。
自分では130%が一番しっくり来てたんですが、
一般的な感覚から外れてますね。広げることにします。

>>143
出来上がりを見ていない人の意見なんて、もっと
ほどほどに聞いておいたほうがいいんじゃないだろうか。

作り手の考えは、大事にしてほしい。

130は狭すぎ。180%がおすすめ。

このスレ見てて、やっぱ行間の好みってすごく分かれるものだなあと思った。
いっそのこと130％バージョンと180％バージョンを作るかな。

180%とかいってんのは年寄り

フォントサイズについて考えよう
http://pc2.2ch.net/test/read.cgi/hp/1042293757/
このスレが参考になるかな

>144
文章表現、内容に関しては、そうだと思います。
伝えることを意識した文章でさえあれば、あとは作り手の考えを大事にすべきだと。

けど、見栄えに関しては閲覧してくださる方に合わせることが大事かなと。
ただでさえWeb上では長文を読むのに向いてないわけですし・・・
文章そのものが自分の表現したいことで、見栄えはその補助ですしね。

・・・おや？
するとユーザーのスタイルシートに委ねるのが一番？
けど、自分で設定してる人って多くはないだろうしなぁ・・・。

ｽﾏｿ。

×　文章そのものが自分の表現したいことで、見栄えはその補助ですしね。

○　文章で書いた描写と内容こそ自分の表現したいことで、
　　見栄えは文章を読んでもらうためのものですしね。

・・・言いたいこと、伝わってるといいな。

ユーザースタイルシートは、現状では理想論になってしまいますね。
スタイルシート？なにそれ？ていうユーザーがWEBの標準ですし。

>>135
印刷時は左余白ゼロにしたいんですけど、そういうのできますか？
代替スタイルシートしかない？

スタイルシート書けた状態でも、スタイルシートかけない状態どっちでも綺麗に読めるサイトが一番いいのかも。
でもスタイルシート使う場合、たいていスタイルシートでしかできないような事もやってるから難しいよね。

>>152
<link rel="stylesheet" type"text/css" href="screen.css" media="screen">
<link rel="stylesheet" type"text/css" href="print.css" media="print">
でプリント用のスタイルシートを用意するのではだめかな？

ごめんtype="text/css"ね。

>>154
あ、そうだね(ﾟдﾟ)！
もう、馬鹿だな僕は！！
ありがとう。

このスレも抽象論は大体出尽くしたのかな。
やはり具体例がないと盛り上がらないか……。
でも，個人サイトを晒すのはよくないし……。

p{
font-size:smaller;
line-height:130%;
}

漏れの基本スタイル。
小説書きだけど敢えてtext-indentはつけてません。
（フォントサイズは色々な事情がアレするのでコレ）

http://www.homelesspixel.de/remix/
カスイケスレから。長文サイトじゃないけど。

こういうレイアウトなら、横幅が無闇に長くなるのを自然に防げるなと思った。

>>159
きれいなサイトだね。デザインとしてはありがちだが，レベル高い。
でも長文サイトの場合，サイドメニューに何をいれるべきなのか迷う。

>>159
よくある3段組レイアウトだと思うんだが、何か特別なところでもあるのかな？
本家W3Cは float:left 3連発、>>159のサイトは両端を position:absolute にして
3段組を実現しているが、いずれもTABLEレイアウトを排除するための一般的な方法。

表紙のページには向いているが、長文がダラダラとあるページに向いているのかな？
という気はするが。

>159
却って横幅が短くなりすぎていると思った。
頻繁に改行が入ると目を動かす回数が増えて辛い。

>162
自分もそう思った。
800×600で見たとき、このくらいの文章量ならちょうどいいけど
これより見出しごとの文章が長くなるとすごく見づらそう。
800×600でお気に入りを横に表示したりしたときにゃ目も当てられない。
1024×768だと、文章の部分はいい感じなんだけれど
サイドメニューのせいで画面から圧迫感を受ける。

うーん、メジャーなブラウザが
max-widthに早く対応してくれりゃいいんだけれど…

　__∧＿∧_
　|（　　＾＾ ）|　＜寝るぽ（＾＾）
　|＼⌒⌒⌒＼
　＼ |⌒⌒⌒~|　　　　　　　　　山崎渉
　　 ~￣￣￣￣

いや、このままのレイアウトが使えるなんて思ってないよ。
単に横幅を狭くする一例として挙げてみただけ。
横幅を制限したいと考えてる人は多いと思うから。

>>165
なるほどね。
でも，そうするとVGAなどへの対処が問題になるね。
代替スタイルシートしかないのかな。

>>163
げっ，max-widthに対応していないブラウザあるのだ……いかん。
思いっきり使っていた……。

無知な自分を晒しage

　__∧＿∧_
　|（　　＾＾ ）|　＜寝るぽ（＾＾）
　|＼⌒⌒⌒＼
　＼ |⌒⌒⌒~|　　　　　　　　　山崎渉
　　 ~￣￣￣￣

山崎よ。寝るのが早いぞ。

良ｽﾚになりかけage

ttp://www.bea.hi-ho.ne.jp/sigong-12472/andorraj.html

こういうサイトは読めないぜ…

>>170
なんかすべての条件を満たしている感じだな。
・背景に画像を使うのはすごく難しい
・適切に分けろ
・行間を広く
・ナビゲーションを…
でも，小さい文字に固定しなかったのが救いか……

ちなみに内容をちょっと読んだが，読者への配慮に欠ける気がした。
読者として何の話をしたいのか，それがどのくらい続くのかしりたい
のに，延々と平板な描写が続くだけなのはつらい。

人のサイトにケチつけてもうしわけないが，自分だって多少はあて
はまるのかもしれないという反省とともに。

書いている本人には気づきにくいんだよね。
ページとして読み難くても文の内容を既に知っているせいでそのことが気になりにくいと言うか。

自分も長文の多いページをupして、そこの内容の記憶が薄れた頃に見てﾋﾞｸｰﾘすることあります。

背景画像は致命的かもしれん・・・
テキストがものすごく面白くて、ブックマークしてるサイトがあるのだが、
勿体ないことに背景が字にかぶって読んでられない印象がある。
そのサイトを見る時だけ、web上の色を採用しないにチェック入れてるよ・・・ああ勿体無い。
すべてのテキストを<b></b>でかこっちゃってるのも、ちょっとつらい。
太字にしないと文字が浮き出ないって段階でなにかがおかしいことに気づいてﾎｽｨ・・・

・・・とか言いつつ、うちもこの間までテキストをテーブルで囲っちゃってたりしたのだが。
ﾊｽﾞｶｼｰ

>>172
> 自分も長文の多いページをupして、そこの内容の記憶が薄れた頃に見てﾋﾞｸｰﾘすることあります。
それ，俺もするな〜。自分ではなんとか読めるんだよな。

とくに興奮して書いたとき。
自分では感動しているから，早く気持ちを文章に残しておきたいんだけれど，
主語を省略したり，専門用語を連発したりで，他人からは読めたもんじゃない
文章になってしまう。
だからページの文章でも，手紙でも，一日おいて頭を冷やしてからupするように
している。朝起きて読んでみると「なんじゃこりゃ」と思って訂正することですこしは
読みやすい文章になる気がする。ちなみにこの文章は勢いだけで書いていますが。

ｶﾞｲｼｭﾂと思われるが、背景色とのコントラストが強すぎると読んでもらえにくい。
自分がそういうサイトを読まないからｗ

んで、自サイトに長文を載せる際の提案をひとつ。
どこかの英文サイトの本文をコピってきて、自サイトのレイアウトに貼り付けてみる。
あるいは、青空文庫の小説なんかで同じことをやってみる。
これらは読むのに労力が要るから、ロードしたときに「お腹いっぱい感」を感じやすい。
最近のレスにもあるように、自分で書いた文章は長くても苦にならないからね。

他のスレで見つけたんだけど
http://www.kanzaki.com/docs/html/color-check
ここの、コントラストと読みやすさの関係ってのが参考になるかも

>176
ﾅｲｽ!
早速ブクマしますた。参考にしよう。

どーでもいいけど、私サイトのせる場合は直リンクは避けよう。

なぜ？ｦﾁ板じゃあるまいし

>>179
どこの板から来たなんて向こうには伝わらないよ。
全てリファラにはhttp;//ime.nu/が残るでしょ。

;→:の間違い。ゴメソ。

>>180
いやだから、ｦﾁ板ならime.nuを残さないようにする必要も多いと思うけど
そうじゃないならime.nuでもいいじゃない

>>182
言ってる意味がいまいちよく分からないが。
どこの板に限らず、向こうに伝わる情報はhttp://ime.nu/これだけ。
どの板にさらされてるかなんて、こっちが分かってても向こうには分からないでしょ。
神経質なウェブマスターだったら、URL変えられたり、アクセス拒否されて、後々自分の首を絞めることになるよ。

(´-｀).｡oO(今さら神埼ﾀｿがそういうこと気にするか…？)

以前 fj で話題になった「小説をHTMLデータ化する場合」
http://groups.google.co.jp/groups?threadm=9tjb14%24fgs%241%40news3.dti.ne.jp

Google なんでスレッドが切れちゃってますけど。

CSS の class セレクタや quotes の値が日本語で書かれているので、
適宜置き換えたり Unicode にエスケイプする必要がありますけど。

ここはホームページでも40字改行をしてるみたいだけどな（ぷ

ttp://www.maromaro.com/readtop.html

>>184
お前の言い分って小学生のいいわけみたいだな。

>>187
特定の場所からのリンクを拒む人か？って話

>>188
>>178は誰だからいいとかじゃなくて、私サイトのせる場合の一般的なことを言ってるの。
勝手に読み替えないでくれ。

( ´ _ゝ｀)ﾌｰﾝ

自治厨ｳｾﾞｰ

>>191
厨房は論破されるとすぐそれだよな。

名前から電波な香具師が（ｒｙ

>>193
名前に話を摩り替えるなよ。

>>178-194
全員逝け。

>>195
ごめんよ。
濡れとしてはごく普通の指摘をしたつもりだったけど。
もうこないよ。

直リンも厨房も粘着もスレ違いも全部同レベルだと思われ。

>>197
うん。だからごめんなさい。

今時直リン云々は個々人の良識に任せてるもんだと思ってたけどな。
っつか晒されるのも叩かれるのも嫌だっつうんなら、
ドキュメントなんぞアップロードしなければいいわけで。

<!--ここまでスレ違い-->

>198
ほんとにもう来なくていいから。

今度の改装にあわせて、サイトを黒背景から白背景に変えようと思うんだが、
テキストの色はやっぱ黒系か青系が読みやすいんだろうか？
赤とかも結構好きなんだけどな、俺。

>>200
色合いにもよるかな。

漏れは#efefef背景に#000030文字でやってるけど、
これくらいの背景なら#600000文字とかでもいいかと。

そんなときこそ>>176ですよ

>>201
赤い文字に対して偏見持ってました。
実際に試してみたら思ったよりも読みやすいですね。#600000。
やっぱり背景色とのコンビネーションなんだなぁと実感しました。

個人的には背景#efefefの文字#000030をマネさせてもらいたいと思いました。
白地に黒文字、よりもちょっと色入ってるだけで細やかな配慮というか、奥ゆかしくて
ｵｻﾚでｶｺ（・∀・）ｲｲ!!

閲覧者の何％が気付いてくれるかわからないけど（ｗ

というか300、030、003くらいのが一番見易い気がする。

背景色は#CCC、#DDD、#EEEくらいかな

>>203
多分「赤い文字」って表現するから先入観持つのかと。
名前で指定できる色とか一通り見ると勉強になるかも。

#600000は言うほど明るくない。小豆色に近い。

まぁRGBのRだけ数値があるから赤っちゃ赤だが

「原稿用紙400字50枚分くらいを平然と１ページに収めたりしている」
らしい長文サイトだが、読みやすい。
「このページについて」に制作方針とか参考になるよ
↓
http://www.aa.alpha-net.ne.jp/mamos/

>>209
読みやすいね。まあ、縦に長すぎるのは少し苦痛だけど。
それと緑色の文字がリンクだったり、そうじゃなかったりするのが不便だと思った。
コントラスト低めなのもどうだろう。

どうなってるのかソース見てみたら・・・これでValidバナー貼ってるんですか・・・

直リンもできないWEBなんてWEBじゃないな。

↑スレスト

（＾＾）

>>209
リード部が秀逸だね。まあ，雑誌に寄稿したものやボツになったが
埋もれさせるのは勿体ないものをのせているんだろうが。

保守

そろそろ出尽くしたのかな？

あえて避けてるのかもしれないんだけど、ルビの付けかたにはまだ言及がなかったな……。
>>209のサイトは青空文庫に倣って　<<るび>>　で囲ってるけど、漏れの場合は　（るび）
で囲ってる。まぁ難読漢字を使わないのがいいんだろうけど、当て字的に使いたい場合が
あるわけで、そんな時はちょっと困ったりしています。

強引にルビをつける方法もあるんだろうけど、やっぱカッコ書きが手軽かな？　読みにくい
んだけど……

そもそもルビを付けないと読めないような漢字を使わない。

俺も難読漢字は言い回しを変える。
当て字は明らかに誰でも読める場合を除いては使わないな。
（）内にルビは人名に使うけど。

ルビ振らないと読めない名前ってDQNの書く小説もどきみたいだな。

>>219
簡単でも読み方が数通りある場合、（）内ルビを使うことがあるよ
例えば恵美（えみ）と読むか（めぐみ）と読むか迷いそうな時などに。

>>220
そういう悩みはあるね。

小説のサイトで，登場人物にひらがなで名前を呼ばせていたよ，
「えみちゃん，どこなのー」みたいな感じで。
でも，ちょっと不自然だった。

　　　 (⌒V⌒)
　　　│ ＾ ＾ │＜これからも僕を応援して下さいね（＾＾）。
　　⊂|　　　　|つ
　　　（＿）（＿）　　　　　　　　　　　　　　　　　　　　　　山崎パン

<RUBY CLASS="space">漢字<RT>ルビ</RUBY>

ってCSSでつけるのは一般にはあんまりしないの？
面倒なのか、CSS対応してない人のため？

>>223
クラス名だけ書かれてもコメントのしようがない。

>>223
よくわかっていないのだが，ようするにCSSで対応しろってことかな？
たしかに，CSSで対処しているサイトの方が多いような気がする。

括弧書きにすると解説みたいだし。

初心者スレの前スレだったかな。
閲覧側からはルビより括弧書きの方が読みやすいって意見が出てたよ。
環境によってはつぶれかねないルビより俺も括弧書きの方が
読みやすいと思う。
ルビ振ると促音・拗音が読みにくくない？

テキストメインのくせに読みにくい，嫌がらせかと思ったサイトといえば，
「TECHSIDE」。
　現状流し読みで対処。

>>226
IEは先取り実装してるからなぁ……

括弧でルビふられると、理由はわからんが興がそがれる

>>1
名前の由来は？敗訴？、ハイソ(ン)？

>226
それまでの流れが阻害されない？
小説とかで括弧書きされてるともうダメ。それ以上読めん。

活字のルビって小さい字使わないよね

>>232
よく意味がわからないのだが……。
「ちょうぶん」を「ちようぶん」と書くと言いたいのかな。

確かに括弧書きだと興はそがれるけど、じゃあどうしようって
考えた時に結局括弧書きが一番見やすいような気がするな。
やむを得ず読み仮名つけるときってどうしてる？

制服、網タイツ、手袋となんともフェチ心をくすぐる
エレベーターガールの沙里奈ちゃんです。
スレンダーな身体で感じまくる姿がエロイ！
結構マジでオナニーしているところも淫乱度満点です。
今日はデパートにでも行ってみようかな？
無料で見れる動画です。
http://66.40.59.73/index.html

小説は読み仮名は付けない
それ以外の文章なら括弧書きかな

制服（せいふく）、網（あみ）タイツ、手袋（てぶくろ）となんともフェチ心（ごころ）をくすぐる
エレベーターガールの沙里奈（さりな）ちゃんです。

確かになんとも間抜けな感じだ。
名前などの難しい部分に一度だけ使って、
それ以降は付けないのがいいかも。

>>237
長文の種類にもよるんじゃないかな。

１　もとの命題（めいだい）と対偶（たいぐう）の真偽は一致する。

２　実装（じっそう）報告書の主要部分が故意（こい）抜き取られ，改竄（かいざん）された疑義（ぎぎ）

３　沙里奈（さりな）は，豊秋（とよあき）の凝視（ぎょうし）した。

こう見ると，流れが大切で感情移入の対象である小説では括弧書きはよした
方がいいかも。

つーかいくら括弧書きでも
そこまで読み仮名付けるわけないだろ

つーかいくら括弧書きの例でも
もうちょっと誤字脱字に気をつけてくれ

普通の文章で難読文字にルビ振ること自体あまりないだろう。流れが悪くなるというのは
気にしすぎだ（小説以外）。

俺の場合は専門用語などの難読文字は【】を使い、文の補足のときは（）を使う。
俺だけかと思ったらこういう使い方してるやつは他にもいるね。

> ３　沙里奈（さりな）は，豊秋（とよあき）の凝視（ぎょうし）した。

多分「の」の後に何かしらの名詞が入ると思うのだが、
何を凝視（ぎょうし）したのか言ってみれ。ほれ。早く。

怒張した肉棒

弛緩した肢体

（）書きはリズムが崩れるって？
小説なら、その小休止を生かすような文を工夫してみるのも一興。
＞豊秋（とよあき）の漢（おとこ）を凝視（ぎょうし）した。

――とか、戯れ言だけではあんまりなので、Nielsen博士のコラム：
http://www.usability.gr.jp/alertbox/
1997/03/15の記事なんかは参考になるかも。ここの配色の是非はどうあれ。

小説書いてるけど、人名は最初に一度括弧書きで読みふったあとは
もうふらないでそのままにしてる。
何度もやったら流れが阻害されると思うけど
最初に一度だけだからなぁ。それほど気にならない、と思うんだが。
人名以外には読み仮名はつけないな。
難読漢字・当て字は使わない、のが方針だから。
読み仮名つけることを考えたら言い回しを変えたほうが面倒がないと思ってる。

あぼーん

私も普段は難しい漢字使わないし、読むリズムが崩れそうな時は
平仮名にしちゃう。
でも以前、時代物を書いたときはその雰囲気を壊したくなくて、着物とか
建物とか、小難しい名前の祭やなんかはスタイルシートでルビ振ったよ。
ところがやっぱり小さい字で読みにくかったから、最初の一回にだけ振って、
あとはつけなかった。それくらい覚えていて、という我が儘で。

読める人にはウザいだろうと思うけど、やっぱり読めないと訳わかんない
という人もいると思ったんで。

「宇宙」を“そら”と読ませるとか、「生命」を“いのち”と読ませる場合には、
やっぱり括弧書きよりルビを振ったほうがいい気がする。
難読漢字はどうなんだろう？

自分の場合は＜＞を使ってるよ。
宇宙＜そら＞、生命＜いのち＞というように。
括弧だと普段使ってるみたいに補足の文章のように読んでしまうから、
悪あがきしてみるんだけど……ダメ？

そういう単語使ってる時点で相当痛そうなＨＰとわかるのだが。

ビジュアル系メンヘルちゃんでつか？

>>249
むしろそんな漢字の使い方しない

いや、宇宙＝ソラはｶﾞﾝﾀﾞﾑでしょ

っていうかスレ違いやねそれが痛いかどうかというのは。

まぁこのスレの主旨に添った形で発言させていただくならば、
そのように読まなければならないようなテキストは読みにくい長文サイトなのです。

読みにくい。。。

>>252
長文サイトというのが、小説サイトを含まないのなら、同意。
小説の場合、読み仮名によって意味を多重化させたり、膨らませたりするのは結構多い。
（逆に小説などでないのなら、そうした手法を使うのは不適当）
事に二次小説だと、原作の用語を変えるわけにはいかない、というケースもあるだろうし。


小説サイトにしても、そうした読み方は振り仮名を前提とした手法だから、括弧書きよりも<ruby>を使うべきだと思う。
<ruby>を使わないなら、青空文庫にならって「漢字《読み仮名》」で書いてみるというのはどうだろう。
一部のビューワーならルビ付きで表示されるし。

>>256
小説サイトに限定して言うのなら、
読み仮名ふらなきゃ進行に妨げが出るようじゃ描写力不足。
二次とかに関してはノーコメント。

>>257
そもそも >>249の例は、ルビがないから進行が妨げられるわけで
はないと思うが
ルビの有無で進行に妨げが出るというと、難読漢字とか当て字と
かしか思い浮かばないが、それの使用と描写力とはまた問題が違
うと思うし

難読漢字や当て字に頼って雰囲気出そうとしてるのは読みたくないな。

>>258
紙媒体ではなく、モニタ上で読んでもらう事を前提にしているんだったら
難読漢字・当て字は表現を変えてでもルビ・読み仮名を避けた方がいいと思う。
>>257が何をもって描写力不足としているのかわからないけど、
自分だったらそういう意味で描写力が足らない、と思う。
二次はわからんから使わなきゃならない場合ってのかあるのかもしれないけど
無意味に難読漢字・当て字を使うことはないんじゃないかな。
当て字による意味の多重性ってのも描写の一つだろうけど、
紙媒体との差と「長文サイトの読みやすさ」と言う事を考えるなら
使わない方向で考えた方がすっきりすると思う。

ルビなしじゃ読めないサイトってのはほなさいならサイトだな。。。

ルビと関連して、二通りに読める漢字はどうしてる？
「主」みたいに「しゅ」と読んでも「あるじ」とよんでも通るけど、できたら「あるじ」と呼ばせたい場合とか。
ちなみに俺はしょうがないから「あるじ」とひらがなで書いている。

>>262
読み手に任せる。
以前名前でどうしたらいいか、ってのがあったけど（恵をどう読むか、だっけ？）、
そんなもん声に出して読まにゃならんわけでもないのだし、
読む人が読みたいように読んでくれたらいいと思うよ。

>>262
読み手が文脈で想像できない？
その例えなら、キリスト教関係なら「しゅ」だし、
「館の主は〜〜」みたいな話だったら「あるじ」だし。
　↑も「かんのしゅ」とは普通読まないじゃん。
だから俺は、名前はしょうがないけど、話の流れで
だいたい想像してもらうようにしてる。

「主の御下命とあれば〜」
あたりだと微妙だな。

あと罵倒で「このめろう！（「野郎」の女性形）」というのを使おうとしたときには往生した。

>>263
同意。

私は、読み手が判断できて内容理解に問題ないだろうものは無視してるな。
詩みたいなもので「どうしてもこう読ませなきゃ嫌だ」というなら話はまったく別だけど。
主をしゅと読みたい人がいるならそれでもいいし（意味がわかってるんなら）
あるじと読んでくれてもそれはまったく問題ないし。
読み手が読みやすいように読むのが一番じゃないかなと。
読むほうにも人それぞれのテンポみたいなものってあると思うし。

…↑　そんな自分が一番読みにくい文章だってな　ｽﾏｿ

<ruby>を使えばいいだけじゃないの？

>>268
<ruby>はまだIEのみ実装じゃなかったっけ？
tu-kaルビ振らないやり方のほうが読みやすくないかって話をしてるんだが。

>>269
CSSを先取り実装していたと思う。
NNもOperaも<ruby>自体は実装してる。

例えばゲームを作ってて、シナリオには
「父親が倒れているから」
と書いて、音声で
「クソジジイが倒れているから」
と読ませるとか、そういう表記と読みの違いを楽しんでもらうってのはアリだと思う。
でもそれは、web上のテキストには向いてないよね。

基本的には内容が伝わること、面白いと思うことが伝わることだと思う。
「宇宙」をソラと読まれてもウチュウと読まれても、それで意味が通じなくなるわけじゃないなら
読み仮名にこだわる必要性ないんじゃないかな。
たくさんの人に読んでもらう前提で書いてるテキストなんだし、
まず何よりも読みやすさを優先したい。

私自身、小説書きなんだけど、
文章表現そのものは淡白だから読み仮名では困ってない。
そのせいか、わざわざルビを振ってるテキストを見かけると首をかしげること多いなぁ。
ルビを使わない表現に置き換えれるんじゃないかって、つい思ってしまう。
名前なんかも、名前そのものに意味があるなら別として、
ルビを振らなくても読める名前に設定すればいいのにって思うんだけど。

・・・書いてるうちに長くなってしまった。ｽﾏｿ。

>271
×基本的には内容が伝わること、面白いと思うことが伝わることだと思う。
○基本的には内容が伝わること、面白いと思うことが伝わることが一番大事だと思う。

・・・我ながらルビ以前に気にする事があるだろと思いますた。

>>271
>基本的には内容が伝わること、面白いと思うことが伝わることだと思う。
>「宇宙」をソラと読まれてもウチュウと読まれても、それで意味が通じなくなるわけじゃないなら
>読み仮名にこだわる必要性ないんじゃないかな

かなり同意。うちも小説はそんな感じで考えて書いてる。
どう考えても読めないような漢字は使わないようにしてるし
仮に読者がその一文字だけ読めなかったとしても
文脈から理解できるだろう範囲のものはそのままにしてる。
WEBで長文の小説読む人も読みなれてる人だろうから
漢字が全然読めないなんて事はないだろうし。

文章の形や文字の選び方自体で何かを表現したいんなら話は別だけど
それは長文じゃあないだろうしね。

ルビは極力使わないでFAっぽいな。

ルビに関連して。強調ってどうしてる？
紙に印刷されたものだったら傍点を打つような場合。

>>275
うちは小説サイトだけど、敢えてそういう表現は排除した。
表示できるかできないか環境に依存したもの、に依存してちゃ、
少なくとも自分は楽しめないと自己解釈。

>>276
うーん。やっぱりそうか。ありが�d。

>>275
もうすでに結論は出ているみたいだけど、あえて小説の技法としてなら、
強調（太字・斜体・文字サイズ大、くらいかな）を視覚的にやってしまうと楽だよね。
細かく描写しなくていいから書きやすいし、ぱっと見すぐわかるから読みやすい。

だから実際ローティーン向けラノベなんかでは見かける手法だけど、
多数の人に読んでもらいたい小説の場合は、その強調を描写で表すことができないと
辛いんじゃないかな。
例えばでっかいポイントで擬音が飛び交っていたりしたら、自分なら即座に
回れ右するな。内容が面白くても、「その程度なのかな」と思っちゃうから。

>>278
そういう心理おれもある

小説とかで会話文の終わりに「。」があったりすると冷める

>>278
>強調（太字・斜体・文字サイズ大、くらいかな）
これは確かに効果はあるけど、流石にちょっとな。
例えば人の言質を取った場合、と仮定すると

「我輩は猫である、名前はまだない」
　．．
「ないと言いましたね」

みたいなことがやりたかったんだ。
他の人が楽しんでやってる分にはいいけど、過剰な擬音だとか
文字色変更、文字サイズ変更は自分としては「正統派の小説」と認めたくなくって。
やっぱり表現でカバーするのがいまの所、最適みたいだね。ありが�d。

俺が書くとしたら、

「我輩は猫である、名前はまだない」
「ない、と言いましたね」

こんな感じかな。
もしくは ない を二重カギ括弧か引用符でくくる

>>281に同意

「”ない”といいましたね」
だな。

私も>281だな。

ついでに>280の下三行に深く同意。
面白いアイデアで短編書いてる人がいるんだけど、
絶叫や擬音では必ずって言っていいほどフォントを大きくしたり太字にしていて、
いつも惜しいなって思う。
そんなフォントいじりでごまかさなくても十分面白いのに。
文章に自信がないから、そっちへ向かってしまうのだろうか。

私も>>281だなー。

HTMLの表現方法（視覚的・聴覚的なものを使う）というのは否定しないし、
そういうもので訴える作品があってもいいとは思う。
文章だけではない、総合的な作品としてね。
でも、「中身」を読んで欲しいと思って書くのなら、文章で頑張って欲しいと思うな。

あ、↑のは小説の場合の話ね。

>>285
「あいだみつを」か……。

強調表現に関しては、>>281に同意。
ルビに関しては、やっぱルビに頼らない文章の方がいいみたいですね。
ただし、時代モノの小説とかだったら、難読漢字が不可避な場合もあるかと思う。
「宿直装束」とか。（常識の範囲か？これは）
論文形式だったら適宜リンクを貼れば初心者にも親切だけど、小説の場合興ざめ
だなぁなんて思ったりもする。
……そっか、「わかんない単語はｸﾞｸﾞれ！」ってページのドアタマに書けばいいのか！

>>230
「はいそうですか」とハイソサエティにハイソックスを配送。

ちょっと話それますが、

「“ない”と言いましたね」
と、
「”ない”と言いましたね」
みんなどっち使ってる？

自分は、「かっこ」を変換して出てくる「“”」を使ってる。

どっちが正しいとか正しくないとかあるのかなぁ。
「いんようふ」を変換すると、「二重引用符（始）」と「二重引用符（終）」とがあるけど・・・。

「“”」が正解。

とりあえず<em>要素でマークアップすればいいのではないだろうか。
引用符云々はあとからいくらでも変更できるんだし。

短い文章なら直接マークアップしながら書くけど、
長文の場合、まずエディタとかでプレーンな文章に書いてから
あとで変換ソフトに突っ込んだりしてhtmlにするから
いちいち<em>とか<strong>とかは面倒くさいと俺は思う

第一、ちょっと上の方で誰かが言ってるけど
視覚的に太字とかイタリックとかで表示するのは
いまいちじゃないかな。
これはもちろん、小説なんかの場合だけど

>>291
<em>は太字やイタリックじゃなくて、単に“強調”。

ブラウザとか設定にもよると思うけど、
デフォルトで単に<em>とやった場合イタリックになるんじゃないの？
htmlの文法的には「強調」だって言うのは解ってる

見た目が普通の文と変わらないように指定したら、
つまり、視覚的に強調だと解らなければ
大多数のユーザにとっては意味ないと思うし
かといって視覚的に解れば>>284-285の理由でいまいち
あくまでも小説の場合だよ

私が言いたいのは、<em>（とclass）で強調しておけば、
HTMLに落とした後で、

　1. 前後に『“”』をつけたり
　2. 『、』を強調する句の後ろにつけたり
　3. 後にCSS3が勧告されれば
　　 『　．．
　　 　ない』のような強調をしたり
　4. 古典的なフォントいじりをしたり

することを『選ぶ』ことができるんです。
こうすれば、強調方法を変更したくなった際に
HTML文書の該当箇所を置換する手間が省けるでしょう。

>>294
言ってる事は理論的にわかるけど、長文だったら
メモ帳とかワードとかで全文を書いてからHTMLに直すから
いちいちそこにタグを入れるのは面倒だなぁ。
最初から「“　”」「〜、〜」「強調点付単語」を書いちゃったほうが楽じゃない？
短文がいくつもあるような状況、用語集とかかな？　だったら有用だと思う。

>>294
IEがcontentやらbefore afterに対応してくれれば有用。
ただ、出来上がっちゃってるものを変えるのがﾁｮｯﾄ( ﾟДﾟ)ﾏﾝﾄﾞｸｾｰ

>>295
「“　”」にしておいて
最後に
“→<em>
”→</em>
に一括置換えすれば

読みやすさとはちょっとずれるかな。
小説書いてる人に聞きたいんだけど、「視点」ってどうしてる？
一人称視点が好き、とか好みも含めて書いてるときの注意点を聞きたい。

さすがに板違いじゃないか？　それは。

言われてみればその通り。ｽﾏｿ。

句読点の「、」をカンマにしていたり、「。」をピリオドにしているのは
正直言って嫌いだ。日本語の文章には日本語の句読点を使って
欲しい。

同意。
理系のレポートとかは別に良いけどね

>298
こっち行っといで
http://jbbs.shitaraba.com/computer/960/

>>303
そこは同人の人たちの集いですよ

配色は指定せず読者にお任せってポリシーで今までやってきたけど、よく考えたらデフォで長文向きの配色にしてる奴なんているわけないよな……　このスレを参考にちまちま指定してみます。

>>301
私もそれ嫌いです。

text-align : justify;
text-justify : inter-ideograph;
を使うのはどうなんだろう？

text-justifyってIE独自拡張じゃなかったっけ？

text-justifyプロパティはIE独自拡張だね。
別に適用してもNNやらで表示が崩れたりする事は無いよ。(それがCSSってもん

ただ、MacIEだととんでもねえ表示をしやがるバグがあるから、
p{
line-height:180%;
text-indent:1em;
letter-spacing:0.8px;
padding:0px;
margin:0px;
}

@media screen{
p{
text-align:justify;
text-justify:inter-ideograph;
}
}

こんな感じにしてやれば回避できる。
左詰で書いてて、ブラウザの自動改行で右端がギザギザになるのが嫌な人とかにお勧め。

＞自動改行で右端がギザギザになる

これの回避処理はブラウザで実行されて然るべきだと思うのだが

　　　､ゞヾ'""''ｿ;μ,
　　ヾ　　　　　　　彡 ＜ほっしゅほっしゅ！
　　ﾐ　　･д･　　　ミ 　　 　､ヾ''""ﾂﾉ, 　　＜ホッシュホッシュ！
　 彡　　　　　　　 ﾐ 　　　 ﾐ　・д・　彡 　　　　,,,,.,.,,,
　　/ｿ,,　,　,; ,;;:､ヾ`　　　　"ﾐ,,　,　; ;;::ヾ 　　　 ﾐﾟДﾟ ﾐ　＜ｺﾞﾙｧｺﾞﾙｧ!
　　　　 "'"'''''"　　　　　　　　　"'''''"" 　　　　　"''''''" 　　

>>310
ｶﾜｴｴ…

そろそろ話題も出尽くした感があるな

ちょっとあげとくか

イラストサイトって、文字の大きさ１０ピクセルが多いね。

日記とか読むのに、読みにくくないんだろうか。
日記でもながっい人いるし。

このスレ久々に見たな・・・

>>314
・自分の環境では読めるからｲｲ
・大きいと見栄えが悪いから
・文字は読むものということを忘れてる

という感じなんだろう、きっと。
信じられないが、三番目は本当にそういう人が居るようだ。

これからは
テレビでネットを見るお年寄りなどがふえてくると思うのよ。
ネットは足腰の弱い人の強い見方だから。
10pxでみるとえらいことになる。
でもそのイラストサイトはお子様むけなんだろ
まあ、かまわん。

画像もピクセル固定だし画像と会わせようとするとピクセル指定になる
事情は分かるから。

>>301
>句読点の「、」をカンマにしていたり、「。」をピリオドにしているのは
>正直言って嫌いだ。日本語の文章には日本語の句読点を使って
>欲しい。

わりと同感だが、どうもその日本らしい句読点という感覚は、単に
普段読む文書で慣れているからに過ぎないような感じ。
（というか日本の句読点自体、欧文のカンマ･ピリオド由来?）
ttp://www.remus.dti.ne.jp/~ddt-miz/think/comma.html

上記サイトによれば、
横書きの公文書では読点にカンマ、句点に「まる」ということになっていて、
理系では欧文流のカンマ･ピリオドが多く、マスコミ･一般その他では
「てん」と「まる」が多い、とのことらしいが。

あげ、おもおも　うらうら

>>317
日本の句読点自体が欧文のカンマ・ピリオド由来のものであっても、
理系では横書きだとカンマ・ピリオド使用であっても、普段見慣れない
からものすごく違和感があって、どうも好きになれない。

「，」「．」使用派と「、」「。」使用派では、後者の方が多く感じられるなぁ。
それはやっぱり、文系だからかな？

読みやすさを考えた場合は、普及してるっぽい「、」「。」を使うのがいいんだろうな。
公文書なんかで慣例にならう場合は、仕方ないけど。

>320
禿同。案外そう言った些細な事が読んでると気になるもんだ。

知り合いに「，」「．」使用派が一人いて、何で「、」「。」じゃないのか
常々疑問に思ってたんだけど、>>317のサイトを見て考えるに、
理系だからなのかもしれん。

漏れはPCだと「、」「。」使用で、手書きだと「，」「．」にも「、」「。」にも
見える書き方してる。意識の上では「、」「。」なんだけど。

こうやって考えて、いくつも例を見ると、なかなか面白くてためになる。

このスレまだ残ってたのな…。
数ヶ月前の話題だけど、 ruby を使った例を一つ上げてみる。

http://book.2ch.net/test/read.cgi/book/965366018/317

SF なんかだと結構 ruby っていいのかなあ。

>323
SFのせいもあってか雰囲気はいいよね。
でもルビのある行とない行の行間がずれるのが、激しく嫌。
長文だと行間が一定じゃないのって厳しくないか？

あげ

縦書きしたいなー……

Firefoxって縦書き対応してないの？

>>324
CSSで行間とってもルビ分は余分にとられちゃうな。

良スレあげ

どんなにCSSで行間空けたって、縦書きしたって、
ヘタクソな文章をいくらいじくっても読みやすくはならない。

>>330
覚えたての言葉あちこちでワンパターンに繰り返すの止めたら？
アンタのレス文体で速攻バレるんだけど。

バレるという事即ち、それこそヘタクソ。

>>331
見抜けないバカ発見。

良スレage

煽りあいから50日ｗ

俺は長文になったら見出しの直下に
２行程度の「Abstract」を書くことにしている。
ただ、論文調にこいつをバカ正直に書いてしまうと
時として話のオチまで書くハメになるので「要約っぽいもの」としている。

新年一発目age

強制改行が駄目な理由。
本人は次のように作ったつもりでも、

｜あいうえおあいうえおあいうえおあいうえお
｜あいうえおあいうえおあいうえおあいうえお
｜あいうえおあいうえおあいうえおあいうえお
｜あいうえおあいうえおあいうえおあいうえお
｜あいうえおあいうえおあいうえおあいうえお

実際はこうなってる場合が多い↓

｜あいうえおあいうえおあいうえおあいう
｜えお
｜あいうえおあいうえおあいうえおあいう
｜えお
｜あいうえおあいうえおあいうえおあいう
｜えお
｜あいうえおあいうえおあいうえおあいう
｜えお
｜あいうえおあいうえおあいうえおあいう
｜えお

これだと非常に読みにくい。ブラウザのサイズをを広げたり、
文字を小さくしたりして解決できる場合がほとんどだけど、
横幅固定・文字サイズ固定でこれをやってるのを見かけた
ときは「死ね」って思う。無駄な<br>さえ取り除けば何倍も
見やすいはずなのに、どうしても入れたくてしょうがないんだろうね。

＞余計な<br>
厨房小説サイトのソースとかで

ようやく<br><br><br>
モナーは覚悟を決めた。<br><br><br><br><br><br><br>
いまこそ真実を、<br><br><br><br><br>
ギコ猫に伝えなければならないのだ。<br><br><br><br><br><br><br>

これ、ユーザースタイルシートでも対応しづらいよ
画面にギッチギチに文字を詰めたくないのは分かるんだが、
そこまで<br>を連発しなくてもいいだろう。少しはどうにかならんのかと、小一時間（ｒｙ

>>338

br {
display: block;
}

Firefoxならなんとか。

>>339
うぉー、無知だった。思わず感嘆。まじで助かりました。ありがとう。

じゃぁこのくらいの方が
br + br { display: block }

「<br>テキスト<br>」 でも隣接になってしまうようだが

>339　>341
うひょひょ、凄いや。縦スクロールに苛立っていた日々よ、さようなら。
ついでにCSS勉強しなおします。

いや、ちょっと書きたかっただけなんだけど・・・
20行から30行に一つの割合で気休め的にイメージなんかを
置くと結構読みやすくなるような気がする。

文字文字文字　■■■
文字文字文字　■■■←画像
文字文字文字
文字文字文字文字文字

個人的にはこんな感じのレイアウトが好きだけどみなさんは
如何ですか？

しかし、長文スレだけあって他のスレより文章多いな

自分は周り込みは苦手

文字文字文字文字文字
文字文字文字文字文字

　　　■■■
　　　■■■←画像

文字文字文字文字文字
文字文字文字文字文字

こっちのレイアウトの方が好き

>>343、>>344どっちでも気にならない。

でも文字が画像にかぶるのだけはアウトだぽ
読ませない気かﾑｷｰ！！と即、画像をオフにしてしまう。

誤解を招きそうな書き方をしてしまった
>>343>>344がそういう読みづらい画像配置を語ってるとは思ってないです

343です
>>344
ほー。自分の中の人の中では新聞レイアウトに似てるから
結構好きなんだけど、嫌いな人もいるんだね。勉強になります。
確かに344レイアウトの方が、タグも少なくて済むしね。

>>345スタイルシートだとね。でも、
隱れてると余計に文章が気になるんだよね

IE7と言わずIE6.5でいいからCSS関連のバグフィックスしたIEを出して欲しいな。
今年の夏にIE7のβが出るらしいけどXPとWindows Server 2003だけに対応ってふざけすぎ。

そんなふざけたやつは窓から

と、呼びかけよう……。

>>337
解決策？
"["を"<"に置き換えてからどうぞ。　
[html>
[table width="1">
[tr>
[td>
[font face="ＭＳ ゴシック">
[font color="#ffffff">
[!-- 折り返したい文字数(全角)だけ、…(三点リーダー)を並べる //-->
……………………………………………………[br>
[/font>
[!-- text start //-->
　ここに本文を入れる。[br>
で、ブラウザで文字の拡大縮小をしても、折り返し文字数が変わりません。[br>
何でだろう？[br>
　　　　　文末の禁則処理は、ブラウザ任せ。OPERA、NN、IEは処理してくれるようです。[br>
[!-- text end //-->
[/font>
[/td>
[/tr>
[/table>
[html>

何これ？

これでいいのかな。

<table width="1">
<tr>
<td>
<font face="ＭＳ ゴシック">
<font color="#ffffff">
<!-- 折り返したい文字数(全角)だけ、…(三点リーダー)を並べる //-->
……………………………………………………<br>
</font>
<!-- text start //-->
　ここに本文を入れる。<br>
で、ブラウザで文字の拡大縮小をしても、折り返し文字数が変わりません。<br>
何でだろう？<br>
　　　　　文末の禁則処理は、ブラウザ任せ。OPERA、NN、IEは処理してくれるようです。<br>
<!-- text end //-->
</font>
</td>
</tr>
</table>

んなことしなくても、
はじめから文の途中で＜br＞しなきゃ良いだけの話じゃん。

同意

<nobr>
○○<wbr>
××<wbr>
</nobr>
でええんちゃうの？

独自拡張キター

age

ええけつしとるのぉ(*´Д`)ﾊｧﾊｧ



うはっｗｗｗおｋｗｗｗ？？

良スレあげ

良いスレなのに出尽くした感がつよいな。

ここなんかどうでしょう
IBMでプロジェクトをまかされた（？）WEB製作のプロな方のサイトです。

http://www.kibiwaka.com/blog

パッと見た感じ読みやすい。
というかブログなのに意外と読みやすい

>>363
ｴｯ(ﾟДﾟ≡ﾟДﾟ)ﾏｼﾞ?

何が言いたいのか理解できない。

>>362-63
＿|￣|○
だまされた自演だったか・・・
こんな過疎スレで

>きおい長文になりがちなサイトのデザインはどうすればいいですか

簡単だよ>>1。
文章を短くすりゃいいんだよ。
デザイン考える前に推敲して容赦なく文章を間引け！

>>366

ﾊｹﾞﾄﾞｳ。

長文をHTML化するに当たって支援ソフトの類を使ってる人居ますか？
今使ってみようかなと思っているのが
小説整形HTML Putter：ttp://www.vector.co.jp/soft/win95/net/se165948.html
と
小人さんnormal：ttp://htmldwarf.hanameiro.net/normal/index.html

なのだがどちらも行間あけが<br>でしかできないのがひっかかってます。
手打ちしている分は<p></p>でくくって上下にマージンで文節ごとの区切りを分けているので
txtファイルで二回改行した部分は</p><p>が出力されるといいのになぁと。
前者は出力ファイルを自分で手直し
後者はスクリプトを自分で改造しかないんだろうか。

あげ

置換ソフトを使って<br>\n<br>を</p>\n<p>に置き換え

……じゃ、駄目かい？

>>370
それは出力後のファイルに施す作業になるのかな…
後だしスマソだが
<hn>見出し</hn>
<p>
文章文章……。<br>
文章文章…。<br>
</p>
<p>
文章文章……。<br>
文章文章…。<br>
</p>
のように書いてる。
だから一回改行には<br>を、2回(3回とかでもいいけど)改行には</p><p>を
出してもらえるといいなぁと思ったんです。
\nとかは全然解ってないので勉強します。
ヒントありがとう。

皆、基本的な”3行ルール”はやってないんだね。
何処かのサイトでも推奨してたが、必ず3行ずつで区切る。
こうするとどんなに長い文面、硬い語彙の羅列でも読みやすい。

説明するのにどうしても4行になってしまう時でも
きちんと3行以内で納まる様に推敲してから書く。
文章力も上がるし、閲覧者もストレス無く読める故に一石二鳥だよ。

因みにサイトに記述する文面限定ではなく
こういった2chなんかの掲示板への書き込みにも応用できる。
3行ルールをやらないで書いた時よりも明らかにレスが多くなるよ。


↑とまぁ、こんな風に3行で分けると読みやすいでしょ？

いや、読みにくいぞ。

一行が長い場合に特に有効だね、その書き方は。
自分のサイト見てみたら結構バラバラだったんで三行に直してくるわ。

>>372
3行って言っても、どこで改行されるか分からないから、適用のしようがないな。
BRなんかで改行されると、広い画面では背景ばっかりに文章が少しだけ表示
なんて事になってしまう。逆に狭いともっと酷い状態になる。

紙と違って見る方の大きさはどれくらいか判断できないから、サイトのページには
使いづらいルールのような気がする。

掲示板なんかでは良いかもしれないけど、内容ごとに改段するのが結局は読み
やすいんじゃないかな。

読みやすく推敲する手段としては有効かもしれないけど、固執したら逆効果にも
なるかも。ただ、推敲の手段としたら「1行の文字数、一段の行数」に注目した方が
良さそうな気もしないでもない。

・かっこつけて漢語を多用しない
・ダラダラ何が言いたいのか分からない文はやめてスパッと短い文を基本とす
・本を読んで表現力、語彙力を身につける

分からん語に出くわしたらその都度紙に書き出して辞書で調べる
そして習得する
これでようやく表面上学のある日本人になれる

ttp://web.mita.keio.ac.jp/~mb030025/annexe/sswritetips.html

さんこうになる

小説サイトだが、適当なとこで改行してあとは、
<pre>
</pre>

コレ最強。いちいち<BR>入れなくてもいいし。

>>378
ブラウザの横幅が狭くなると、とたんに「最高に読みにくい長文サイト」
になるけどな。それは読みやすいと言うより「書きやすい」やり方だろ。

整形の意味を学んで来いっつーの。と煽ってみるjL。

読みにくい長文

　・漢字変換の結果をそのままテキストに書き込んでいる奴
　　　例：　兎に角　其の為に　〜の所為で

　・意味も分からないくせに正字を使う奴
　　　例：　學　廣嶋のやうな

いずれも自分のヘタレな文章に箔をつけようと必死なのだが、
所詮ネタがクソアニメで文末に（爆）なんて書いている時点で、

　　　　　　　　　頭の程度が知れちゃってる。

ドコモの携帯の暗証番号の解読法ってないっすか？？機種別のシークレット番号とか、、。

そんなもんが公開されたとたんに、
ものの1週間ほどで数千万の不正契約の嵐となって、
携帯電話一時完全停止を慣行せざるを得なくなるわけだが。

読みやすい長文サイトの「条件」

・文章が短い事

以上。

表やグラフも用いてくれ

3万字くらいの文は各章ごとにページを作ってるが
1万字くらいなら1ページですます。

読みやすい長文サイトって

段組とかがちゃんと分かれてて途中から読んでも話が分かって
中座してもまた普通に読み始められる構成を保ってる

ようなとこかな。

改行も場所によるが、改行が少ないとはあまり読む気になりません
あと全て選択をすると、少し読みやすくなる場合があるとこもありますね

長文はホント改行がほとんどじゃないでしょうか
ザ掲示板と言うところにいたことがありますが、あそこは子供ばかりなのか、改行すらしない子ばかりでした

女の子のブログは相変わらず、文字が薄くて小さい。

◆Ａ『
電電の村田さんに来てもらい、工事の日程や、仕組みの話を聞きました。
説明を聞くと、どうもISDNよりASDLのほうがお得で快適だということで、
さっそくその場で申し込み、工事の日をワクワクしながら待ちました！

今まで使っていたTAはつかえないそうなので、床の間に飾りました。
TAのかわりにモデムを使うのだそうです。

あと、フローラを二台つなげるために、ルーターという装置もかいました。
これでマインスイーパの高速対戦も可能ですね！
村田さんはかなりの名人で、私はなかなか勝てませんでした。
さすが電々公社の人は専門家です！
』

◆Ｂ『
電電の村田さんに来てもらい、工事の日程や、仕組みの話を聞きました。説明を
聞くと、どうもISDNよりASDLのほうがお得で快適だということで、さっそくその場で申
し込み、工事の日をワクワクしながら待ちました！

今まで使っていたTAはつかえないそうなので、床の間に飾りました。TAのかわりにモ
デムを使うのだそうです。

あと、フローラを二台つなげるために、ルーターという装置もかいました。これでマイン
スイーパの高速対戦も可能ですね！村田さんはかなりの名人で、私はなかなか勝
てませんでした。さすが電々公社の人は専門家です！
』

Ａは句読点で改行。Ｂは非改行で指定横幅を越えたら下の行へまわり込む。
テキストサイトを見るとしたらどちらのほうが読みやすいですか？

Ｂだな。

俺、視力あまり良くないからフォントサイズかなり大きくするんだけど、
Ａだと下みたいになるんだよね。

◆Ａ『
電電の村田さんに来てもらい、工事の日程や、仕組み
の話を聞きました。
説明を聞くと、どうもISDNよりASDLのほうがお得で
快適だということで、
さっそくその場で申し込み、工事の日はワクワクしな
がら待ちました！（以下略）

まあＢだとしても適度な余白と行間が欲しいところ。

俺はでかい画面でムダにウィンドウをおっぴろげてるから
Aだと要らん余白ができるんだよな

つーことで俺もB。段落さえちゃんと分けられていれば読むのに困難はない。
普通の本も同じような体裁だしな。

句読点改行をしていた自分には参考になった。
つい、自分で読んでみて、息継ぎのしやすいところに、
句読点を打って改行。ということが多かったからか。
さっそく変えてみる。

おれは、(>>391 + >>392) /2 = B　だな。

読みやすさだけならＡ

読みやすさなら圧倒的にAなんだが　HTMLで作る以上　改行の制御は難しいんだよな
ってことで嫌でもBのカタチになる

自分で書くときもAのほうが楽。

そんなことより聞いてくれよ。
このスレのテーマを関係あるんだけどさ。
たとえば昨日、俺が渋谷近くのある公園で、
女子高生に声をかけてみたら、見事反応した。
そこで、俺もまだまだいけるじゃんと思って喜んでいたら、
なんとさらに喜ばしいことに、相手はいきなり俺の手を取って、
円山町のラブホテル街へと、すたすたと歩き始めたりするんだよ。
かなりかわいいのに、やりたくてしょうがなかったと思うと、
もう自分の幸運に感謝して、帰ったらさっそく神棚に拝礼すると
しっかり心に決めて、ポケットのコンドームの残りを確認してた。
サービスタイムの看板の文字が読める距離になった頃、
突然その女子高生が振り向き、微笑みながら俺の股間を凝視した。
そして言った「で？　サポはいくら？」・・・マジかよ。
俺はおっさんか。ナンパのつもりが援交だったとは、もう終わりだ。
そこで凍っているとき、向こうから耳にイヤホンを付けた屈強な男が、
やや早歩きで坂を下りてくるのが見え、俺はとっさに悟った。まずい。

聞いてくれよまで読んだ
てめえのは読む気にならんのだよ
なら読むなってのはなしね

正字使っているサイトは読みにくくて辛い。
まぁ読めない程に私の頭が悪いのが原因だが…。
でも万人に受けないと思うんだよなぁ。
しかもそれがHTML解説サイトだったりもする。

正字を読み慣れてないんだから読みにくいのはあたりまえ。

>>400
こんな感じのCSSレイアウトをしたサイトだよね
ttp://members.jcom.home.ne.jp/pctips/i18n/

ブックマークを探しましたが見つからなかったんで・・・
きっと見づらい読みづらいでブックマークから外したんでしょう、私。

そんなサイトですね。
正字もそうですが、
他にも句読点に「,」と「.」を使ってるサイトも、
なんか気になって読みにくい感じ…。

>>403
論文だとそれに指定されているから、IMEの設定を固定しているんでしょう。
読みにくいってのは同感。

text-indentは設定してる？

「WEBでは左端が揃ってないと見づらい」という意見と
「小説なら文の頭は一字下げろ」という意見が同時に来た。
代替スタイルシートを用意して両方の希望を満たしたけど、
結局どっちがよみやすいんだろう？

個人的には、改行の頻度が少ない場合、
インデントさせたほうが読みやすい気がする。

段落はそれが段落であることがわかればよい。

上下に1行あけて段落を表現している

　インデントして段落を表現している。
●黒丸をつけて段落を表現してみる
■四角をつけて段落を表現している。

●もちろん、組み合わせるのもあり。黒丸と上下1行上げを
組み合わせて段落を表現してみる。

要は好み。好きなようにやれ。文字が小さすぎるとかなら聞く必要もあるが、
そんな細かい事まで読者に指図されるいわれはない。
なんならユーザースタイル講座のページでも作ってユーザースタイルの
やり方でも教えてやったらどうだ？
ちなみにおれは小説ならインデント+上下が好きかな。普通のテキストなら黒丸と上下。

>>406
> ユーザースタイルのやり方でも教えてやったらどうだ？
そうも思うんだけど、「閲覧者に負担を強いるな！」と逆切れされそうで怖くって。
「急がば回れ」で、面倒でも覚える価値あるのになぁ。＞ユーザースタイルシート

閲覧者にはHTMLの知識ぐらい
身につけてほしいと思っていたが
もう諦めたね
いかにユーザビリティが求められるかだよ

あっ、ここ長文サイトのスレか
文字つめつめだと読む気がうせるね
長文サイトを運営していない一個人の意見でした

正直、10行以上の文章は長文だと思ってるやつが増えていそうな気がしてならない。

>>405
書き手の趣味で選べ。

>>409
漏れ的感覚で6行以上は長文。

>>413
こ
れ
は
長
文
だ
な

>>412
もう真性ＤＱＮとしか言いようがないですよ、ｱﾅﾀ

20行くらいのレスで長文という人がいるけれど、

新聞とか小説とかを読む時ははどうしてるのかと

1行あたりの長さを考慮してから言ってくれ。

ディスプレイと紙面じゃ全然違うし。

だらーっとした文章だと、同じ長さでも読みにくく感じる。

えらく曖昧な表現だな。

文意の区切りが明確でないと言うのか、
長々と読まないと何を主張したいのかが把握できない文章。

p {
    font-size        : 90%;
    text-indent     : 1em;
    letter-spacing : 0.1em;
    line-height      : 150%;
}

個人的にこの設定が一番読みやすい。

人に押しつけるｲｸﾅｲ

>>420
> p {
> font-size : 90%;
この時点で意図が分からない。

プレーン状態（IEで何も指定していない状態）の90%ってこと？

老眼には少し酷な話じゃ

その時は「文字のサイズ」を大きくしたらいい。

わざわざ文字のサイズ変えるの面倒なんで、
小さい字が好きな人は font-size: 90%; とかをユーザスタイルシートに入れてください
お願いします

マウスホイールで一発じゃんかよｗ
そこらへんも勉強しろよなｗ

ページ毎にわざわざホイール回すの面倒なんで以下略

田中彰の応援歌を考えた。

行くぞ彰ホームラン！センターオーバーホームラン！
弾丸ライナーだ！飛ばせ！運べ！彰！

俺が考えた歌詞ですよ！
弾丸ライナーだ！の後に「ヘイ！」とか「おい！」って掛け声を入れてスタンドでジャンプするの
とかいれると面白いかもしれない。

このスレ見て、ちょっとCSS弄ってみた
見易さ200%増！！
長文書きなのに、ギチギチに文字詰めてた自分を反省

よかったね　としか　言いようがない