KMLとは、Googleさん主導で考案されて、今や標準規格となった緯度経度なんかの地理情報を表すフォーマットです。Google　Earthなんかも使ってます。

で、XMLHttpRequestでKMLを読み込んで、取得した緯度経度列を画面上にプロットするまでは簡単だったんだけど、Firefox限定でなにかおかしい。や、XMLHｔｔｐRequestって時点でFirefoxというか非IEなんだけども。

この時はIEとFirefoxで確認していたんだけど、GoogleEarthで作成したKMLが、IEだと最後まで表示されているのだけど、Firefoxでは途中までしか表示できない。

ちなみに、IE側での描画はVML、FirefoxはCANVASでやっていたんだけど、どうやってもFirefoxが最後まで描画できない。

どうも座標数が増えると描画できないようなので、じゃあいくつまで表示できてるのよ、と数を数えてみると、きっちり４０９６bytes。どう考えてもあやしい。あやしすぎる。

IEでは表示されてるからKMLには問題ない。ということはFirefoxでは4096byteまでしか取得できないとかいうはてなな仕様なのかも、と思ったらどうやらそのとおりらしい。まじすか。

正確には、4096byteを超えると、それ以降は勝手にノードが分割されて格納されるらしい。

つまり取得時にfirstNode.nodeValueに格納すれば本来済むところを、

childNodes[n].nodeValue

n=byte数/4096ということなっているというザマ。超めんどくせーお話。

今までXMLを読んでるときはあんまり４０９６を超えないから気がつかなかったけど、KMLで扱うのは座標列なんで、座標数１００をこえれば、まあだいたい4096byteの上限だ。

手っ取り早く読み込むためにここでnormalizeしてあげる。

xmldoc =xmlhttp.responseXML;
if (typeof(xmldoc.normalize) != “undefined”) {
xmldoc.normalize();
}

こんな感じで書いたら、無事４０９６byte以降も読み込まれました。

ｎormalizeってのは要するに、同階層のノードをひとまとめにするものだけど、本来１ノードであるものをFirefoxが勝手に分割しちゃってるのに、それをこちらで尻拭いのようにnormarizeするのはなんだかなあ、と思わないでもないけど、読めなきゃしかたがない。

なので、一塊がめちゃめちゃ長いXMLやKMLをFirefoxで読み込む時はnormalizeをするってのがお約束。ひとつ学んだね。テストでるよ？でないけど。

ところで未確認なのだけれど、4096byteを超えても、jsonだと問題ないらしい。どんだけやねん。

ちょっと前から「これはいい！」なんて声を聞いていたのでちょっと試してみた。

今日のエントリーはFirefoxユーザー以外は読んでもなんのこっちゃかさっぱりイミフなので、「僕はIEしか使わない！」とか「テキストブラウザこそ至高！」「OPERA!OPERA!」な人たちは帰ってください。嘘です。ちょっといきがってました。すいません。

Ubiqutyの説明はこのあたりのサイト様が詳しいです。

ブラウザの新境地？Ubiquityが変える衝撃のブラウザ体験

FireFoxプラグイン「Ubiquity」に大量のコマンドを登録して日本のサイトを一発で開くすごい方法

タイトルからもうアツすぎてあてられそうです。

ようするに、ブラウザの動きをコマンドラインで制御するランチャーみたいなもので、javascriptを書けば簡単なアプリ的なものもつくれるよー、って事です。

まずはUbiquityをインストールしてみましょう。

Ubiquityのダウンロードはこちら

ものは試しに、GJ!でいただいた拍手数をブラウザからすぐに確認できるようにしてみます。

 WindowsではCtrl＋スペースでコマンド入力のプロンプトが開きますので、command-listと入力して、コマンド入力画面に移ります。

今回はGJ!のcgiとXMLを介して会話することになるので、通信周りの実装とXMLのパーシングをしています。

CmdUtils.CreateCommand({<br /> //gj.phpへのパスを記述<br /> phppass: "http://hoge.com/gj.php",<br /> name: "gjranking",<br /> description: "GJ拍手数表示",<br /> help: "GJ!の拍手数表示を表示します。",<br /> icon: "http://hmlab.info/minor/php/gj/img/gjlogo.gif", takes: {parameter: noun_arb_text},<br /> /*<br /> * プレビュー：拍手数ランキングを表示するよ！<br /> */<br /> preview: function( pblock ) {<br /> var msg = ‘<p><bold>GJ! Ranking</bold></p><table>’;<br /> var $ = jQuery;<br /> var url = this.phppass+"?mode=xml";<br /> $.get(url, function(response) {<br /> var res = $("items", response); res.find(‘item’).each(function(){<br /> var data = $(this);<br /> msg += "<tr><td><a href=’" + data.find(‘ _fcksavedurl=’" + data.find(‘pageurl’).text() +"’>" + data.find(‘pagename’).text() + "</a></td><td>" + data.find(‘count’).text()+"</td></tr>"; });<br /> msg +="</table>"; jQuery(pblock).html(msg) .css("color","#ffffff") .css("background-color","#000000") }, "xml");<br /> },<br /> /*<br /> * 実行：パスワード入力で管理画面に飛ぶよ！<br /> */<br /> execute: function(pass) {<br /> var url = this.phppass+"?mode=show&"+pass.text; Utils.openUrlInBrowser(url);<br /> }<br /> })<br />

ソースはこんな感じです。

使用される場合、phppassの中身を自分のgj.phpのアドレスに書き換えてください。

それ以外はコピペで問題ないです。

コマンド入力から「gjranking」と入力すると（実際はインクリメンタル検索で、入力途中に表示されます）

今までは管理画面からしか確認できなかったのが、どこからでも確認できると言うライフハック。

更に、gjrankingの後に半角スペースを空けて、パスワードを入力してリターンを押せば、そのまま管理画面へとジャンプしますので、GJ!を使ってらっしゃる方でFirefoxユーザー、かつUbiquityユーザーの方は（ニッチ過ぎる！！）お使いいただければ便利かなと思います。

というか、Addonという形なのでブラウザの制限が適用されないので、実装はjavascriptなのに別ドメインのデータにアクセスできるってのは新鮮で良いですね。いろいろ遊べそう。

気になるのはUbiquityのバージョンコード。バージョン０．１ってどんだけー。

Firefox 3 Hacks Mozillaテクノロジ徹底活用テクニック
	江村 秀之 オライリージャパン 2008-08-27 売り上げランキング : 1701 Amazonで詳しく見る by G-Tools

Opera対応を夜中までかかってなんとか（無理繰り）終わらせて、床についたわけですよ。
ま
だ見ぬsafariでのサイトの見え方に一抹の不安を拭いきれないでいたのだけれど、いや、多分大丈夫さ、きっとSafari君はできる子。なんていって
もあのスティーブジョブスが生み出したブラウザだもの、なんて根拠の無い励ましで自分を落ち着かせてなんとか眠りについたんですよ。

一夜明けて。

サイトをご覧になった方からこんな心温まるコメントが僕の元に届きました。
（以下コメント欄より抜粋。inetgate様ご指摘感謝します）

こんにちは。

Safari(3.0.4)の場合、Windows版Safariだと字化けしますが、OSX版Safariだと正しく表示されるようです。

ご参考まで。

( ・ω・)・・・

Safari(3.0.4)の場合、Windows版Safariだと字化けします

( ﾟ д ﾟ)・・・

OSX版Safariだと正しく表示されるようです

　　　　ﾟ　ﾟ　ｽﾎﾟｰﾝ

( 　д　) 　　

あかん・・・もうおかあちゃん、無理かも知れんわ・・・

まあ、Win版Safariはまだベータだし、問題が残っているのは承知しているけど、お願いだからOS違いの同じブラウザで表示が違うってのは勘弁してくださいジョブスさん。

もうさ、みんな、ブラウザはひとつにしよ？
もう２１世紀なんだし、争うのなんかやめてさ。僕達、おんなじブラウザじゃないか。
なに？独自性？優れたユーザビリティ？先進の拡張性？
黙れ猪口才な！

ようし、わかった。

こうなったら、年に一度、その年どのブラウザが一番優れているかを決める大会を開こうじゃないか。天下一武道会的な。
で、その年のチャンピオンに決まったブラウザの仕様にみんな従うの。どんなに理不尽で、許せないクソ解釈でも、王の決定は絶対。
はぁ？W3C？知らんなぁ、もう君、マサチューセッツに帰りなさい。
で、年が変わるごとにチャンピオンが変わって、仕様がコロコロ変わって余計に苦労するという素敵ングトラップ。

天下一武道会ってより幽☆遊☆白書の魔界トーナメントみたいだけど。または金色のガッシュ。あなたが優しい王様になればいいじゃない。

ええい、ブラウザ界を統一しようという、現代のアレキサンダーはどこかにおらんのか。

ブラウジングはFlashベースで行うべき、HTMLなんて滅びろといったなんとも乱暴な論調のスレ主がいるスレを最近みたけど、こういう時はその意見に少し賛同したくなる。Flashならクロスブラウザも吸収してくれるでしょ？

で、一応Win-Safariをダウンロードして確認しました。うん、文字化けってるね。
ブログではなくて、MyMiniCityブログパーツが文字化けってました。
safari以外のブラウザはiframeの中も自動判別して問題ないんだけど、Win-safariはしてくれなかったぽい。
なので、PHPから出力する時にcharsetを指定するようにしました。
こちらの環境（XP＋safari）では問題ないようだけど、どうでしょうか。