棋譜ビューア

すごく久しぶりの日記。
ちょっと頓挫してしまったプロジェクトのコードがもったいないからと残骸を組み立てて将棋の棋譜ビューアを作ってみました。
http://www.geocities.jp/flyinpng/kifuview/1_0_0/kifuview.html

使い方は、左上のloadを押して棋譜貼付けるだけ。
あとは右の棋譜クリックor矢印キーorマウスホイールで操作

先手：kilohand
後手：fivehands
▲２六歩△４二玉▲２五歩△３二玉▲２四歩s△４二飛▲２三歩成
まで7手で先手の勝ち

と、これだけじゃつまらないからと、ちょっと妙な仕掛けを試してみた。
ローカルにDLしても常に最新版が使える、自動更新機能付のHTMLファイル
http://www.geocities.jp/flyinpng/kifuview/kifuview.html ダウンロードしてからブラウザで開く
(2011/9/20 ↑間違って上書きしてしまったorz元データ無くしたし・・・ 最新版はこちら http://www.geocities.jp/flyinpng/kifuviewer/ )

初回起動時にHTMLアプリで必要になるhtml/画像/スクリプトをサーバーから取ってきて全部localStorageに保存。
次回以降は更新確認後、localStorageからindex.htmlとmain.jsを取り出して動く、という仕組み。
サーバーからデータを取得するのには、iframe(iframe内でXMLHTTPRequest)とpostMessage(異なるドメインのwindow同士での通信)を使った。
localStorageが汚れてしまう点が欠点。

この仕掛けが今後何かの役に立ってくれたらいいな
ソフトウェアのお気軽版をhtmlで配った上で、ソフトウェアアップデートも自動でできるとか。
ほむほむ。