facet-divers: ウェブログ・ココログ関連

ふむ。ニフティの@homepageのだと(当然の事ですが）カウンターが共通になってしまうんですね。以前、さる…じゃなかった…「サクサク作成君」と「noteブック」を試した時にカウンターを設置してみてはいたんだけど、案の定noteは続かなくて、しかも広告するような内容でもなかったので全くカウンターが進んでいなかったこともあって、カウンターをリセットしてこちらに設置することにしました。多分@homepageの方はしばらく使わないだろうし。

それから、カウンターを右の方に小さく設置したかったので、masaさん/埼玉住人さんの後の記事「引用をわかりやすくしよう」を参考に、CSSとclass属性を使って右寄せとフォントの設定をしてみました。ふむ。こういう風にもサブタイトル欄を使えるわけか。なるほどねー。masaさん（およびそのソースの皆様）、有用な情報をどうもありがとう！（と書いてトラックバックしておけば感謝の気持ちを表すのに十分なんでしょうか…。初心者なので、そのあたりの感覚というかブログ文化が良く分かりません…。）

今度は自分のブログ内の全文検索窓機能なんかが付けてみたいなあ。非常に記憶力が弱いので。続かなきゃ必要ないけど(笑)。

続・文字参照（à）

ココログのウェブログ管理画面で「最近の記事（ 5件まで）」というのがありますが、文字参照を使ったタイトルは文字化けして（というか、アンパサンド付きの字そのままで）出てました。実害は無いですが。気になったので。

IE5でも見えない…

以前、カレンダーの日曜日が見えない…って話を書いたんですが、どうも自分だけじゃなかったみたいで、Tokyo Forumさんの「IE5.5で見えないココログのデザイン問題」という記事で扱っていました。
ウチのIE5．01でブラウジングしてると、タイトルが重なったり本文が下の方に行ってしまうサイトがあるので、いつも何かへんだなとは思っていたんですが、そういう問題だったんですね…。
本文が下に行ってしまうのは見づらいので何とかして欲しいですね。

2003-12-05

クイック投稿

前のメーヴェ！の記事は、クイック投稿という機能を使って書いてみました。WinのIEのお気に入りや右クリックのメニューに「ココログ　クイック投稿」というアイテムを追加してくれました。これ、めちゃくちゃ便利。とくに右クリック。気に入りました。

# いかん、寝なくては。

2003-12-06

娘の目にシュリケンがキラリ

サブタイトルにアクセス解析を入れるとRSSが変になるという話が気になって、マイリスト（右下のMy Utils欄）内に移動しました。すると、今までブラウザ(//div[@id="banner"] ?)の右上隅に現れていたシュリケンが、右サイドバー(//diｖ[@id="right"] ?)の右上隅に現れるようになりました。(ウチのIE5.01の場合）

おかげさまで、娘の目がキラリ(笑)。

しかし、このシュリケン、嫌いじゃないんですが、ウチのIE5.0だと解析結果を見るときに「false」ってエラーがでたりするし、ネスケ7.1じゃ解析周期を変更すると日付がむちゃくちゃになってたし、しかもさっき気付いたんですがログインさえ出来なくなってしまいました。ひえー（。というわけで、ウチの環境じゃ全滅(T_T)。どうしようかなあ。（しかし、日本が真夜中でも、アップするたびにアクセスがありますね。ご自愛ください。）

忍者TOOLS -メンテナンス情報-

2003/12/05 数日前より、時間帯等によって断続的に忍者TOOLS各サービスへの通信が重くなるという現象が確認されております。ネットワーク機器の障害などが考えられ、現在上位プロバイダと対策を進めております。ご不便をおかけしまして申し訳ございません。

だそうですね。ココログだ…(^^;。

ココログ全文検索エンジン、ココログル！

ぴっくあっぷさんの記事「ココログル」
を見ました。開発者は「健康な生活を送ろう！」のCurryさん。本当にすごいですね、みなさん。
早速、昨晩夜更かしして設置してしまったGoogle窓と共に、マイリストのNAVIコーナーにココログル（β版）を入れさせていただきました。ココログルの検索窓も欲しい…。

ココログ検索 by Google !

さらにこんな記事も発見。

此処録: ココログサイトをGoogleで検索 by うなさん

なるほどー。本当に凄いです、皆さん。で、やっぱり自Google窓に適用(^_^;)。

PS
ところが、WWWから（ウェブ全体から検索）のラジオボタンにチェックが入っているにも関わらず、Googleの検索結果画面になると「WWWを検索」にチェックボタンがついてなくて、結果が表示されない。なんでかなー(T_T)。

めげずに手動でチェックして再検索。現時点でランキング１位に輝いたのは…

今日の糧: ウェブログ・ココログ関連バックナンバー by ししうまさん

でしたー。

PPS
上記のチェックボタンの問題、解決しました。「WWWから」のinputタグにvalue=""が抜けてました。「"Powered by ココログ"」をデフォルト化したときにchecked="checked"を「サイト内から」から「WWWから」に移したんですが、間違って消去してしまっていたみたいでした。

Google検索窓

Googleの検索窓を設置する時に参考にさせていただいたサイトのありかがわからなくなっていたので書けずに居たのですが、再度発見したので記録しておきます。

いかんともしがたい: Google 検索窓を設置する by いかんともしがたい（？）さん

いかんともしがたいさん(仮称^^;)は、IE5.5で見えないココログのデザイン問題の解決策も提示されています。本当に凄いですね、みなさん（って、こればっかりですが）。

ココログ検索 by Google ! その２

前の記事にも書いたとおり、Googleでココログを検索する方法として、うなさんの此処録: ココログサイトをGoogleで検索に記載されていた方法を自分なりに応用して、検索窓に"Powerd by ココログ"の文字をデフォルトで追加するという方法をとっていたんですが、どうもスマートじゃないので気に入ってませんでした。

そんな折、いかんともしがたいさんが、Google 検索窓を設置するその 4 ココログ内検索 [ 改訂版 ] にて、検索結果に"Powerd by ココログ"を自動的に追加できるというスマートな方法をアミダシテいらっしゃるのをまた発見。

そこで私も考えました。いつもアイデアをいただいてばかりなので、もう一捻りが出来ないかと。

Google の詳しい検索方法を見ているうちに思いついたのは、radioボタンのname属性を、sitesearchじゃなくてqにしちゃえばいいんじゃないかということ。つまり、私のサイトの場合、

<input type="radio" name="q" value="" />WWWから<br /> <input type="radio" name="q" value='"Powered by ココログ"' checked="checked" />ココログから<br /> <input type="radio" name="q" value="site:facet.cocolog-nifty.com" />サイト内から<br />

という風にすればいいのではないかということです。自分のところのようなマイナーなサイトではGoogleに全く登録されていなくて(T_T)その効果が確認できないのですが、何となく上手く動いているような気がします。どうでしょうか…。

ココログル検索窓！

以前、「健康な生活を送ろう！」のCurryさん作、ココログ全文検索エンジンココログル（β版）へのリンクを私のNAVIに張ったときに、Google窓みたいに検索窓にできたらいいなあとつぶやいていたんですが、早速Siena.さんの風のまにまに心のままに: 検索フォームの導入で見つけてしまいました。なるほど。というわけで、またもや早速適用させていただきました。_(._.)_
# Siena.さん、お体お大事に。

2003-12-08

ココログの日付に関して

ココログの日付に関する小さな問題の報告と要望です。ココログスタッフルーム: ココログに関するご意見ご要望はこちら（～1/15）のコメントに書くと長文になりすぎるので、こちらに書いてリンクを張ることにしました。

まず、私個人の設定ですが、下記のようになっています。

日付の書式 : 2003.12.07
時刻の書式 : 21:05
日付を表示する言語 : French

国名 : France
使用言語 : Japanese(utf-8)
時間帯 : Europe/Paris

問題というのは、コメント確認画面での時間が１時間ずれている（表示時間09:40 p.m.、実時間10:40 p.m.）ことです。（サマータイムがらみでしょうか。）投稿するときちんと表示されるので大きな問題ではないのですが、出来れば訂正お願いします。

以下は要望です。

まず、カレンダーですが、これは日付を表示する言語の指定が効いているのか、タイトルがdécembre 2003に変わりました。それはそれで良いのですが、曜日が英語のままなのは寂しい限りでした（他の人もどこかで指摘していましたし、日本語タイトルで英語曜日というサイトもあって、これは不細工だと思いました）。どの指定が効いているのか定かではありませんが、タイトルに反映させるのなら、曜日の方も反映していただきたいと思います。

次に、フッター関連ですが、新規投稿記事のフッターにはきちんと希望通り2003.12.07 21:05と表示されているのに、コメントのフッターにはdécembre 5, 2003 12:54 AMという風に表れてしまうので、できれば上記の希望通りの方に統一して欲しいと思います。

また、言語指定しか反映されないのならば、言語Frenchに対しては本国フランス式に、日付は5 décembre 2003とか05/12/2003、時間は0h54という感じにした方が良かったのではないかと思います。（同じ言語でも国によって表記が違いますから、プロフィールで選択している国指定を生かせるとなお素晴らしいと思います。）

それから、コメント確認画面では私の設定時間帯（Europe/Paris（に近い値）・例＝09:40p.m.）で表示され、そのコメントを投稿すると投稿先のココログの時間帯（通常Asia/Tokyo・例＝06:40a.m.）で表示されていて、これは妥当な実装であるようにも思いますが、確認画面と最終投稿結果が揃ってくれた方が自分にとっては違和感が少ないかなあと思います。（ココログスタッフルーム: ココログに関するご意見ご要望はこちら（～1/15）のコメントでTigerさんの報告を見るまで確認画面で時間を見たことはなかったので、日時表示自体が無くなっても不便ではありませんが。）

他にも、ココログの管理ページの上部の日付や「アカウント情報の概要」の「ココログのご利用開始月」が米国式のままなのは寂しかったです。（元が米国産だから仕方がないですが、これについてはいつか対処していただける部類の要望ではないかと邪推しています。）

以上、日付がらみの実装は、言語だけじゃなく国や地域での違い、さらには個人の好みの問題まで絡み合って複雑そうなので難しいとは思いますが、折角言語指定までできるほど高機能なのですから、さらに合理性のある実装を目指して欲しいと願っています。

なお、私の日付の好みはISO式の2003-12-07、もしくは日本式の2003/12/07なので、これが無いのも寂しかったことと、2003-12-07T22:59は嫌で、午前12:54は午前00:54じゃないのか？と思っていることも付記しておきたいと思います(^^ゞ。

サブタイトルのh2呪縛から逃げ出す？

Siena.さんの風のまにまに心のままに: 検索フォームの導入でコメントを書いた後、その記事を眺めていて、サブタイトルのh2タグを強引に閉じたらどうかなということを思いつきました。

ウェブログのサブタイトル（キャッチフレーズ）：
 </h2> </div>  <div id="sub-banner">  </div>  <div id="dummy"> <h2>

これで、サブタイトルにタグを入れる時に「h2タグ内にはインライン要素(%Inline)しか入れられない」という制限を回避できるはず。この新しく創ったスペースを活用すれば、お知らせを上部に固定する方法の亜種としても使えそうだし、他にもいろいろ使えそうですね。思いつきませんが。linkタグはやっぱり準拠じゃなさそうですね。XSSのこととかも気になるし、この変則方法がいつまで使えるのか分かりませんが、とりあえず現時点でのa tipということで。

2003-12-13

伝言板

Tigerさんの素晴らしいアイデアを拝借。これぞKing of the TIPS。要不要は度外視して、こういうTIPSを見ると使わずにいられない。facet ... その性、傲慢にして無謀（笑）。

「メールするほどではないけれど、記事と関係ないコメントを書く場所」です。

お気軽になんでもお書き込みください(^^)。

コメントを書く▼

XHTML準拠度をチェックしてみたら

自分のココログの、XHTML 1.0 Transitional への準拠度をチェックしてみました。

by The W3C MarkUp Validation Service

すると、

This page is not Valid XHTML 1.0 Transitional!

という表示に続き、その理由が並ぶ並ぶ…。あきれて笑ってしまいました。お陰で修正が大変でしたが、これで晴れて Valid XHML 1.0! のロゴを貼り付けることができ、なんだかとても嬉しいです。

せっかくなので、修正中に気が付いた点から幾つかを挙げておきたいと思います。

本文での空行に注意！

ココログの設定の「ウェブログ」→「表示設定」→「テキストフォーマットの初期設定」が「改行を反映させる」になっている場合、本文に一行空行があると、ココログは ... <br /> <br /> ... ではなくて ... </p> <p> ... と変換しているようです。

ある本文のなかで<code>タグを使ったのですが、その要素内容として空行を含めてしまっていたために <code> ... </p> <p> ... </code>という風にタグが交差してしまい、たくさんダメだしをくらってしまいました。これはXHTML準拠以前の問題ですけど。…どうもこの部分のstyle属性の指定が上手く反映されないなあと思っていたんですが、そういうことのようでした。

ということで、改行を反映させる設定にした場合は、要素内容に空行を混ぜてしまうと変なHTMLになってしまうので注意。

借り物を貼り付ける場合は大変

１．alt属性に注意。
XHTMLでは、imgタグにはalt属性が必須です。よく付け忘れてました(^^ゞ。

２．属性値に注意。
属性値は鬼門でした。
２－１．まず、必須です。少し見落としてました。
２－２．次に、必ず引用符でくくらないといけません。これも見落としてました。
２－３．しかも、引用符の中の値として、<とか>とか&の文字を使えません。これは完璧に忘れてました(^^ゞ。
私の場合、niftyの@homepageのカウンターを使っているんですが、そのURLは、
http://hpcounterN.nifty.com/cgi-bin/counter.cgi?u=XXXNNNN&p=N&c=N
のよう紹介されていますが、この&は、XHTMLでは&と書かなければなりません。つまり、
http://hpcounterN.nifty.com/cgi-bin/counter.cgi?u=XXXNNNN&p=YY&c=N
です。これでホントに動くのか？と疑いましたが、IE5.01/win2kでもIE5.00/win98でも動いてました(笑)。IE6もネスケ7.1も大丈夫そうです。他はドウデショウ…。
その他にも、列挙型の属性値も全て小文字でなければならないというのもあって大変です。属性値、恐るべし。

ということで、一般に、カウンターやアクセス解析や検索窓など、外部からソースをコピペして持ってくる場合、ほとんど手直しが必要なようですね。自分も一番修正したのがこの部分でした。世の中、まだまだXHTMLじゃありませんからねえ…。先端を行く(?)ココログならではの贅沢な悩みでしょうか。

ref. 風のまにまに心のままに: XHTML 1.0 妥当性を望む

2003-12-18

上下にもバーを創る（ページ内ナビが欲しい）

サイドバーが長くなって見辛いので、上下にスペースを創り（以下、トップバーとボトムバー）、そこにページ内ナビを配置したいと思っていたんですが、ココログにはそういう機能はまだありません。

そこで、マイリストを使ってその機能を実現できないかなあと試行錯誤してみたところ、とりあえず形になったので暫定公開します。

要は、トップバーのスペースを創る場合、左サイドの最初に専用のマイリストを配置し、ボトムバーを創る場合は右サイドの最後に専用のマイリストを配置するという具合です。

とりあえず、作り方の概要を書いておきます。（まだ未完成なので、ここが変だとか分かりにくいとかのご意見をいただけると嬉しいです(^^)。）

トップバーの作り方
1. 「Top-bar」という名前（任意）のマイリストをリンク型（など）で作成し、「高度な設定」でメモの表示を「テキスト表示」にする。
2. 「Top-bar」を表示するように設定し、「デザイン」の「並べ方」のところで左サイドバーの最初に配置する。
3. 「Top-bar」に新規項目を追加し、「メモ」欄に以下のようなコードを書き込む（※色やフォント、ボーダーなどは自分のスタイルに合わせて適宜変更してください）。

---
</li>
</ul>
</div> <!-- .sidebar -->
</div> <!-- #left -->
<!-- ↑左サイドバー強制終了 -->


<!-- ↓スタイル開始（※） -->
<style type="text/css">
/* ↓ここからトップバー用のスタイル */
#left {
	height: 0px;　/* ←元の左サイドバー隠蔽 */
	width: 200px;
	float: left;
	overflow: hidden;
	background-color: #99CC99;
}
#top-bar {
	width: 800px;
	padding: 0px 15px 0px 15px;
	border-bottom: solid 2px white;
	background-color: #99CC99;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
}
/* ↓新規左サイドバーのid="left2"の場合 */
#left2 {
	width: 200px;
	float: left;
	overflow: hidden;
	background-color: #99CC99;
	}
/* ↓このダミーは不要かも */
.dummy {
	height: 0px;
	margin: 0px;
	padding: 0px;
}
.sidebar ul.dummy {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 0px;
	/* ↑レイアウト用（効果不明） */
}
.sidebar li.dummy {
	margin-top: 0px;
	/* ↑レイアウト用（効果不明） */
	list-style-type: none;
}
/* ↓ここからボトムバー用のスタイル */
#bottom-bar {
	width: 800px;
	border-top: solid 2px white;
	padding: 0px 15px 0px 15px;
	background-color: #99CC99;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
}
#footer {
	width: 800px;
	border-top: solid 2px white;
	padding: 0px;
	margin: 0px;
	background-color: #99CC99;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	text-align: center;
}
#footer li {
	list-style-type: none;
	/* ↑リーダが出てしまったので */
}
</style>


<!-- ↓トップバー開始 -->
<div id="top-bar">


<!-- ↓トップナビ開始 -->
<div class="top-navi">
<!-- ここにトップナビのコンテンツを配置 -->
</div> <!-- .top-navi -->


</div> <!-- .top-bar -->


<div style="clear: both;"></div>


<!-- ↓新たに左サイドバー開始 -->
<div id="left2">
<div class="sidebar">


<ul class="dummy">
<li class="dummy">
---

実は、以前、サブタイトル内で</h2>…<h2>としてその間にトップナビを作ることを考えたんですが、サブタイトル内にいろんなタグを入れるとRSSリーダーで読んでもらう時にそれがそのまま現れてしまって…という話を聞き、断念していました。今回の方法ではマイリストを使っているのでRSSリーダーの問題は回避できたのではないかと思うのですが、実はRSSリーダーを未だ使ったことがないので単なる無駄な努力だったかもしれません(^_^;)。

また、XHTML準拠の問題を回避するために、凹日記さんのjavascriptを使う方法を参考にして外部スタイルシートを使うようにしてみたりもしたんですが、left,top-bar,left2などの部分などが上手くスタイルを反映してくれず、スタイルが大きく崩れてしまいました。ということで、暫定的にマイリスト内にstyleタグを置く手法を採っています。(Varid XHTML except for style tag ! (;_;) ということで。）

ボトムバーの方も同じような感じなんですが、今日は体力の限界だ～(+_+)。多分次回に。A bientôt !

2003-12-21

ページ内ナビを作ってみました～

ページ内ナビゲーションを向上させるための一案です。（懲りないですが(^^ゞ）

今回のは割りと簡単にページ内ナビを設置できる方法ではないかと思いますが、「簡単に」という言葉にもいろいろ意味がありまして、「楽」という意味では決してありません（笑）。

＜設置方法概要＞

ページ内ナビ用のマイリストをリンク型などで新しく作り、一番上に配置する。そのマイリストの項目としてページ内リンクを張っておく。次に、作ったリンク先の数だけさらに新しくマイリストを作成し、メモの表示方法を「テキスト表示」に設定し、それぞれのマイリストの項目のメモ欄にid属性などを使ってアンカーを埋め込む。最後にデザインの「並べ方」を使って目的リンク先の直ぐ上にマイリストたちを配置する。

（設置方法詳細も一応最後に付記しておきました。）

このページ内ナビ、作るのはめちゃくちゃ面倒でしたが、使ってみるとなかなか具合が良いので結構気に入ってます。しかし、いちいちマイリストを作ってしかも並べ直すのが非常に面倒だし、第一見た目が不細工です。最初から、例えば「最新のコメント」のタイトルの頭にid="new-comments"という感じで、カレンダーのように、それぞれのパーツの頭にid属性付きのアンカーが付いていてくれたらこんな苦労はしなくても済んだんですが…(T_T)。各パーツにid属性を振っていただけるよう、ココログスタッフにお願いしたいところです。

# でも、12/15でスタッフの要望受付コメントのコーナーは終わってしまったし、どうすればいいんでしょう…。あ、まだコメントしつづけられているみたいですね。なら私もトラックバックしておきます。ということで宜しくお願いします。_(._.)_

…

＜設置方法詳細＞

1. まず、「NAVI（名前は任意。以下同様）」という新しいマイリストを（リスト型で）作ります。
（リストができたら直ぐに公開し、「高度な設定」の「表示順」を「古いものが上」になるように設定しておいた方が後の作業がしやすいかもしれません。）

2. マイリスト「NAVI」に項目を追加します。例えば「最近のコメント」へのページ内リンクを張りたい場合、タイトルを「最近のコメント」、URLを"#new-comments"などとしてください。これを必要な数だけ繰り返します。なお、カレンダーについてはURLを"#calendar"とします。
（※）URLの#の後には「適当で一意になるような名称」をつけます。例えば、comments, trackback, left, center, right, banner, container等は既に使われているので使えません。
（※）自分はバックナンバーへのURLを"#back-numbers"としましたが、"自分のサイトのURL/ウェブログフォルダの名前/archives.html"というURLでもいいでしょう。例えばウチなら http://facet.cocolog-nifty.com/divers/archives.html です。

3. 次に、新たにマイリストを（リスト型で）作成します。リストの名前は例えば"new-comments"にします。リストができたら直ぐに公開しておき、続けて設定タブをクリックして「高度な設定」の「メモの表示」を「テキスト表示」にしておきます。次に管理画面に移り、できたマイリストに新しい項目を追加します。項目のタイトルは「（ページトップに戻る）」（または空欄）などとし、URLは #container （または空欄）などとします。そして、最後にメモ欄に <a name="new-comments" id="new-comments"></a> と書き込みます。
（※）タイトル名は、とりあえずNAVIリストの項目のURL名と揃えておいた方が後の処理がしやすいです。
（※）「ページトップに戻る」ナビをつけるときは、上記のようにURLを #container にすればいいと思いました。
（※）nameとidの両方の属性がある理由はこちら→Another HTML-lint 結果の解説）

4. 必要な数だけ3.を繰り返します。（※）ただしカレンダーについては上述の通り不要です。

5. 最後にウェブログのデザインの設定の「並べ方」で、マイリストを適宜配置します。NAVIは一番上、新しく作ったマイリスト（例えばnew-comments）は、該当するリンク先のマイリスト(例えば「最新のコメント」）の直ぐ上に配置します。

以上で一応完成です。後は適宜、名称を変更するなどして調整してください。

…

ということで、もしかしたら誰かの役に立つかもしれないので書いてみました。文章に関してもご批判いただけたらありがたいです(^^)。

Re:Valid な方法でサブタイトルにスタイルシート？

私もフルカワさんとtsupoさんのvalid/invalidに関するやりとりを興味深く拝見（拝聴？）していました。

…（2003-12-21加筆）…
・フルカワさん側から見た経緯：（まとめ）validに関する対話の流れ（投稿: 2003.12.21）
・tsupoさん側から見た経緯：ココログで独自スタイルシートを使う方法関連リンク集（投稿:by tsupo 2003.12.21 10:56 午後）
…（加筆ここまで）…

凹さんの凹日記: Re:Valid な方法で自分の作ったスタイルシートを使うことに成功と同じように、サブタイトルにスタイルを埋め込む場合の問題点の指摘をしようと思っていたんですが、文章を考えているうちに凹さんのこの記事を見つけてしまったので、あらたに再構成した上で、自分なりの考えを表明したいと思います。

結論から言いますと、

・気にするならサブタイトル内に</h2> ... <h2>などのようなタグは一切使わないでサイドバーを活用するなどの他の方法を模索する。
・サブタイトル内に</h2> ... <h2>方式を使うなら、空要素も気にせず、いろいろ試してみる。

というのがスッキリしていいのではないかなあと思いました。

以下にそう思うに至った経緯を述べます。

まず、コメントアウトと<についてですが、厳密なvalid指向の立場に立つならば、<[[CDATA ... < ... ]]>を使って解釈しないブラウザを切り捨てる。より現実指向ならば、を使う。というのがスッキリしているのではないかと感じます。(参考サイト：http://openlab.ring.gr.jp/k16/htmllint/notice.html#xhtml1 )

ちなみに、ウチのサイトで実験した限りでは、後者の方法でちゃんとjavascriptが動いてました。前者は未確認です。（IE5.01/win2000です。←<じゃなくて<を使っている現時点の凹さんのサイトのCSSも見えてます。）

また、凹さんの記事の最後の

それと、H2要素の内容が空だとvalidにならないんでしたっけ？（ふさわしくない記述法であることは明らかですが。）

という話に関してですが、少なくともW3CのValidaterは問題なく通りますね。 # まあ、そもそも、ValidであることとVaidaterを通ることは別物ですし、それを誤解させるようなW3CのＶalidaterの結果表示画面やValidバナーが混乱を大きくしている要因のひとつではありますね。

一方、上記のAnother HTML-lint のチェックでは減点されるようです。しかし、その結果の解説は私には曖昧でした。(http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html )

ということで、W3CのXHTML 1.0 transitionalのDTDを参照してみました。
(http://www.w3.org/TR/xhtml1/dtds.html#dtdentry_xhtml1-transitional.dtd_h2 )

その結果を抜粋すると、
…
<!ELEMENT h2 %Inline;>
…
 <!ENTITY % Inline "(#PCDATA | %inline; | %misc.inline;)*">
…
このあたりが該当個所だと思うんですが（DTDの文法を消化しきっていないので自信はないのですが）、最後に*がついているので「文法上は」空要素でもvalidなのかなと思いました。

ただ、h2タグに関しては、空要素だと「意味」をなさなくなってしまうので、意味を大切にする方向で進んでいるHTML4以降のMLとしては、validではないと言った方がいいような気もします。

そもそも、意味を大事にするということに主眼を置くならば、サブタイトルという名称自体からして、ブラウザに解釈させることを前提としたようなタグを入れること自体が好ましくないと考える方が自然であるように思われます。

というわけで、

・気にするならサブタイトル内に</h2> ... <h2>などのようなタグは一切使わないでサイドバーを活用するなどの他の方法を模索する。
・サブタイトル内に</h2> ... <h2>方式を使うなら、空要素も気にしない。

という風なのがスッキリしていいのではないかなあ…というのが私の考えです。

2003-12-26

動き出したMyblogList

MyblogListというものを使ってみているんですが、今まで更新状況がほとんど反映されず、あまり使えないなあと思っていました。

ところが、先ほどから急に更新状況が反映されるようになり、ビックリしてます。どこか経由でping情報でも拾ってくるようになったんでしょうか？
# まだMybogListのサイトのお知らせには何も出てませんが。

しかも、記事の新規投稿だけじゃなく、コメントの更新も反映されているような気がするのですが、気のせいでしょうか…。

なんにせよ、これで使い勝手がかなり良くなったかも(^^)。

2004-01-04

使用容量：１ヵ月で1.472MB (4.91%)か…

ssさん企画、SO505i Stand-by Disp: 使用容量アンケート開催への回答です。

【使用容量】 1.472MB / 30MB = 4.91% [2003-12-03/2004-01-03+]
【内訳】記事数： 121 | コメント数： 29 | ライター数： 1
ちなみに、記事数は、54が公開状態で残りは下書きです。クイック投稿をブックマーク的に使っているので(^_^;)。

画像は320x240ぐらいで数は一桁台ですが、本ログ内にアップロードしてます。

「概要」縮小対策済み。
（相原デジタルラボさん(?)の記事、日々電脳天気: ココログのレイアウト方法（２）を見て設定。）（Tigerさんの記事、あそびをせんとやうまれけむ: [Tips]概要が長いとお悩みの方は。経由）　# しかし、この「概要」ってのは概要って言えるんですかね…。ココログのシステムじゃ、単なる「本文の最初の部分」ですよね…。概要にするためには最初のパラグラフとして常に概要を書かなくてはいけませんね…。それが分かりやすい＆TBにやさしい記事形態であることは確かですが。

マイリストは多い方でしょうか。
この多い少ないも容量に影響してきそうですね。という意味でも、スクリプトとかスタイルシートとか、マイリストやタイトル部分はできるだけ外部ファイル化するのが良さそう。ただ、そうすると対応ブラウザが減ってしまうんでしょうか？（まあ、「ボックスの緑」なんか使っている私が気にすることではないかもしれませんが(^_^;)。）

あと、トラックバック数が分からないのはやっぱり悲しいですね。（メールで数えたら15。少ないと数えやすい(^_^;)。)

# 本当は昨日で１ヵ月だったので、昨日この記事を投稿したかったんだけど、忘れてました。昨日から今日これまでに公開した記事は１つ、加わった下書きは２、３個ありますが、まあ、それほど大きな誤差ではないでしょうということで_(._.)_。

2004-01-05

Re: ソースの文字化けをなんとかしたい

IE6/XPということは、メモ帳ですよね？何故文字化けするのか不思議ですねー、ホントに。

KOROPPYの本棚: ソースの文字化けをなんとかしたい

ウチのエディタは秀丸なんですが、同様な文字化け問題が発生してました。そこで秀丸の最新バージョンをインストールして、設定:「その他」→「動作環境」→「編集」→「文字コードの自動認識をする」とすると、読めるようになりました。（詳しい経緯はTigerさんちの伝言板（最も古い板）の最後の方のやり取りをご覧ください。）

また、最新版の秀丸は、インストール時にHTMLエディタやソースの表示用ソフトとして指定することができるので、なかなか優れものだと思います。

ただ、秀丸は（私はたまたま以前から使っていたのでいいんですが）いかんせんシェアウェアなので、フリーでということになるとどれがいいのか分かりません。コメント欄でkyorecobaさんが紹介されていたTeraPadというのや、サクラエディタというのはUTF-8にも強そうですが…。

秀丸からサクラエディタに乗り換えたとかいう話もあり、試しにサクラエディタをインストールしてみたところ、インストールままで問題なくUTF-8を判別してくれました(^^)。ただ、IE6の右クリックの「ソースの表示」に、このエディタを指定する簡単な方法があるかどうかが不明です。別のソフト（「窓の手」とか）で設定、でしょうか…。

# IE6/XPならメモ帳でUTF-8のソースを問題なく読み込みできるはずなので、普通はメモ帳でいいはずなんですけどね…。？？？

2004-01-13

ブログのポテンシャル

先端技術情報センター | 知識流通 : 「発明の前に発想があり、発想の前に発見がある」より

つまり、小さな発見をさっと文字あるいは写真などに定着させる仕組みやツール、次に、それをさっと取り出せるように蓄積する仕組み、そして、それらを自由に自在に組み合わせて比較検討できる仕組みが必要だと思うのだ。そういう具体的に使ってみられる道具がないと話だけで先に進むのは難しいなと思っているところだ。

この記事を読んで、これこそブログのポテンシャルじゃないか？……そう思った。

ブログを使うと日々の小さな発見を簡単に公開できる。それがいろんな人の発想を生み、その発想が公開されることでまた新たな発想が生まれている。ここまでは別に目新しいものではない。しかし、ブログでは、XMLをベースにしたお陰か、トラックバックやRSSリーダーといった様々なコミュニケーション促進ツールなどに代表される発明が結構頻繁に出現し、それらを使いこなすことによって更なる発明が生まれているように感じられる。

もちろん、今のブログが「自由に自在に組み合わせて比較検討できる仕組み」であるとは言えない。これからもっともっと改良していく必要があるだろう。また、そういうブログの既存ツール郡が「発明」であるかどうかも議論のあるところだろう。

しかし、ブログはそういう仕組みにまで発展する可能性がある、つまり、「知識共創」のプラットフォーム足り得るポテンシャルがある、そんな気がするのだ。

しかも、100年に一度といわれる偉大な発明が生まれる周期を短縮してくれるかもしれない、そんな期待さえ感じさせてくれる。

それが、「ブログ初心者」である私がこの記事を読んで改めて持った、いわゆるブログに対する今の印象。

ココログで大発明！？……そんな予感。(^^)

2004-01-18

サイドバーを折り返す

サイドバーが長くなっているので両サイドにしたいんだけど、左サイドバーを置くと重くなるし、音声ブラウザにもやさしくないかなと思い、右サイドバーだけにしています。対処療法としてNAVIを置いたんですが、最近の記事を一瞥してパッと知りたいという要望を受け、NAVIと最近の記事の両方を上部に一度に表示させたいと考えました。

ということで、やった小技：サイドバーの折り返し(^_^;)。

マイリストを使いました。まず、新しくマイリスト（リスト型）を作成。タイトルはステルス化しておきました。作成後、すぐに公開し、メモ欄をテキスト表示に設定。項目を追加で、タイトルを「（ページトップに戻る）」、URLを「# 」とし、メモ欄に下記を記入して保存。ウェブログのデザインの並び替えで、このマイリストを折り返したい地点に配置します~~すれば一応完了です~~。

</li>
</ul>
</div> <!-- .sidebar -->
</div> <!-- #right -->


<div id="right2">
<div class="sidebar">
<ul class="dummy">
<li>

~~なお、~~right2というdivを新しく作成しているので、CSSの#rightの部分をそっくりコピーした#right2を追加しています。~~無くても右端ならそれほど問題はないかと思いますが、若干デザインが乱れたりするかもしれません。~~以下のコードはあったほうが良さそうな感じです。

#right2 {
float: left;
width: 200px;
overflow: hidden;
}

また、上記だけだと折り返して新しくできたサイドバーの上部に間があいてしまうので、さらに .dummy { display:none; } も追加しています。

*** 追記　2004-01-18 23:00 ***

折り返すついでに、#rightを左サイドに飛ばして擬似的に両サイドバーにしてみました。なら最初から両サイドバーにすれば？との声も聞こえてきそうですが(^_^;)、まあ、いろいろ実験中ということで。
# 本当は#right2を左に飛ばしたかったんですが、IE5でどうしても上手くいきませんでした(;_;)。

2004-01-23

サイドバーを折り畳みたい

またサイドバーネタです(^_^;)。前回、「折り返す」というのをやったんですが（今思えば「折り返し」ているわけじゃないですね。その時はその表現がぴったりしているような気がしてたんですが。）、やっぱり長いものは長い。ということで、今度はタイトル(h2)だけを残してリスト部分(ul)を折り畳んでしまおう、という企画です。（企画だったのか）

----

javascriptとDOMの勉強がてら、ちょっと作ってみました。が、Mozilla Firebirdでは動くんですが、IE5/6では動いてくれませんでした。できたら結構便利だと思うんですが、どうしてもできませんでした。何処が悪いんでしょう？？？(;_;)　誰か教えてくださーい。_(._.)_

マイリストのテキストメモに、これを仕込んでます。

=== 追記 2004-01-24 :
肝心のscriptへのリンクを張るのを忘れてましたので、改めて。_(._.)_
http://facet.cocolog-nifty.com/divers/foldSidebarUl01a.js
=== 追記ここまで

----

このスクリプトを作っていて何度もマイリストを書き換えたりしていたので、巡回ソフトを使っている人にご迷惑をお掛けしたようです。この場をかりて_(._.)_。　（ローカルでやればいいんですが、IE6が手元になくリモートデスクトップを利用して確認してたもので(^^ゞ。）

本文の見出しを抽出したい

ええい。こちらも暫定公開(^_^;)。

実は、サイドバーを折り畳む小技と同時に、本文(#center.content)の見出しを抽出するスクリプトも作ってました。が、これもFirebirdでしか動いてくれず、しかもIE6ではfirstChildやchildNodesでエラー発生。何故だ、DOM……(;_;)。

ということで、こちらも泣きつこうという作戦。だれか教えてください。_(._.)_

これも、マイリストに下記を仕込んでます。

***　追記　2004-01-24　***
肝心のscriptへのリンクを張るのを忘れてましたので、改めて。_(._.)_

http://facet.cocolog-nifty.com/divers/extractContentHeadings01a.js

2004-01-26

本文の見出しを抽出するスクリプト

本文（というか#center.content部分）に含まれている見出し(h1〜h6)を全て抽出し、それぞれの見出しへのリンクが付いた一覧を作成して本文上部に挿入してくれるjavascriptです。

これまでIE6で動作してくれなかったのですが、前回の記事（本文の見出しを抽出したい）に頂いた山けんさんのコメントのお蔭で、晴れてこの問題を解決することができました。山けんさん、本当にありがとうございました。_(._.)_

ということで、本文の見出しを抽出するスクリプト version 01b (extractContentHeadings01b.js)として改めて公開することにします。

http://facet.cocolog-nifty.com/divers/extractContentHeadings01b.js

使い方は、右サイトバーのリスト型マイリストのメモ欄（テキスト表示設定済み）に下記のスクリプトを張り付けるだけです。（本文より後じゃないとちゃんと動作しないのではないかと思ってます。）

とりあえずこれだけで動作するように考えて作ったつもりなんですが、全然駄目かも知れませんので、そのあたりの不具合などをお知らせ頂けると嬉しいです。

現在までに、IE6/winXP、(Firebird 0.7, Mozilla 1.1)/Linux[Mandrake9.2]での動作を確認しました。IE5は、（ノートパソコンが故障してしまったため）まだ動作確認できてません。動作確認、大歓迎です。_(._.)_

また、このスクリプトは、スタイルシートをイジルことで見栄えを変更することができます。

現時点の当サイトでは、以下のスタイルを書き加えることによって、本文の右半分にボックス表示されるようにしています。

#content-headings {
float:right;
width: 45%;
border: solid 1px black;
background-color: white;
margin: 0px 0px 5px 5px;
padding: 5px;
font-size: x-small;
line-height: 120%;
}

また、今のスタイル（TypePad風）のままでは本文のリンクに下線が引かれるようになっているのですが、さすがに邪魔だったので下記のスタイルを追加して消しています。

#content-headings a {
text-decoration: none;
}
#content-headings a:hover {
text-decoration: underline;
}

さらに、ボックス内で階段状にインデントしたかったので、

#content-headings .level-2 {
margin-left: 5px;
}
#content-headings .level-3 {
margin-left: 10px;
}

というスタイルも加えました。.level-の後の数字が見出しレベルの数字に対応しています。Firebirdではきちんとインデントされるんですが、IE6では駄目でした。このあたりも修正したいんですが、まだ解決できていません。(T_T) (これもIE6だとclassNameにしないといけないのかもしれないですね…）

# 今回で見出しの抽出方法は分かったので、今度はセレクトボックス型のも作りたいなあと思っています。今回のボックス表示は、最初は結構いいかなと思ったんですが、一ページ内の記事数が多くなると邪魔くさいですからね(^^;)。

# また、サイドバーの見出し抽出も同じようにすればできそうですので、これもそのうち作りたいなと思ってます。

# なお、サイドバーを折り畳む方は、まだIEでの解決方法が見つかっていないので、まだまだ道のりは遠そうです(T_T)。tsupoさんに期待しよう（笑）。

サイドバーを折り畳むスクリプト

サイドバー(.sidebar)のマイリストのリスト部分を表示したり隠したりできるようにするjavascriptです。長くなる一方のサイドバーを折り畳んで短くしてくれるような効果があります。

これもIE6で動作してくれなかったのですが、またまた山けんさんのコメントのお蔭で解決することができました。山けんさん、本当にありがとうございます。_(._.)_

ということで、サイドバーを折り畳むスクリプト version 01b (foldSidebarUl01b.js)として公開させていただきます。

http://facet.cocolog-nifty.com/divers/foldSidebarUl01b.js

使い方は、サイトバーのリスト型マイリストのメモ欄（テキスト表示設定済み）などに下記のスクリプトを張り付けるだけです。このスクリプトより前にあるリストを折り畳んでくれます。

これだけで動作するはずですが、不具合があればお知らせ頂けると幸いです。現在までに、IE6/winXP、(Firebird 0.7, Mozilla 1.1)/Linux[Mandrake9.2]での動作を確認しました。IE5は（ノートパソコンが故障してしまったため）動作確認できてません。

コメントアウトされて見えない名前を持つリストや、カレンダーのように名前(h2)自体がないものは折り畳みません。また、バックナンバーみたいにリストの名前にリンクが張られているものもやはり折り畳んでいません。

# バックナンバーは、だんだん長くなるのが目に見えてますから、折り畳み対象にしてもいいかなあとも思ったんですが、せっかく専用ページがあるので何らかの形でそのページへのリンクを残さないともったいないなあなんて思ったり……。いいアイデアがあれば是非。

# 前回のスクリプトでは、本文の記事内のリスト(ul)も折り畳んでしまっているようです。一応そういう事の無いようにと思って作成してはいたんですが、記事内でh2の直後にulが来ると折り畳んでしまうような設計だったのは確かなので、今回のスクリプトでは少し修正してサイドバーに限定するようにしてみました。うまく働いてくれていればいいんですが。

念のため、以下にダミーリストを表示させておきます。これが~~開閉しなければ~~ 閉じてしまっていなければOKということで。

ダミーリスト名（h2要素）

ダミーリストアイテム１

ダミーリストアイテム２

ダミーリストアイテム３

*** 追記 2004-02-03 ***

このサイトはいろいろと実験中のことが多いので、もしかしたら上のリストの状態がいろいろと変わってしまっているかも知れません。御了承下さい。_(._.)_

2004-02-04

使用容量：２カ月で2.4MB(8.00%)

また一日遅れてしまったけど、２カ月経過したので記録。

現在ご利用中のプラン：ココログ
ご利用可能なディスク容量： 30 メガバイト
ご利用中のディスク容量： 2.4 メガバイト (8.00%)
ココログのご利用開始月： December 2003

記事数： 207 | コメント数： 64 | ライター数： 1
（公開記事数は91 ^^;)

ちなみに、一カ月経過時点のデータでは121(公開54)記事で4.91%だったので、ペースは少し落ちている模様。でも、ココログを始めた時は面白くてどんどん使っていたので、それを考えると結構使っているなあという印象。

使用容量：１ヵ月で1.472MB (4.91%)か…

… 追記 2004-02-04 18:05 …

ひっそりと日記にする予定だったんですが、どうも

ココログTips…じゃなくてfacetの雑記です

Bonjour!

ウェブログ・ココログ関連

2003-12-02

2003-12-03

2003-12-04