Whining Express

<< 2009-06-07 >>

はてなブックマークを使わなくなってだいぶたちますが、ときどきは過去にブックマークしたページを参照したい時もある。そういうわけで、はてなブックマークからエントリーを抜き出したテキストファイルを保存して hbookmark.txt としてデスクトップに置いてあるのだけど、これって人に見られたらひじょうに誤解されそうなファイル名だよなあ、と最近気づいた。

同様の経緯でデスクトップには hantenna.txt というファイルもある。

漢文用スタイルシートのテスト

古文ブログで使う用。古いスタイルシートがキャッシュで残ってると適用されないので、下の例と同じにレンダリングされてる時はリロードしてみてください。

子曰^ク、「有^ル_レ徳者^ハ必^ズ有^リ_レ言。有^ル_レ言者^ハ不_二必^ズシモ有^ラ_一レ徳。仁者^ハ必^ズ有^リ_レ勇、勇者^ハ不_二必^ズシモ有^ラ_一レ仁。」（論語）

南宋^ノ朱熹、学問老^イテ而弥^々篤^シ。学者共^ニ詩_二-宗^トシ之^ヲ_一、称^シテ為^ス_二晦庵先生^ト_一。（十八史略）

未ズ^ダ_二始^ヨリ不^ンバアラ_一レ如^クナラ_レ是^ノ。（未だ始《はじめ》より是《かく》の如くならずんばあらず。）

新^タニ裂^ケバ_二斉（サイ）^ノ紈（ガン）素（ソ）^ヲ_一
皎（コウ）潔（ケツ）如^シ_二霜雪^ノ_一

（怨歌行）

このマークアップはスタイルシートに対応してないブラウザでは次のようになる。これでも読めなくはない（これ重要）。漢文スタイルシート適用版では、送り仮名がよほど長くない限り本文の漢字が等間隔に並ぶので、読みやすくなってるんじゃないかと思う。

子曰^ク、「有^ル_レ徳者^ハ必^ズ有^リ_レ言。有^ル_レ言者^ハ不_二必^ズシモ有^ラ_一レ徳。仁者^ハ必^ズ有^リ_レ勇、勇者^ハ不_二必^ズシモ有^ラ_一レ仁。」（論語）

南宋^ノ朱熹、学問老^イテ而弥^々篤^シ。学者共^ニ詩_二-宗^トシ之^ヲ_一、称^シテ為^ス_二晦庵先生^ト_一。（十八史略）

未ズ^ダ_二始^ヨリ不^ンバアラ_一レ如^クナラ_レ是^ノ。（未だ始《はじめ》より是《かく》の如くならずんばあらず。）

新^タニ裂^ケバ_二斉（サイ）^ノ紈（ガン）素（ソ）^ヲ_一
皎（コウ）潔（ケツ）如^シ_二霜雪^ノ_一

（怨歌行）

マークアップは次の通りで、まあ面倒であることはたしか。（80桁で改行入れてます。）

<p><span class="kanbun">子曰<sup>ク</sup>、「有<sup>ル</sup><sub>レ</sub>徳者<s
up>ハ</sup>必<sup>ズ</sup>有<sup>リ</sup><sub>レ</sub>言。有<sup>ル</sup><sub>
レ</sub>言者<sup>ハ</sup>不<sub>二</sub>必<sup>ズシモ</sup>有<sup>ラ</sup><sub>
一レ</sub>徳。仁者<sup>ハ</sup>必<sup>ズ</sup>有<sup>リ</sup><sub>レ</sub>勇、
勇者<sup>ハ</sup>不<sub>二</sub>必<sup>ズシモ</sup>有<sup>ラ</sup><sub>一レ</su
b>仁。」</span>（論語）</p>

<p><span class="kanbun">南宋<sup>ノ</sup>朱熹、学問老<sup>イテ</sup>而弥<sup>々
</sup>篤<sup>シ</sup>。学者共<sup>ニ</sup>詩<sub>二</sub><span class="cat">-</s
pan>宗<sup>トシ</sup>之<sup>ヲ</sup><sub>一</sub>、称<sup>シテ</sup>為<sup>ス</
sup><sub>二</sub>晦庵先生<sup>ト</sup><sub>一</sub>。</span>（十八史略）</p>

<p><span class="kanbun">未<span class="ruby">ズ</span><sup>ダ</sup><sub>二</sub
>始<sup>ヨリ</sup>不<sup>ンバアラ</sup><sub>一レ</sub>如<sup>クナラ</sup><sub>
レ</sub>是<sup>ノ</sup>。</span>（未だ始《はじめ》より是《かく》の如くならずん
ばあらず。）</p>

<div class="kanbun">
<p>
新<sup>タニ</sup>裂<sup>ケバ</sup><sub>二</sub>斉<span class="ruby">（サイ）</s
pan><sup>ノ</sup>&#x7d08;<span class="ruby">（ガン）</span>素<span class="ruby"
>（ソ）</span><sup>ヲ</sup><sub>一</sub><br>
皎<span class="ruby">（コウ）</span>潔<span class="ruby">（ケツ）</span>如<sup>
シ</sup><sub>二</sub>霜雪<sup>ノ</sup><sub>一</sub><br>
</p>
</div>
<p>（怨歌行）</p>

問題は IE6 でどう見えるかだが……。