【アメブロネタ】羊を数える

夜寝る時に、羊を数えたことある？ ブログネタ：夜寝る時に、羊を数えたことある？ 参加中


幼稚園の年中の頃の話。たまたま親と同じ布団に入って寝ようとしていたとき。「眠れない」と言うと「羊を数えてごらん」と親に言われた。

数えたことがなかったので、「夜、柵を跳び越えて囲いの中に入っていく羊」を数えていた。
一匹目が柵を跳び越え、柵に入る。二匹目が柵を跳び越え、柵に入る。そうするとさっきの羊とあわせて２匹が柵内に居る。三匹目が柵を跳び越え、柵にはいると、さっきの羊とあわせて３匹・・というように、数えた羊を柵の中にため込んでいた。頭の中には「数」ではなく、「増えていく羊」の映像が広がっていった。
年中程度の幼稚園児が考える映像なんてたかだかしれている。そのうち柵の中に居る羊がいっぱいになってきて、柵から溢れそうになってきた。もうこれ以上羊を増やせないところまで増えてしまった。そこで半ベソで「羊がいっぱいで眠れない」と親に訴えた覚えがある。おそらく、その後直ぐに眠りについたのだろう、その先の記憶は親に優しい言葉をかけてもらったような記憶がおぼろげにあるだけだ。

その話、よほど面白かったらしく、後で折に触れて何度かその話を聞かされた。

教訓：羊を数えたらそのまま見失うべし

なんとかアメブロで数式を出したい（まずはlog関数）

アメーバブログで数式、取り急ぎlog関数を書きたい。底は表現できるが、乗数が表現できない。上の行に、とか裏技的ではなく、だ。
MathMLのCSSを取り込むのも手なのかも知れないが、それにはMathMLは資料が少ないうえ、分かりにくい。また、MathMLはFireFoxのみ対応とか、それも見るには工夫がいるとかいう噂があるようで、今回のニーズには合わない。
よって、今回はCSSを修正することで対応することにした。
classに階層構造とか作れるのかな？孫セレクタ？をネストするとできそうだな、とか、タグなんかも作れてしまうのかな？などと、子試行錯誤のうえ、CSSに次の行を追加した。

mathsign {
font-size: 16px;
color: #333333;
}
mathsign log{}
mathsign log jo {
font-size:8px;
vertical-align:super;
}
mathsign log tei {
font-size:8px;
vertical-align:sub;
}

で、アメブロのHTML編集で次のようにしてみた。

<div><mathsign><log>log<tei>2</tei>10<jo>3</jo></log></mathsign><div>

結果は・・

log2103


Opera 9.64、Safari 4.0 、FireFox 3.0.5 で確認したが、式っぽく見えるかと思う。こりゃ簡単でいいや！と思っていたのだが、IE 6 SP3 ではタグとして認識されていないようで、ただのテキストの羅列になる。

いまだIE 6.0 は現役である。特に、VBのコンポーネントとしてはまだまだ使われているケースを聞く。

CSSを変えるべきか、HTMLの書き換えで済むのか。できればCSSはこのままにして書きたいが、子孫セレクタを使った際の、classの書き方が分かってない・・。

試行錯誤を続けてみる。