将棋|ブラウザ上で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形式のサンプルを用いました。

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

関連記事

指定ディレクトリ以下のファイルの内容を一括置換する方法|Linux

簡単なウェブサイトを Perl 作っていて、開発環境が Windows で、公開する環境が Linu

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

no image

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

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

記事を読む

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

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

記事を読む

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 ↑