タグクラウドが 3D 空間で回転する WordPress のプラグイン WP-Cumulus を BlogEngine.NET ベースの自分のブログにも導入したくて、どうすれば可能か検討していました。

作者のサイト に有益な情報があって、公開されている tagcloud.swf をそのまま利用すれば WP-Cumulus と同様な 3D タグクラウドを BlogEngine.NET で実現するのは難しくないようです。

問題は日本語の表示で、オリジナルの tagcloud.swf は日本語のフォントに対応しておらず、日本 語のタグを設定すると表示されないことです。下の左側がそれです。

（注）右側の tagcloud.swf は Joomler!.net さんのサイト からダウンロードさせていただきました。有難うございました。

日本語を表示するには以下の３つの方法がありますが、どれも一長一短です。

1. フォントを tagcloud.swf に埋め込む。問題はサイズが大幅に増えることで、全部埋め込むと 2MB 近くになり、第一水準に制限しても 700 kB を超えてしまいます。作者も自分の ブログ で言っていますが、そもそもオモチャなのに 700 kB は重すぎます。
2. デバイスフォントの使用（埋め込まないで、クライアントの OS のフォントを使う）。上の右側がそれです。数 kB で済むみますが、問題は動きが極端に悪くなることと、後ろに行くほどモヤがかかったようになる本来の表現が失われることです。
3. （上記の折衷案として）ひらがなとカタカナのみ埋め込む。オリジナルの倍程度のサイズ（約 70 kB）ですみます。でも、漢字が使えないのでは・・・

オモチャと割り切って、かつ自分的には見栄えが一番大切ということで、とりあえずオリジナルのままのまま進めてみようと思っています。問題は、BlogEngine.NET の Widget にどのように統合するかですね。今度の週末にでもじっくり考えて見ます。

スタイルをちょっとだけ変更しました。多少はよくなったと思うのですが、いかがでしょうか。

右の写真が以前のスタイルです。写真をクリックすると原寸大のページが表示されます。

で、今ここに表示されているのが改善（？）した結果です。

結構一生懸命に考えた結果ですが、どうもこのへんが自分の限界のようです。やっぱり、デザイナのセンスがないと、これ以上はどうしようもないと感じている今日この頃です（笑）。

でも、本体の HP とのバランスを考えると、あまり大幅に変更するわけにもいかないし、悩ましいところです。

本体の HP のスタイルでは、昔のノート PC の解像度を考えて、幅を 760px に設定してあるのですが、最近の PC ならもっと幅を大きくした方がいいのかもしれませんね。

IE6 または IE8 で（IE5 以前、IE7 は試してません）、SyntaxHighlighter を使用しているページの URL にフラグメント識別子を追加して要求すると、HTML の title タグに設定したタイトルがフラグメント識別子に書き換えられてしまうという問題が見つかりました。

どうも IE と SyntaxHighlighter の相性の問題のようで、Firefox 3.6.3, Opera 10.53, Safari 4.0.5 では問題なかったです。

このブログで試すには、以下のリンクをクリックしてみてください。

タイトルがフラグメント識別子に書き換えられる例

ブラウザにはまず上記リンクの URL がタイトルとして表示され、次に受信した HTML コードの title タグに設定されたタイトル "SyntaxHighlighter" に書き換えられ��最後にフラグメント識別子 "#fragment" に書き換えられるはずです。

原因が特定できていませんが、クライアント側のみの問題で、SyntaxHighlighter 関係のスクリプトが動くとこの問題が起こるようです。でも、意図的に書き換えているわけではなさそうな感じです。

気にするほどのことでもなさそうですが、原因不明のまま放置するのも気分が良くないし、といって解決策は見つからないしで悩んでいます。