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

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

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

スマホ上では Flash Player が使えないため、スマホにも対応するため JavaScript を使ったものを探していて、再生できるものが見つかりました。

「jsShogiKifu」というものです。

こちらの GitHub にアクセスし、「clone or download」からZIPファイルで一式ダウンロードします。

https://github.com/knu/jsShogiKifu

解凍すると複数のフォルダ、ファイルが展開されますが、「test」フォルダにサンプルが入っているので、好みに合わせたものを選びます。テンプレートで指し手に対するコメントウィンドウの有り無しなどを選べるようになっています。

テンプレートは5つあり、それぞれ、

  • jquery_shogi_board.html  ← 棋譜データ・コメント有り(コメント位置:サイド)
  • jquery_shogi_board_mate_problem.html  ← 棋譜データ・コメント有り(コメント位置:下部)
  • jquery_shogi_board_min.html  ← 棋譜データ・コメント無し(盤面のみ)
  • jquery_shogi_board_no_comment.html  ← 棋譜データ有り・コメント無し
  • jquery_shogi_board2.html  ← jquery_shogi_board_mate_problem.html とほぼ同じ?

となっています。

今回は、コメントウィンドウは必要なかったので、jquery_shogi_board_no_comment.html を指定しました。

sample.html などを参考にして、以下のような html ファイルを用意しました。

「./081217-h.kif」のところで、棋譜ファイルを指定しています。

棋譜のファイル形式は、以下の3つに対応しているようです。

KIF形式:プロ棋戦、将棋倶楽部24等で広く用いられている形式。各指手ごとの消費時間の指定もできる。
KI2形式:指手の表記方法が日本将棋連盟準拠である。各指手ごとの消費時間は指定できない。
CSA形式:コンピュータ将棋の棋譜で用いられている形式。各指手ごとの消費時間の指定もできる。

今回は、KIF形式のサンプルを用いました。

無事、ブラウザ上で棋譜を再生することができました。

関連記事

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

以前、将棋の棋譜をブラウザ上で再生する方法 を紹介しました。同様に、囲碁の棋譜再生も JavaScr

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

Message

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

【転移学習】学習済みVGG16 による転移学習を行う方法【PyTorch】

今回は、PyTorch を使って、学習済みのモデル VGG16 を用い

【PyTorch】畳込みニューラルネットワークを構築する方法【CNN】

今回は、PyTorch を使って畳込みニューラルネットワーク(CNN)

【PyTorch】ニューラルネットワークを構築する方法【NN】

今回は、PyTorch を使って、ニューラルネットワーク(NN)を構築

【OpenCV】検出した顔画像部分を切り出す方法【Python】

OpenCV を使って、Python で画像の中から顔部分を切り出した

【Fashion-MNIST】ファッションアイテムのデータセットを使ってみた【TensorFlow】

今回は、機械学習用に公開されているデータセットの1つである「Fashi

→もっと見る

PAGE TOP ↑