囲碁|ブラウザ上でJavaScriptを使って棋譜データを再生する方法【WGO.js】

公開日: : 最終更新日:2018/05/05 プログラミング , , , , ,

以前、将棋の棋譜をブラウザ上で再生する方法 を紹介しました。同様に、囲碁の棋譜再生も JavaScript でできないかなぁと探していたところ見つかったので紹介します。

WGo.js というものです。

WGo.js のページ「http://wgo.waltheri.net/」。

JavaScript 等のファイルは GitHub に置いてあるので、以下の URL からダウンロードした方がいいかと思います。

https://github.com/waltheri/wgo.js

「Clone or download」ボタンで ZIP 形式でダウンロードできます。

WGo.js は、SGFファイル形式の棋譜データを読み込み、ブラウザ上で再生します。

SGF とは、「Smart Game Format」の略で、インターネットで標準となっている棋譜のファイル形式です。

(;
GC[第26回名人戦 挑戦手合第3局(主催 朝日新聞)]PB[依田紀基]BR[名人]PW[林海峰]WR[九段]KM[5.5]DT[2001-9-26,27]RE[W+0.5];B[qd];W[dp];B[cd];W[qp];B[op];W[mp];B[on];W[qn];B[pl];W[gq];B[qm];W[pn];B[om];W[nc];B[pq];W[qq];B[rm];W[rn];B[od];W[pb];B[nd];W[mc];B[kd];W[md];B[me];W[le];B[ld];W[mf];B[ne];W[qc];B[rd];W[lf];B[lb];W[rc];B[oh];W[ie];B[ic];W[mi];B[jf];W[jh];B[if];W[pm];B[ol];W[lm];B[ck];W[ge];B[fc];W[ed];B[ec];W[dd];B[dc];W[ce];B[bd];W[ek];B[di];W[fi];B[hf];W[dh];B[ch];W[cg];B[ci];W[eh];B[cn];W[gd];B[hb];W[id];B[ke];W[dn];B[co];W[do];B[lk];W[mk];B[ml];W[ll];B[mj];W[lj];B[nk];W[kk];B[pd];W[mb];B[li];W[mk];B[ob];W[oc];B[lk];W[kj];B[lq];W[mq];B[mr];W[lp];B[kr];W[kq];B[lr];W[jq];B[mh];W[ql];B[rl];W[ni];B[oi];W[qk];B[rk];W[qg];B[qj];W[ng];B[og];W[nh];B[ih];W[qr];B[nq];W[cp];B[dm];W[dl];B[cl];W[em];B[ij];W[nj];B[pc];W[qb];B[ma];W[oa];B[fg];W[ef];B[bp];W[bq];B[gj];W[bg];B[cm];W[oj];B[pj];W[be];B[jr];W[mk];B[nf];W[hr];B[fl];W[or];B[pr];W[ps];B[nr];W[hm];B[lc];W[nb];B[gm];W[gn];B[el];W[fm];B[gl];W[hl];B[fj];W[sd];B[se];W[sc];B[re];W[ad];B[bb];W[ir];B[bo];W[aq];B[eg];W[dg];B[ff];W[ee];B[bh];W[ae];B[hn];W[go];B[jl];W[hk];B[jk];W[jm];B[ok];W[lh];B[km];W[jn];B[ei];W[fh];B[sn];W[so];B[sm];W[rp];B[ac];W[gc];B[gb];W[cc];B[bc];W[cb];B[db];W[hj];B[hi];W[gk];B[fk];W[gi];B[ej];W[ca];B[da];W[im];B[la];W[na];B[ii];W[kf];B[je];W[jg];B[kl];W[kn];B[po];W[qo];B[mn];W[no];B[oo];W[mm];B[nn];W[ig];B[hg];W[jc];B[jd];W[ah];B[ai];W[ag];B[lo];W[ko];B[mo];W[ji];B[cq];W[cr];B[np];W[kp];B[he];W[hd];B[jb];W[hc];B[ib];W[js];B[ks];W[is];B[ns];W[os];B[nm];W[nl];B[dq];W[eq];B[ml];W[bi];B[bj];W[nl];B[dr];W[er];B[ml];W[jj];B[ik];W[ln];B[ap];W[qs];B[nl])

SGF の仕様については、以下に詳しく載っています。

http://www.geocities.jp/nakamiya_town/SGF.html

GitHub からダウンロードしたZIPファイル「wgo.js-master.zip」を解凍します。色々とフォルダやファイルがありますが、必要なのは「wgo」フォルダのみとなります。

以下のような html ファイルを用意します。

「data-wgo=」で直接 SGF 形式を張り付けてもかまいません。ファイルのパスを指定しても読み込んでくれます。

以下のような画面がブラウザ上に表示されること確認します。

Game info に対局情報も表示されることが確認できました。

関連記事

将棋|ブラウザ上でJavaScriptを使って棋譜データを再生する方法【jsShogiKifu】

将棋の棋譜データをブラウザ上で再生する方法を調べて分かったことを紹介します。 スマホ上では F

記事を読む

no image

【ETL】手書き文字のデータベースをダウンロードしてみた

文字認識や筆者識別の研究を行う際、手書き文字のデータが必要になってきます。 そのあたりの研究を

記事を読む

【Linux】ファイルの文字コードを一括変換する方法|EUC-JP ⇒ UTF-8

Linux で、あるディレクトリ内のファイルの文字コードを EUC-JP から UTF-8 に一括変

記事を読む

【Raspberry Pi】Webサーバ apache を入れてみた【Linux】

ラズベリーパイで SSH を起動させ、Windows から SSH でアクセスできるように設定しまし

記事を読む

【Linux】ファイルの文字コードを調べる方法

Linux でファイルの文字コードを調べる必要があったので、その時のメモです。 いくつか方法が

記事を読む

Windows で Scala をインストールする。

Windows に Scala というプログラミング言語をインストールしたときのメモです。Java,

記事を読む

【Linux】文字化け対策に unar のインストールを試みた。

Windows で圧縮したファイルを Linux で解凍すると、文字化けが起こってしまいます。文字化

記事を読む

【情報処理学会】正会員から学生会員に変更する方法。

大学院に行くことになったので、入会していた情報処理学会を、 正会員から学生会員に変更

記事を読む

Linux|cp コマンドでディレクトリごとコピーし、ファイルの上書き確認されないようにする方法

Linux で cp コマンドを使って、ディレクトリごとコピーし、同一ファイル名があった場合に上書き

記事を読む

Apache の error_log で「(8)Exec format error: exec of 」エラー表示が出たときの対処法

Perl でウェブサイトを作っていて、Apache のエラーで少しはまったため、そのときのメモ。

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

【Python】pip3 で「cannot import name ‘main’」エラーが出たときの対処法。

Python でライブラリをインストールする際に、pipを使います。

【mecab-python3】parseToNode で surface が正しく取得できないときの対処法。

python3 で mecab-python3 を使うと、parseT

【Python】形態素解析器 Mecab を Linux(Ubuntu)で使ってみた。

Linux の Ubuntu OS に、形態素解析器 Mecab をイ

【Python】NLTK(自然言語処理ライブラリ)を使ってみた。

Python の自然言語処理ライブラリである NLTK を Linux

【Python】OpenCV を使って顔画像を検出してみた。

OpenCV のインストール Numpy のインストール [c

→もっと見る

PAGE TOP ↑