囲碁このブログでは囲碁の棋譜ビューアとしてGoswfという、Flashのソフトを使っていたのですが、自分でiPadを使っている時にも当然見ることができなくて、さすがにそろそろまずいかなあと思っていました。ところが、じゃあJavaScriptなので何かないかと探しても、意外なことに適当なのがぜんぜん見つからないんですね(最初に探し始めたのは、1年ぐらい前だったような気がする...)。オールドファッションなEidoGoぐらいで、これは9路、13路、19路以外はちゃんと対応していないみたいです。Playerで棋譜再生ができます)。WGo.jshttp://wgo.waltheri.net/playerこんな感じで表示させることができます。WGo.js.クリックしないと対局結果が表示されないのは気が利いていますし、コメントに座標が含まれていれば、その座標にマウスオーバーすると、その場所が画面に示されるのは、ちょっとおしゃれです。以下、簡単に使い方の解説をします。ファイルをダウンロードしてきます。正式版では、パス(着手放棄)の扱いがおかしかったりするので、こちらから開発版を落としてきたほうが良いと思います(最新の開発版はこれはまたこれで、本当はできるはずの碁石の大きさの変更ができないような気がしますが...)。必要なファイルは、wgo/wgo.min.js、wgo/wgo.player.min.js、wgo/wgo.player.css、wgo/wood1.jpgだけです。単色の碁盤、もしくは自前の碁盤の画像を使う場合は、wood1.jpgも必要ありません。その場合は、後で説明するように、碁盤の設定をしてください。次に、ファイルをサーバにアップロードして、headタグ内で、wgo.min.js、wgo.player.min.js、wgo.player.cssをロードします。/>CMSなどを利用する場合は、絶対パスの方が良いかもしれません。wood1.jpgはwgo.min.jsと同じところに置いておきます(もしくは、後で説明するように、パスを設定してください)。最後に、ウェブサイトの棋譜ビューアを表示させたい所に、このように記述します。WGo.js.外部ファイルを読み込むこともできます。WGo.js.</div>初手以外を初期局面としたい場合は、このように記述します。WGo.js.デフォルトでは、碁盤の画像はwgo.min.jsと同じ場所に置かれているwood1.jpgが使用されますが、それ以外の画像を使いたい場合は、このように記述します。WGo.js.碁盤を単色にすることもできます。WGo.js.スタイルシートのwidthプロパティで、表示サイズを変更することができます。レイアウトも変わってしまう時があります(ちゃんと調べてないので、ちょっとよく分かっていません)。これ以外にも、WGo.jsはかなりいろいろとカスタマイズすることができ、この手のソフトに求められる機能は、ほぼ網羅されている気がします。詳しくは本家サイトで調べてみてください。WGo.jsは最低でも向こう5年、もしかすると向こう10年、問題なく使い続けることができるソフトだと思います。廃墟(笑)のようになったJavaを使ったウェブサイトとか、もう見たくありません(作られた時はものすごい労力がかかったでしょうに...)。Comments»はじめまして、にしもとと申します。javascriptで棋譜再現ソフト、いいですね。今sgf作成機能(自分で編集して、sgfをエクスポートする機能)がWGo内に無いかどうかを調べているのですが、そのような機能ご存知ですか?また、WGo以外でもWeb経由でSGFを作成できるファイルがないかな、と調べているのですがないでしょうか。12:14見落としていたら申し訳ありませんが、WGo.jsではできないと思います。22:36そのあと調べていたのですが、data-wgo-onkifuload属性でHTML上に表示することはできるっぽいです。commentNameご気軽にコメントしてください。