zekaoh's blog

将棋、雑記など

Kifu for JSを知る

Kifu for JSというものを知ったのでメモ。

こちらが開発者の方のページです。
na2hiro's devlog (仮): Kifu for JSを公開,AndroidやiOSで棋譜再生ができるように
github.com


要はスマホなどのブラウザではFlashの将棋盤が動かないので、棋譜データを元にJavascriptで将棋盤を動かそうというものですね。

やり方は上記ページにも書いてありますが、自分にはちょっとわかりにくかったのでこちらのページを参考にしました。

toybox.tea-nifty.com

一応ここにもやり方を書いておきます。

iPad Safariでのやり方
1 適当にブックマークを作る(例えばこのページ)
2 以下のコードをコピー

javascript:!function(){var s=document.createElement("script");s.src="https://na2hiro.github.io/Kifu-for-JS/out/public-bookmarklet.min.js",document.body.appendChild(s)}();void 0;

3 ブックマークの編集でURL欄にコピーしたコードをペースト。名前欄は「Kifu-for-JSブックマークレット」などなんでもいいと思います。

完了!

テストとして竜王戦のページを使いますかね。もうすぐ七番勝負も始まりますし。

2015年8月11日 挑戦者決定三番勝負 第1局 渡辺明棋王 対 永瀬拓矢六段|第28期竜王戦

このページで先ほどブックマークした「Kifu-for-JSブックマークレット」を使えば盤面が表示されると思います。

やり方はすごく簡単だったんですが、盤面を見てみるとiPad版の解説部分の文字がなぜだか薄い。

PC版 Google Chrome

iPadSafari

読めなくはないので大した問題では無いですが、どうしてこうなるのかは不思議ですね。
それと画像を見て気づいたんですが、iPad版は棋譜一覧の部分が表示されていません。これはちょっと問題ですか。


kif形式などのテキストをドラッグで選択してブックマークレットを使うと盤面が表示される機能もあるようです。
そこでテストとして我が激闘の棋譜を・・・

KI2形式

開始日時:2015/10/09 22:22:21
終了日時:2015/10/09 22:30:55
先手:ハム
後手:hokaze

▲7八金 △3四歩 ▲2六歩 △4四歩 ▲7六歩 △4二飛
▲2五歩 △3三角 ▲6九玉 △3二銀 ▲6八銀 △6二玉
▲4八銀 △7二玉 ▲5八金 △8二玉 ▲3六歩 △7二銀
▲3七銀 △4三銀 ▲4六歩 △5四銀 ▲2六銀 △3二飛
▲3五歩 △4三銀 ▲3四歩 △同 銀 ▲1六歩 △1四歩
▲5六歩 △4五歩 ▲3三角成 △同 桂 ▲4五歩 △6四角
▲3七歩 △3六歩 ▲1五歩 △4五桂 ▲5五角 △同 角
▲同 歩 △3七歩成 ▲同 桂 △同桂成 ▲同 銀 △3六歩
▲同 銀 △3五銀 ▲同 銀 △同 飛 ▲3八歩 △4六桂
▲4八金 △3九銀 ▲3七角 △2八銀不成▲4六角 △2五飛
▲1六香 △2七飛成 ▲3七歩 △1六龍 ▲5七金 △4九飛
▲5九銀打 △4六飛成 ▲同 金 △同 龍 ▲3三飛 △3七銀成
▲7七銀 △4九龍 ▲3七飛成 △5八金 ▲7九玉 △4六角
▲同 龍 △同 龍 ▲5八銀 △1九飛 ▲6九金 △5六香
▲5七桂 △同香成 ▲同 銀 △同 龍 ▲6六銀打 △5八龍
▲6八金寄 △2四角 ▲3七角 △6九飛成 ▲8八玉 △7八金
▲同 金 △同龍寄
まで98手で後手の勝ち

ひどい手多すぎワロタ
それにしてもハム強くなってないかな。