見やすい日記サイトの作り方

このエントリーをはてなブックマークに追加
1 ：Name_Not_Found：
必然で日記入りのページが必要になりました。
・上に行くほど新しいほうがいい。
・フレーム使う使わない
・アンカ使う使わない
とか
お勧めの日記サイト。ダメ日記サイト。
紹介してください。
一応フォロー
基本的に使い安さ、見易さで、判断願います。
（あくまでも基本。応用可能藁）
フォロー終り
そんなわけでよろしく願います。
2 ：１：2001/06/22(金) 16:07
まず、
上に行くほうが新しい。下に行くほうが新しい。
どっちがいいと思います？
3 ：Name_Not_Found：2001/06/22(金) 16:14
>>2
上に行くほうが新しい。方が更新しやすい。

・フレーム使う（カレンダークリック）
・アンカ使う
・cgi使う
4 ：３：2001/06/22(金) 16:15
・いい
・使う
・使わない
5 ：Name_Not_Found：2001/06/22(金) 16:19
>>1
そんな当たり前の事聞かないでよ。悲しい是よ。
下の方ほど新しかったら読む度に一番最後まで読み込まれる
のを待たなきゃいけないんだ是？
そんな日記いくらおもしろくても日の目を見ない是？
6 ：Name_Not_Found：2001/06/22(金) 16:29
掲示板感覚だからCGI使った方が長続きする気がする
7 ：１：2001/06/22(金) 16:30
>>3
やっぱフレームは必要ですかね。

>>5
当たり前ですかね。
仮に読まれることを前提にして
過去から続けて読みたいときに読みにくくないですか？
8 ：１：2001/06/22(金) 16:31
>>6
重くなりませんか？
9 ：Name_Not_Found：2001/06/22(金) 16:32
んなことはない
10 ：Name_Not_Found：2001/06/22(金) 16:36
>>8
CGIでHTMLを書き出すようにすれば、見る側からは重くならない。
11 ：Name_Not_Found：2001/06/22(金) 16:46
>>7
Piro日記のようにバックナンバーは古い方を上にすればよい。
12 ：Name_Not_Found：2001/06/23(土) 01:35
カレンダーとテキストの入るスペースが表示してあって、
日付をクリックするとその日の日記が見られる（デフォルトは当日の日記）
・・・ってのは最悪だと思う。毎日チェックする訳じゃないっての。

tcup有料のアルバムモードみたいなの便利だと思う（レンタルなら）。
上の方が新しいし。CGIむで更新しやすいし。
13 ：Name_Not_Found：2001/06/23(土) 01:38
Diaryをクリックすると、過去5日分くらいの日記が新しいのから順番に読めて、
「それ以前の過去の日記はこちら」ってかんじで月ごとにまとめられているのが
読みやすくて好きかも。フレームでわかれているタイプは好きじゃないなー。
14 ：1：2001/06/23(土) 02:27
みなさんどうもです。
>>10
そうなんですか？え〜ぼくは昔クソ重たい掲示板をレンタルしてい以来トラウマでした。
その程度の知識なんで・・・
ＣＧＩがうまくて変えれば管理とか楽そうなんですけどね。

>>11
そういうタイプの日記を読みまくってみましたが、どうも読みづらかったです。
やっぱり新しいほうが上という形が慣れていて読みやすいみたいでした。

>>12
そうですね。一回読めばいいわけだし。
tcui見てきます。

>>13
フレームは正直迷ってます。
15 ：Name_Not_Found：2001/06/23(土) 02:31
日記に限らず長文は行間開けて、
文字サイズ普通で
16 ：Name_Not_Found：2001/06/23(土) 02:33
うちではGNS使ってて気に入ってるよ。CGIで動か
せるから更新が楽だし。これと、Namazuの検索
エンジンを組み合わせている。あと、日記を書く
ならアンカータグをつけて欲しいな。
17 ：16：2001/06/23(土) 02:35
あと、
<style type="text/css"><!--
p{line-height: 2.5ex;
padding-left: 5%;
padding-right: 15%;}
--></style>
って入れてる。こうすると行間が空いて見易くなるよ。
18 ：Name_Not_Found：2001/06/23(土) 02:40
/~アカウント名/diary/ で最新の数日分を新しい物が上で表示、
過去ログは新しい物が下で表示、が理想だね。

過去ログは
・1ヶ月1ページ制
・1ヶ月3ページ制(上旬・中旬・下旬)
・1日1ページ制(上旬・中旬・下旬)
なんてパターンがあるけどどれが理想的かは微妙。
ただ、前者2つのシステム(の中でも特に1つ目)で書いてる奴は<head>内に
<META NAME="ROBOTS" CONTENT="NOINDEX">
を入れるべし。でないと物探しをしている人間にかなり迷惑。
19 ：Name_Not_Found：2001/06/23(土) 02:49
googleで「Web日記　朝日奈アンテナ　にゃんぴっぴ」
とかで検索してみ。いろいろな日記を見つけられるから。
あとは、イイと思ったところのを真似すればよろしいかと。
20 ：Name_Not_Found：2001/06/23(土) 02:58
にゃんぴっぴだってさ。にゃんぴっぴ。
21 ：Name_Not_Found：2001/06/23(土) 03:45
↑ なんか嬉しいらしい。
22 ：Name_Not_Found：2001/06/23(土) 04:01
日記サイトはやっぱりCGIなどを使って更新するシステムがいいだろう。
アンカーとか挿入されると便利だしね。

で、日記システムといえば俺の知ってるのだと
はいぱー日記システム ttp://www.h14m.org/ なんかが有名なんじゃなかろうか。
とにかく機能満載って感じなんだけど反面なんかごちゃごちゃして少しわかりにくい気がするね。
何か他にいいの知ってたら教えて。
23 ：Name_Not_Found：2001/06/23(土) 04:46
私は上から下という流れで書いてるなー。
リアルタイム（？）で読んでくれてる人には申し訳ないけど、
最終的に読み物として残るわけだから長い目でみるとその方がいいんじゃないかなぁ。

ちなみにその日の部分だけ別ファイルにしてSSIで表示するようにしてる。
過去ログもSSIコマンド一行増やすだけだから編集も楽です。
24 ：１：2001/06/23(土) 07:55
日記サイトはテキスト命なのに、自分の誤字脱字の多さに憂鬱です・・・
さて、
詳しい情報ありがとうございます。
てーか驚いてます。２ｃｈ？て感じです。
>>15
スタイルシートは使おうと思ってます。
人に読んでもらうのだから読みやすさは第一条件ですよね。でも危険が・・・
>>16,17,18
具体例は、大変ありがたいです。ナマケモノなんで。
>>19,20,21
頑張ってあさってます。
>>22
せっかくの情報なんですが、
出来るだけシンプルで誰にでも使いやすい日記にしたいので
はいぱー日記は今回はやめてこうと思います。すんません。
>>23
ぐーまた悩みます。ＳＳＩいいですね。でも知識がついて来ない・・・
勉強をかねていろいろ頑張って見たいと思います。

えーっとですね。今ごろ・・・って感じなんですけど、
出来たら日記に画像を入れたいと思ってます。
やめておけ。とか、せめてこうしろとかありますか？
自分では、１ページ１日ってのは避けたいと思ってます。
縮小画像を使い、１ページ４、５日分程度なら大丈夫ではないかと思ってるのですが？

ほかにも日記サイトで役立つ情報があったらお願いします。
25 ：23：2001/06/23(土) 09:58
>>24
サーバが使える環境ならラクショーよ。
ファイルの拡張しをshtmlにして、表示させたい部分に

<!--#include file="xxx.html"-->

として、あとはxxx.htmlを編集すればいーよ。このファイルは表示部分のみの
タグでいい。私はこのファイルを20010623.htmlという感じにしておいて

<!--#include file="20010623.html"-->
<!--#include file="20010624.html"-->
<!--#include file="20010625.html"-->
　　
というふうに並べていくようにしてる。とほほのSSI入門がわかりやすかった。
26 ：そうかあ：2001/06/23(土) 10:14
下手にCSS使われるとかえって見難いデス。
PREタグで囲ってあるほうがよっぽど見易いです。
27 ：Name_Not_Found：2001/06/23(土) 10:24
>>26 君はlynxでも使っていなさい
28 ：Name_Not_Found：2001/06/23(土) 11:50
段落とか見出しにアンカーつけるのはどう思いますか。

私は特に必要ないと思っているのですが。
みなさんの意見を聞いたら考えかわるかもしれませんけれど。
29 ：Name_Not_Found：2001/06/23(土) 11:52
>>1
ぐだぐだいってないで、作ってみてきいてみたら？
30 ：28：2001/06/23(土) 11:58
>>24
>出来たら日記に画像を入れたいと思ってます。
やめておけ。とか、せめてこうしろとかありますか？
自分では、１ページ１日ってのは避けたいと思ってます。
縮小画像を使い、１ページ４、５日分程度なら大丈夫ではないかと思ってるのですが？

画像にもよりきりじゃ？私は装飾の意味での画像はwebの日記では
不要と思ってます。

日記の文中で文章だけでは伝え辛いものは（下手ですが）自分で描く
ようにしてる。
31 ：Name_Not_Found：2001/06/23(土) 13:14
>>16,17,18とか、>>19,20,21とかよりも
>>16-18とか、>>19-21とかいった書き方の方が見やすいぞ。。。

細かくてスマソ。
32 ：Name_Not_Found：2001/06/23(土) 13:30
>>28
Web日記を書いている人どうしでコミュニケーションを
とるのであれば必要。この場合、アンカータグの他に
アクセス解析も必須。一方で日記への突っ込みを掲示板
に書いてもらうつもりとか、アクセス解析できないなら
要らないかな。

Web日記の話は↓にちょっと載ってる。
http://natto.2ch.net/test/read.cgi?bbs=hp&key=987503400&&st=124&to=124

画像は、オフにしている人にもどんな画像があるのか分かるように
してあればいいんでないの。lynxやw3mのユーザだっているし。
33 ：Name_Not_Found：2001/06/23(土) 17:35
他人のためを思えばアンカーはあった方が優しいと思う。
けどWeb日記によるコミュニケーションってあんまり好きじゃない。
俺もアンカーは付けてるし、
ちょっとした参照としてリンクしたりリンクされたりすることはあるけど
日記による相互リンクが入り組みまくってて
もはやチャット状態になってるの見たりするとと
お前ら日記以外のメディアでやれよって気になる。
34 ：Name_Not_Found：2001/06/23(土) 18:02
>>26
pre要素とするのはｷﾞﾓﾝ。。。
日記だからこそきちんとp要素でﾏーｸｱﾌﾟするべきだと思うぞお。

テーブルで固定されるよりはマシかもしれないけど。
35 ：Name_Not_Found：2001/06/23(土) 18:49
preを使うのも疑問だが、
もっとイカンのはpreを使うわけでもなく一定文字数で<br>入れてる奴。

ttp://www.psl.ne.jp/perl/pscripta.html
俺↑のAutoDiaryってシステムちょっといいかなと思ってるんだけど、
作者自身の日記
ttp://www.psl.ne.jp/diary/
見たら約35文字で<br>入れてやんの。
ウィンドウサイズ640x480でブラウズしようとすると見にくいったらありゃしない。
横の字数を制限したかったらCSSでwidth:35em;ってすりゃいいのに…
36 ：Name_Not_Found：2001/06/23(土) 20:12
<br>しか知らなかった俺は、今までなんて面倒な作業をしていたんだ・・・！
<pre>のおかげで、だいぶ日記のサイズが減った。

<pre>のfont-familyって、他と違うんだね・・・
37 ：Name_Not_Found：2001/06/23(土) 20:20
>>35
しかもタグは全部大文字･･･
見難いったらないな。
38 ：１：2001/06/23(土) 20:46
どうもです。またぐだぐだいわせてもらいます。ごめん。
>>29
一応やってみてるんで、出来たら評価してください。

<pre>・<br>・<p>は、
<p>とスタイルシートで行けたらと思ってます。
<pre>はウインドサイズ小さいと横スクロールしませんでしたっけ？

ほかの意見もどうもありがとうございます。
ぼくだけでは絶対に見落としそうなことばっかです。
では、
39 ：Name_Not_Found：2001/06/23(土) 21:15
>>38=1
＞<pre>はウインドサイズ小さいと横スクロールしませんでしたっけ？
日記をつける前に、簡単なタグのおさらいくらいは
したほうがいいよ。
40 ：Name_Not_Found：2001/06/23(土) 22:01
>>38
とりあえず一定字数ごとに無意味な<br>を入れるのはやめるべし。
どうしても改行が入る場所を制御したいなら<nobr>を併用するか、<pre>を使うべし。
だが一番いいのは<br>も<pre>も使わないこと。

>>37
タグが全部大文字は別にいいと思うが。
俺は大文字の方が見やすいと思ってる。
最近はXHTMLに合わせて小文字使ってるけどね。
それ以前にソースが大文字か小文字かなんてどうでもいいことだよ。
41 ：Name_Not_Found：2001/06/23(土) 22:53
>>40
<br>も<pre>も使わないのなら、何を使うの？
42 ：Name_Not_Found：2001/06/23(土) 23:29
>>41
製作者の側でわざわざ強制改行を入れなくても、
たいていのブラウザは、ウィンドウ幅に合わせて
文字列を自動的に折り返す機能がついてるだろ。
それに任せろってこと。
43 ：Name_Not_Found：2001/06/23(土) 23:40
>>41
<p>
44 ：Name_Not_Found：2001/06/23(土) 23:43
<pre>を使うのは何がいかんのだ？
45 ：Name_Not_Found：2001/06/23(土) 23:45
>>44
リアルじゃないから
46 ：Name_Not_Found：2001/06/23(土) 23:48
<p>ｵﾏｴﾓﾅｰ</p>
<p>ｵﾚﾓﾅｰ</p>
　　　　　　　←ここにどうしてももう1行分スペース入れたい時は？
<p>ﾔｯﾊﾟｵﾏｴﾀﾞｹﾅｰ</p>
47 ：Name_Not_Found：2001/06/23(土) 23:52
>>46
マージン指定
48 ：Name_Not_Found：2001/06/23(土) 23:52
↑スタイルシート
49 ：Name_Not_Found：2001/06/24(日) 00:04
>>45
リアルというのは？
整形させるとリアルじゃなくなるの？
50 ：Name_Not_Found：2001/06/24(日) 00:05
<pre>についてるCSSの初期値って何？
51 ：Name_Not_Found：2001/06/24(日) 00:07
>>49
http://members.tripod.co.jp/simulation/fly.gif
52 ：Name_Not_Found：2001/06/24(日) 00:15
>>50
font-family: monospace;
white-space: pre;
あたりかな? 確認してないけど。
53 ：Name_Not_Found：2001/06/24(日) 00:23
>>44
42が書いてる通り、
ウィンドウ幅に合わせて自動的に折り返して表示する機能が
ブラウザについてるんだから、特に理由がない限りそれに任せるべき。
でないと画面幅が狭い人が非常に読みづらい思いをする。
例えば<pre>を使って横40文字で整形されてる文章を
横20文字しか表示できないディスプレイで読もうとしてみろ。
悲惨だぞ。1行ごとに横スクロールしなくちゃいけなくなる。
54 ：Name_Not_Found：2001/06/24(日) 00:34
>>46
<br>絶対禁止というわけじゃないから、
そういう場合は<br>使えばいいんじゃない?

今問題にしてるのはそういう<br>じゃなくて、
改行が必要なわけでもない一続きの文章(段落)の中で改行入れることだ。
例えばソース上で

パリ中心部にある高級ブランドの「ルイ・ヴィトン」本社に何者か<br>
が侵入し、パソコンを盗み出していたことがわかった。単なる泥棒<br>
か産業スパイかと憶測を呼んでいる。<br>

って感じに文章中ご丁寧に30文字ごとに<br>が書かれていたとする。
これを横25文字しか表示できない画面でアクセスしたら

パリ中心部にある高級ブランドの「ルイ・ヴィトン」本
社に何者か
が侵入し、パソコンを盗み出していたことがわかった。
単なる泥棒
か産業スパイかと憶測を呼んでいる。

と表示されることになる。
読みづらいったらありゃしない。
55 ：Name_Not_Found：2001/06/24(日) 00:50
>>54
＞そういう場合は<br>使えばいいんじゃない?
いや、そのほうが問題ありだと思われ。
contentのない行は作ってはいけない。
contentあってのマークアップだからね。

本題だけどさ、でも少なくともみんなここに
書き込むときは横幅いっぱいには使わないよね。それはナゼ？
適度な桁数で改行させたほうが見やすいって事じゃないの？
56 ：55：2001/06/24(日) 00:52
あ、そっか、理想論か。
57 ：Name_Not_Found：2001/06/24(日) 01:10
一定の桁数で<br>するのは全く無意味。迷惑。
1行の文字数が多すぎると読みづらいことを考慮するなら
CSSでwidth:30em;のようにすればいい。

が、2ちゃんねるはそのようにスタイル設定されてないし、
桁数じゃなくて文の区切りで適度に<br>するのは読みやすくする意味はあるね。
HTMLの思想的には正しくないとは思うが。
パソコンの画面以外で見るとやっぱり>>54の例のような読みづらい表示になるだろうし。
58 ：Name_Not_Found：2001/06/24(日) 18:09
age
59 ：W3C信者：2001/06/24(日) 18:41
>>55
> 本題だけどさ、でも少なくともみんなここに
> 書き込むときは横幅いっぱいには使わないよね。それはナゼ？
> 適度な桁数で改行させたほうが見やすいって事じゃないの？

textarea要素に仕様に合致しないwrap属性が混入されてるから。
60 ：Name_Not_Found：2001/06/25(月) 17:51
age23
61 ：Name_Not_Found：2001/07/08(日) 13:45
究極タイガー、難しい。
age
62 ：Name_Not_Found：2001/07/08(日) 13:55
「さるさる日記」、使いやすいヨ
63 ：　：2001/07/08(日) 15:12
話が変わるんだけど日記って人に見せるものなの？
純粋に疑問なんだけど日記ってどういう需要があるの？
人の日記なんて読んで面白いんだろうか。
毎日波瀾万丈の日記なら読みたいけどそうでもないだろうし。
64 ：Name_Not_Found：2001/07/08(日) 15:43
>>63
まあとりあえず書いてみなよ。
65 ：Name_Not_Found：2001/07/08(日) 16:24
>>63
http://natto.2ch.net/test/read.cgi?bbs=hp&key=993065010&ls=50
66 ：Name_Not_Found：

日曜日に　２chへ繋ぎ　自信満々　スレ立てた
テュリャ　テュリャ　テュリャ　テュリャ　テュリャ　テュリャリャ♪
テュリャ　テュリャ　テュリャ　テュリャ　リャ♪　（・∀・）

月曜日は　レスがつかない？　　火曜日も　レスがつかない･･･
ナゼ　ナゼ　ナゼ　ナゼ　ナゼ　ナゼヨ？
ナゼ　ナゼ　レス　ありません〜♪　（T o T）

水曜日は　自演を試し　　木曜日に　「おっ？スレ上がってる！！」
１の母　家臣　医者　精子〜♪
さらしあげ　削除依頼ぃ〜！　(｀Д´)

金曜日に　激しく激怒　　土曜日は　板中荒らす
氏ね　氏ね　氏ね　氏ね　氏ね　ﾄﾞｷｭｿ♪
氏ね　氏ね　死ね　ﾁｭｰﾎﾞｰ　ヽ(ﾟ皿ﾟ)ノ

お医者たま　これが私ノ　一週間ﾉ　仕事ﾃﾞｽ
ｱﾋｬ ｱﾋｬ ｱﾋｬ ｱﾋｬ ｱﾋｬ ｱﾋｬﾋｬ♪
ｱﾋｬ ｱﾋｬ ｱﾋｬ ﾋﾋﾋﾋﾋ　　　ヽ(ﾟ∀ﾟ)ﾉ

　ヽ(ﾟ∀ﾟ)ﾉ ヽ(ﾟ∀ﾟ)ﾉ ヽ(ﾟ∀ﾟ)ﾉ ヽ(ﾟ∀ﾟ)ﾉ ヽ(ﾟ∀ﾟ)ﾉ ヽ(ﾟ∀ﾟ)ﾉ
　　 へ１) 　 へ１)　　 へ１)　　 へ１)　　 へ１) 　 へ１)
　　　 　> 　 　　>　　　　 >　　　 　>　 　　 　>　 　　<