狼将棋のブログ

まあさ

将棋ウォーズの棋譜をkif形式テキストで表示するブックマークレットを書いてみました。

将棋ウォーズ棋譜表示 ←これです。

テキストは以下。


将棋ウォーズの棋譜ページでブックマークレットを実行すると、消費時間も反映したkif形式テキストを表示します。(棋譜再現の画面は消えます。リロード等で戻って下さい)

MacOSXのSafari,Firefox,Chromeで動作確認してます、Windowsでは確認してませんがたぶん問題ないはず。
 

将棋の局面図をsvgで書けないかと前々から考えていたのだが、HTML内にbod形式テキストで書いておいて、Javascriptで自動でsvgに書き換えさせれば色々と便利なのでは、と思い立ったのでやってみる。

【第1図】初期配置
後手の持駒:なし
  9 8 7 6 5 4 3 2 1
+---------------------------+
|v香v桂v銀v金v玉v金v銀v桂v香|一
| ・v飛 ・ ・ ・ ・ ・v角 ・|二
|v歩v歩v歩v歩v歩v歩v歩v歩v歩|三
| ・ ・ ・ ・ ・ ・ ・ ・ ・|四
| ・ ・ ・ ・ ・ ・ ・ ・ ・|五
| ・ ・ ・ ・ ・ ・ ・ ・ ・|六
| 歩 歩 歩 歩 歩 歩 歩 歩 歩|七
| ・ 角 ・ ・ ・ ・ ・ 飛 ・|八
| 香 桂 銀 金 玉 金 銀 桂 香|九
+---------------------------+
先手の持駒:なし
【第2図】90手目☖2一飛まで
後手の持駒:飛 金二 銀 桂
  9 8 7 6 5 4 3 2 1
+---------------------------+
|v香v桂 ・ ・ ・ ・ 銀v飛v香|一
| ・v金 ・ と ・ 杏 ・ ・v玉|二
|v歩v歩 ・ ・ ・ 全v桂v歩v歩|三
| ・ ・ ・ ・ ・ ・v歩 ・ ・|四
| ・ ・v歩 歩 ・v歩 ・ ・ ・|五
| 歩 ・ ・ ・ 歩 ・ ・ ・ ・|六
| ・ 歩 ・ ・ ・ 歩 歩 歩 歩|七
| ・ ・ ・v馬 ・ ・ 銀 玉 ・|八
|v馬 ・ ・ ・ ・ 金 ・ 桂 香|九
+---------------------------+
先手の持駒:歩二

<figure class="svgban"><figcaption>図の題名</figcaption><pre>bod形式の局面図テキスト</pre></figure>で書いておけばJavascriptで綺麗な図面に変換する仕組みだ。

局面図の画像を事前に用意しなくても、記事を書きながら必要な箇所に局面図を差し込めるのでかなり便利なのではないかと思う。
また、タイトル部分(「【第2図】90手目☖2一飛まで」等)をクリックすると、元のbod形式テキストを表示するようにしている。これにより、記事を見た人が局面図をコピーして自分の将棋ソフトで簡単に局面を再現出来るようになる。これは画像で局面図を貼るよりも大きな利点だと思う。

なお、inline-svgが利用できないブラウザ(IE8以前など)や、設定でJavascriptをオフにしている環境でも、そのままbod形式テキストを表示するだけなので、図が読めないということもないから問題ないだろう。

最終手で移動した駒の太字表示や、現在は先手後手に固定している名前の個別指定など、まだ多少の改良の余地があるので、数日中にはそこまで仕上げたいと思っている。

8/7 26:30追記
太字表示、名前変更機能を追加し、図面サイズを調整してみた。以下サンプル。

【第3図】7三銀まで
後手:モ娘狼軍
後手の持駒:なし
  9 8 7 6 5 4 3 2 1
+---------------------------+
|v香v桂 ・ ・ ・v玉 ・v桂v香|一
| ・v飛 ・ ・ ・ ・v金 ・ ・|二
|v歩 ・v銀v歩 ・v金v銀v歩v歩|三
| ・v歩v歩v角v歩v歩v歩 ・ ・|四
| ・ ・ ・ ・ ・ ・ ・ ・ ・|五
| ・ ・ 歩 ・ 歩 角 歩 歩 ・|六
| 歩 歩 銀 歩 銀 歩 ・ ・ 歩|七
| ・ 玉 金 ・ 金 ・ ・ 飛 ・|八
| 香 桂 ・ ・ ・ ・ ・ 桂 香|九
+---------------------------+
先手:KGT
先手の持駒:なし
手数=30  ▽7三銀  まで
【第4図】90手目2一飛まで
後手:モ娘狼軍
後手の持駒:飛 金二 銀 桂
  9 8 7 6 5 4 3 2 1
+---------------------------+
|v香v桂 ・ ・ ・ ・ 銀v飛v香|一
| ・v金 ・ と ・ 杏 ・ ・v玉|二
|v歩v歩 ・ ・ ・ 全v桂v歩v歩|三
| ・ ・ ・ ・ ・ ・v歩 ・ ・|四
| ・ ・v歩 歩 ・v歩 ・ ・ ・|五
| 歩 ・ ・ ・ 歩 ・ ・ ・ ・|六
| ・ 歩 ・ ・ ・ 歩 歩 歩 歩|七
| ・ ・ ・v馬 ・ ・ 銀 玉 ・|八
|v馬 ・ ・ ・ ・ 金 ・ 桂 香|九
+---------------------------+
先手の持駒:歩二
先手:相手
手数=90 △2一飛まで

狼将棋ブログでの使い方は、また明日にでも書きたいと思う。

なお、MacOSX以外でのチェックをしていないので、表示がおかしい等ありましたら教えて下さい。 

安倍さんを見習って自己紹介などを…
と思って下書きしてたらいつのまにかshimaさんにも先を越されてた。でも、安倍さんが竜王戦の第3局の感想を書く前にはなんとか…

名前:茉麻(24HN : maasa. )

●将棋
棋力:24では中級タブの下の方にいます
戦型:居飛車
年に数えられるくらいしか指さない(リレーに出るとき頑張るくらいだ)けど、定跡本とかは好きでよく読んでる(研究してるわけではない)。小学生の時以来リアルで将棋指したこと無い。

2002年頃からの狼住人、2008年秋に狼将棋スレからあじゃ盤を開いてしまって今に至る。
数年前からアニメに嵌まり始め、ハロプロに疎くなり、声優に詳しくなってしまった。

最近は「ふれ盤」をどうするか悩んでいる。

(11/10追記 最初に下書きした日時11/2付けのまま公開してしまい、時系列的におかしくなってたので、実際に公開したくらいの日時に設定し直しました。)

このページのトップヘ