本サイトのご紹介

本サイトでは、ついたて将棋の棋譜を再生したり、対局を楽しんだりすることができます。これらの機能は、Webアプリ「つい盤」によって実現しています。

つい盤の特徴の1つとして、棋譜再生に関してはサーバーを使用せず、必要な情報はすべてURLクエリを通じて渡す設計にしている点が挙げられます。 例えば、つい盤のメニューからXに棋譜を投稿できますが、棋譜の情報はすべてURLに含まれるため、何年経っても変わらず棋譜を再生できます。 ぜひ #つい盤 で古いツイートも含めて検索してみてください！

また、つい盤は外部のブログやWebサイトに埋め込んで利用することも可能です。

このページでは、つい盤と本サイトについて、さまざまな情報をご紹介します。

つい盤の埋め込み

つい盤をブログやWebサイトに埋め込むには、HTMLのiframeタグを利用します。

つい盤の出力をもとに、埋め込み用のコードを生成するツールを用意しました。 スマホの標準的な画面サイズに合わせて表示幅を 350px としていますが、必要に応じて width や height を調整してご利用ください。

つい盤の出力を iframe に変換

棋譜の埋め込みサンプル

iframeを実際にサイトに埋め込んだときのサンプルを以下に示します。

埋め込みコード

<iframe src="https://tsuitateviewer.web.app/tsuiban_react.html?black_player=overestimate&white_player=meguru178&moves=+7978GI-1314FU+9796FU-2213KA+5756FU-3132GI+1716FU-8242HI+4958KI-6162KI+3736FU-7374FU+5948OU-6273KI+2838HI-7172GI+2917KE-5354FU+3635FU-5162OU+3534FU-4344FU+1725KE-2324FU+3433TO-3233GI+2533KE-2133KE+0034FU-3345KE+0033GI-2425FU+3836HI-4252HI+4746FU-5455FU+4645FU-4445FU+8897KA-5254HI+4857OU+0035KE-7364KI+3344NG-0037FU+3433TO-0096KE-3738TO+5847KI+3938GI-0036FU-0035FU-5556FU+0057FU-6455KI+5756FU-5556KI+3656HI-5456HI+0047KI-5636HI+4837OU+4736KI-0057FU+4857OU-0044KE-1331KA+4454NG-3175KA+5768OU-0038HI-0056KE+6857OU+6879OU-7548UM+0057FU-0037FU+7988OU-3738TO+0061HI-6261OU+3342TO-0052FU+3543KE-0088HI-5668NK+4351NK-6171OU+4252TO-4152KI+5152NK-6878NK+6978KI-4866UM-7182OU+0074KE+0075KE-8292OU+5463NG-0079GI+7879KI-0078GI+0078KI+7978KI-0058HI-0066FU+0072GI+0062KI-6667TO+6272KI-6778TO+8878OU-0079HI+7888OU-0078HI&comments=%280%29%E7%AC%AC3%E5%9B%9E%E3%81%A4%E3%81%84%E3%81%9F%E3%81%A6%E5%B0%86%E6%A3%8B%E3%82%AA%E3%83%95%E4%BC%9A%E6%B1%BA%E5%8B%9D%EF%BC%882018%2F9%2F15%E3%80%81%E5%9B%B2%E7%A2%81%E5%B0%86%E6%A3%8B%E3%82%AB%E3%83%95%E3%82%A7%E6%A8%B9%E6%9E%97%E3%81%AB%E3%81%A6%EF%BC%89&is_replay&board_size=350" loading="lazy" style="width: 350px; height: 500px; border: 0; overflow: hidden;" scrolling="no"></iframe>

なおこの対局はオフラインで行われたものです！白熱した対戦の様子はこちらの動画でお楽しみいただけます。

詰将棋

詰将棋のサンプルです。分岐のある棋譜では、このようにタップ可能な矢印が表示されます。&visibility_rule=normalを指定すると、本将棋向けの表示になります。

埋め込みコード

<iframe src="https://tsuitateviewer.web.app/tsuiban_react.html?initial_sfen=4k4%2F9%2F3GP4%2F4%2Br4%2F9%2F9%2F9%2F9%2F9%20b%20kr2b3g4s4n4l17p%201&moves=+5352TO%5B+6352KI%5D-5452RY&is_replay&board_size=350&visibility_rule=normal" loading="lazy" style="width: 350px; height: 500px; border: 0; overflow: hidden;" scrolling="no"></iframe>

&quiz_side=b / wを指定すると、先手番 / 後手番の指し手をユーザーが入力しないと先に進めなくなるため、問題として出題するのに便利です。

埋め込みコード

<iframe src="https://tsuitateviewer.web.app/tsuiban_react.html?initial_sfen=4k4%2F9%2F3GP4%2F4%2Br4%2F9%2F9%2F9%2F9%2F9%20b%20kr2b3g4s4n4l17p%201&moves=+5352TO%5B+6352KI%5D-5452RY&is_replay&board_size=350&visibility_rule=normal&quiz_side=b" loading="lazy" style="width: 350px; height: 500px; border: 0; overflow: hidden;" scrolling="no"></iframe>

つい盤のパラメータ

つい盤では、URLの ? 以降に パラメータ名=値 の形式で情報を指定します。 複数のパラメータを指定する場合は、& でつなぎます。

以下、パラメータの詳細を紹介しますが、基本的にはつい盤のメニューから「棋譜を出力」または「ツイートする」で出力されるパラメータ・URLをそのまま利用すれば、これらを意識する必要はありません。

ルール設定

パラメータ内容指定形式具体例
board_kind将棋盤の種類を指定します。ただし initial_sfen など競合するパラメータが設定されている場合は、それらが優先されます。shogi / 55shogiboard_kind=shogi
visibility_rule駒の可視ルールを指定します。省略時は tsuitate です。normal / tsuitate / darkvisibility_rule=normal
initial_sfen初期局面を指定します。カンマ , で区切ることで、複数の並行局面を指定することもできます。SFEN（盤面 手番 持ち駒 手数）initial_sfen=lnsgkgsnl/1r5b1/ppppppppp/9/9/9/PPPPPPPPP/1B5R1/LNSGKGSNL b - 1
promotion_rank自陣から見て、相手側の何段を成ることのできる範囲とするか指定します。将棋は3、5五将棋は1が標準です。正の整数promotion_rank=3
draw_move_count引き分け手数を指定します。非反則手数がこの値に達して決着がつかない場合、引き分けになります。正の整数draw_move_count=150
enable_try_ruleトライルールを有効にするか指定します。トライルールでは、相手玉の初期位置に玉を移動させたら勝ちになります。true / falseenable_try_rule=true
foul_limits反則可能回数を指定します。先手と後手を . で区切ります。9の場合、10回目の反則で負けになります。<先手>.<後手>foul_limits=9.9
time_limits初期持ち時間を秒数で指定します。先手と後手を . で区切ります。<先手秒数>.<後手秒数>time_limits=300.300
fischer_increment1手ごとのフィッシャー加算秒を指定します。秒数fischer_increment=3
byoyomi秒読みの秒数を指定します。秒数byoyomi=30
n_playersリレー対局などで、先手側・後手側の人数を指定します。<先手人数>.<後手人数>n_players=2.2

棋譜

パラメータ内容指定形式具体例
black_player先手側の表示名を指定します。複数人の場合は , または - で区切ります。文字列black_player=先手
white_player後手側の表示名を指定します。複数人の場合は , または - で区切ります。文字列white_player=後手
moves棋譜の指し手をCSA形式で指定します。分岐は [] で表します。CSA形式の指し手列moves=+7776FU-3334FU
move_durations各指し手にかかった秒数を指定します。-つなぎ または (手数)秒数move_durations=10-8-12

その他

パラメータ内容指定形式具体例
comments初期局面や各手へのコメントを指定します。(手数)コメントcomments=(1)初手は歩を突く
square_colors指定した手数の局面で、指定のマスに色を付けます。(手数)色_座標...square_colors=(1)ff000080_5159
colorssquare_colors で使う色名を定義します。(名前)RRGGBB または (名前)RRGGBBAAcolors=(red)ff000080&square_colors=(1)red_7776
is_blind初期表示で相手の駒を隠します。true / falseis_blind=true
is_reversed初期表示で盤面を反転します。true / falseis_reversed=true
is_replayリプレイ用の簡易表示にします。true / falseis_replay=true
quiz_side指定された手番の指し手をユーザーが入力しないと先に進めなくなります。is_replay と組み合わせて使用します。b（先手） / w（後手）quiz_side=b
board_sizeつい盤の表示幅を指定します。is_replay と組み合わせて使用することを想定しています。ピクセル数board_size=420

moves の + は先手、- は後手を表します。 例えば +7776FU は 「先手が7七の歩を7六へ動かす」指し手です。 持ち駒を打つ場合は、移動元のマスを 00 と表します。 投了は +0000ZA / -0000ZA、時間切れは +0000ZB / -0000ZB で表します。

分岐は、分岐元の指し手の直後に [] を付けて書きます。 例: moves=+7776FU[+2726FU,+5968OU]-3334FU。 分岐 [] は入れ子のように使用することもできます。

comments や square_colors では、通常の本譜は (1)、(2) のように手数で指定します。 反則手も手数にカウントする点に注意してください。 分岐内のコメントや色は (手数-分岐ID-分岐番号) の形式で指定できます。 分岐IDと分岐番号の決まり方はやや複雑なので、つい盤の出力をそのまま使ってください。

square_colors の座標は、将棋の筋・段を2桁で並べます。 例えば ff000080_7776 は、77 と 76 のマスに半透明の赤を付ける指定です。 色は RRGGBB または RRGGBBAA の16進数で指定します。

運営について

ついたて将棋ビューワーは個人で運営しているサイトです。 すべての機能を無料で利用でき、棋譜再生・ゲスト対局するだけならユーザー登録も不要です。 ユーザー登録すると、対局の全ての機能を楽しんだり、コラムに棋譜を投稿したりできるようになります。

データの扱いについて

フリー対局の棋譜と、コラムに投稿された棋譜の情報はサーバーに保存されます。 つい盤で読み込んだ棋譜は収集しません。サインイン情報はユーザー管理のためだけに使います。

本サイトでは Google Analytics と Google AdSense を利用しています。Google などの第三者配信事業者は、本サイトや他のWebサイトへの過去のアクセス情報に基づく広告配信のためCookieを使用します。パーソナライズ広告は、Googleの広告設定で無効にできます。

ライセンス表示

「つい盤」および本サイトでは、以下のOSSライブラリを使用しています。 THIRD PARTY LICENSES

お問い合わせ

サイトの管理人は@shun_2236です。 ご質問やご要望がございましたら、お気軽にお声がけください。
サイトへのリンクや紹介、対局動画の配信、大会の開催などは自由にしていただいて問題ありませんので、ぜひご活用ください。