aa記法の中身 - in between days

秋の足音が近づいているこの頃、芸術の秋ということではてなダイアリーでアスキーアート（AA）を簡単にきれいに表示させることができる「aa記法」を追加しました。
http://d.hatena.ne.jp/hatenadiary/20060914/1158224982

aa記法？えー、そんなもんでこの俺様が

　　　　　　　　　＼　　　∩─ｰ､ 　　　====
　　　　　　　　　　 ＼／　●　､_ ｀ヽ 　　======
　　　　　　　　　　　/ ＼(　●　 ● |つ
　　　　　　　　　　　|　　 X_入__ノ 　 ミ　　　俺様が釣られクマ――
　　　　　　　　　　　 ､　(＿／　　　ノ　/⌒l
　　　　　　　　　　　 /＼＿＿＿ノﾞ＿/　 /　　=====
　　　　　　　　　 　 〈　　　　　　　　 ＿_ノ　　====
　　　　　　　　　　　 ＼　＼＿　　　　＼
　　　　　　　　　　　　　＼＿__）　　　　　＼　　　======　　　(´⌒
　　　　　　　　　　　　　　　　＼　　 ＿＿_ ＼＿＿　　(´⌒;;(´⌒;;
　　　　　　　　　　　　　　　　　 ＼＿＿＿）＿＿＿）(´;;⌒　 (´⌒;;　　ズザザザ

クマ━━━(;´Д｀)━━━━!!!

ということで実体としてどうなっておるのか、っちゅうのを調べてみますた。

まず id:hatenadiary:20060914:1158224982 の AA該当部分のソースを見ると

<div class="ascii-art">
　　 ∩＿＿＿∩<br>
　　 | ノ　　　　　 ヽ<br>
　　/　　●　　　● |　クマ──！！<br>
　 |　　　　( _●_)　 ミ<br>
　彡､　　　|∪|　　､｀＼<br>
/　＿＿　 ヽノ　/´&gt;　 )<br>
(＿＿＿）　　　/　(_／<br>
　|　　　　　　 /<br>
　|　　／＼　＼<br>
　|　/　　　 )　 )<br>
　∪　　　 （　 ＼<br>
　　　　　　 ＼＿) <br>
</div>

となっておりまして

“>|aa|”は class="ascii-art" な div に変換
改行は br に変換

されてるっちゅうことがわかります。

んでこの ascii-art っちゅうスタイルがどこかで定義されているわけですな。

どんなテーマを使っててても適用されるように base.css にあるでしょう。

ということで http://d.hatena.ne.jp/css/base.css を見てみますと

div.ascii-art{
  font-size:12pt;
  line-height:18px;
  font-family: "MS PGothic","ＭＳ Ｐゴシック","MS Pｺﾞｼｯｸ","MS Pゴシック",sans-serif;
}

ＭＳＰゴシック キタ━━━━ヽ(´Д｀ )ノ━━━━!!!! って

そんだけかよ！

まあ考えてみりゃほかに日本製AAを正しく表記させるコツはないわな。

Wikipediaの「クマー」もソース見たら font タグで face="ＭＳＰゴシック" だし。

あと改良点があるとしたら br 入れないで pre にするとか……


　　 ∩＿＿＿∩
　　 | ノ　　　　　 ヽ
　　/　　●　　　● |　素敵よ、お客さん─────！！
　 |　　　　( _●_)　 ミ
　彡､　　　|∪|　　､｀＼
/　＿＿　 ヽノ　/´>　 )
(＿＿＿）　　　/　(_／
　|　　　　　　 /
　|　　／＼　＼
　|　/　　　 )　 )
　∪　　　 （　 ＼
　　　　　　 ＼＿)

「オ─、ノ────ッ！！！！」

追記

せっかくだから指定フォントに「モナーフォント」も入れるとええんでないですか？＞id:hatenadiary

　　　∧_∧ ■ 
　 　 (・ω・)丿　ｯﾊﾟ 
.　 ノ/　 / 
　　ノ￣ゝ

追々記

コメントで教えていただきましたが、どうやらモナーフォントも追加になったようです。

これで Mac OS X のひととかもＯＫなのかな？

あとこのエントリには続きがありますのでついでにこちらもどうぞｗ