棋譜再生が可能な碁盤

上記の碁盤を私の環境でキャプチャした画像

画像貼り付けのデモ

上記の様に再生可能な碁盤を貼り付けることも出来ますが、これはブログサービスによっては利用できないと思います。その場合は以下の様に画像を貼り付けることも出来ます。画像をクリックするとコメント可能な「棋譜ろだ」サイトに飛びます。

ブログに貼るための局面図が簡単に作成できます

以下のステップで上記の様な貼り付けが簡単にできます。

1. 「棋譜ろだ」トップページからSGFファイルをアップロード (「棋譜ろだ」トップページへのリンク)
2. アップロードしたファイル一覧から「開く」を選ぶ
3. 好きな局面を選んで「コメントする」
4. そのコメントを選択した状態で「貼り付け」
5. 表示されたコードをコピーして、お使いのブログ投稿欄に貼り付け

注意：お使いのサービスによってはコードがそのままでは使えないかもしれません。必ずプレビューしてみてから投稿してください。駄目だった場合はブログサービス名をお知らせいただければ私も試してみます。

下に全く同じように見える２つの碁盤を並べたつもりなのですが、どう見えるでしょうか？　（上のはボタンが機能しますが、下のはただの画像です）

追記(5/13): IE7またはそれ以前だと全然駄目ですね。そちら向けの調整は後回しにします（今月中には対応したいと思っていますが）

追記2(5/15): IE6/IE7での表示調整の目処が付きました。5/16(日曜)の夜に新しくIEにも対応した碁盤を貼った記事を投稿予定です

追記3(5/16) ここに再生可能な碁盤を貼っていましたが、サーバ仕様改訂のために削除しました

フォントサイズをピクセル単位で指定しているのですが、フォントの種類によって実際の高さは変わってしまうので、想定よりも高くなるフォントを使用して見ると崩れてしまいます。

フォントサイズを余裕を見て十分小さくしてしまえば問題はなくなるのですが、出来るだけ大きくした方が見やすいと思うので悩みどころです。

ともかく、リリースまでにはブラウザやフォントの種類も変えてみて調整したいと思います。

今回行った変更：

• 使用するフォントをMSゴシックに(今まではsans-serif)
• フォントサイズを18pxから16pxに変更

最初の変更はWindows環境でないと利かないと思いますが、２番目の変更で何とかなってないでしょうか？ (単に指定を小さくしてしまうのは悔しいのですが…）

上の２つを比べてみて、上の方が崩れて見える方はコメントしていただけると助かります。その際、ブラウザで使用するフォントの種類やサイズなどの設定を自分で変えている方はそれについても追記をお願いいたします。

（ごく簡単でかまいません。例：「ヒラギノ、最小サイズ指定:18pt」）

今後の予定をまとめておきます。6月以降はみなさんにも実際に使ってもらえるレベルにしたいと思っています（今でも試すだけならお気軽にどうぞ。5月中に一度データをご破算にすると思うので、他のサイトに貼ったりするのは6月から、という事です）。

最初のリリース: 5月末

• アップロード機能の改善
  • SGFの不要なプロパティの消去
  • URL指定/直接テキスト指定でのアップロード
• ブログなどへの貼り付け
  • iframe (昨日の日記でデモしているような形式)
  • 局面図の画像から 「棋譜ろだ」サイトへのリンク
  • 画像単品

  （画像はもちろん「棋譜ろだ」が生成してサーブします)

• 出来ているところまでの機能の完成度を高める

その後の予定(随時対応)

• 碁盤のサイズを可変に
• 棋譜やコメントの追加についてのRSSフィード配信
• SGFのコメントの文字コード変換
• KGS Analyticsとの連携(棋譜を直接「棋譜ろだ」で開ける様に、ってだけですが)
• スマートフォン対応(?) …持ってないので難しいのですけどｗ JavaScript使いまくりなので普通のケータイの対応は無理です
• 全体的にもう少し見栄えを良くしたい(願望)

以上です。

碁盤の表示例

棋譜ファイルを持っていても、特定の局面を示して説明しようとするとなかなか面倒なものですが、下図のような局面図を簡単に作成することを目的としています。

追記(5/16) ここに再生可能な碁盤を貼っていましたが、サーバ仕様改訂のために削除しました

コメントを見る

上記の碁盤の下の「コメントする」ボタンを押すと、別ウィンドウで「棋譜ろだ」のページが開きます。右側に「コメント一覧」が表示されてると思いますので、4つ並んでいる各項目をクリックしてみてください。

このようにコメントする人が選んだ任意の局面について、変化図付きでコメントする事が出来ます

試しに実際にコメントしてみる

上の棋譜にコメントしていただいても構わないのですが、別のテスト用棋譜も用意しましたので是非お気軽に触ってみてください

追記(5/16) ここに再生可能な碁盤を貼っていましたが、サーバ仕様改訂のために削除しました

（手順を書くと長いですが、やってみると簡単だと思います）

1. 碁盤の下の「コメントする」ボタンを押してサイトを開く
2. 碁盤の下の矢印ボタンでコメントする局面を選ぶ
3. 「コメントする」ボタンを押す
4. 碁盤上をテキトウにクリックして変化図を作る
5. 「登録」ボタンを押す
6. 碁盤上をテキトウにクリックして記号を付ける（碁盤の下のリストで記号を選べます）
7. コメントの文章をテキトウに入力
8. 「コメント実行」を押す

他の棋譜で試したい場合は、トップページからSGFファイルをアップロードして、下の表の中から「開く」を選べば同じような画面になります。ただし、まだ開発中なので、データを消してしまう場合があることをご理解ください

まだ不具合はたくさんあるのですが、今月中ぐらいを目処に皆さんにも使ってもらえるツールとして公開したいと思います。感想や意見などありましたら、この記事へのコメントとしてお気軽に書き込みをお願いします。

追記: このようなページを貼り付けたつもりだったのですが、ブラウザによって表示されないようですね。 自分でやってみるとFireFox/IEがOK, Safari,Chrome,OperaはNGでした。時期尚早だったようです…。

追記2: ブラウザの問題ではなくてクッキーを食べないと駄目でした。一度上の「このようなページ」のリンクを踏んで帰ってくると表示されると思います。今修正中…

追記3: 直ったと思います。あぁ、びっくりした。