チェス初心者のブログ

インターネットでチェスをやってる初心者です。ときどき、酒、絵画、映画、音楽などの記事もあります。

 
20
21
22
30
04


動く棋譜の駒とチェス盤デザインの変更をする

web上で棋譜を再現するPGNビューワーはいろいろ試した結果Chess.comが一番使いやすいと思う、というのは以前から書いているとおり。
しかしGame Editorから作成すると青・白のチェス盤に限定される。
この青・白のチェス盤は視認性は良くて、自分は実際試合をするときもこの青・白を使っているんだがブログに貼り付けするなら、ちょっと個性を出したい。
先日試しにChess.comでブログを書いてみたら、駒も盤も選べることがわかった。
FC2でもビューワーはChess.comのサイトに埋め込みコードでリンクしているのだから、同じ情報を貼り付けできればFC2でも使えるのでは?と実験してみたらあっさりできた。

どれだけ需要があるかわからないが、いちおう作り方を書き記そうと思う。

まずはChess.comに会員登録すること。
初めての人は以前の記事を参考にしてください。
無料会員でも充分で、eメールアドレスさえあればOK。

↓ Chess.comにログインすると【HOME】のところに【Blog】があるのでクリック。


↓ 画面右側中段あたりに【Create A Blog Post】があるのでクリック。
view02.jpg

なんでもいいのでタイトルは入力する必要があります。
ブログの作成画面が表示されるので、Bodyのところのチェス盤マークをクリック。貼り付けるためのウィザードが出ます。
view03.jpg

↓ 真ん中のやつを選んで、【Continue】をクリック。
view04.jpg

Game Editorと大体同じ。上のは自分で駒を動かして棋譜作成、中段はFENを貼り付け、下段はPGNを貼り付け。いずれか選んで【Continue】をクリック。
view05.jpg

↓ 今回はPGNファイルをコピペしました。
view06.jpg

↓ 上段のタブに【Design】というのがあります。
view07.jpg

ここでチェス盤のデザイン、駒のスタイルが選べます。Coordinatesにチェックをつけると座標(a~h,1~8)をチェス盤に表示します。OKなら画面左下にある【Insert】をクリック。 ↓
view08.jpg

ブログ作成画面に戻るので、一度保存します。【Save & Preview】をクリックします。【Submit Blog】をクリックすると記事が公開になるので注意。↓
view12.jpg

↓ プレビュー画面が表示されます。ここで【SHARE】をクリックすると、埋め込みコードが表示されます。
view14.jpg

↓ このコードをすべてコピーして、ブログの記事作成時に貼り付けすれば棋譜を埋め込むことができます。
view13.jpg

↓ FC2ブログの記事作成画面で貼り付けした図。
view15.jpg

自分のブログで動いてるのが確認できたら、Chess.comの記事は削除しても自分のブログの棋譜は残ります。
ふだんより一手間かかるかもしれませんが、そんなに難しいことではありません。
興味のある方はチャレンジしてみてください。

♙♘♗♖♕♔

2013/4/12追記

Windows7とインターネットエクスプローラ10の組み合わせで、この貼り付けができないことが発覚しました。
くわしくはこちらの記事をごらんください。


プロフィール

新人 / Private

Author:新人 / Private
2012年4月から「Chess.com」と「playOK」に参戦しました。
♙♘♗♖♕♔
当ブログはリンクフリーです。
♟♞♝♜♛♚
2013年9月からバックギャモンを始めました。

最新トラックバック
 
World Clock
 
 
検索フォーム
 
 
リンク
 
 
定跡ごとの記事

シシリアン・ディフェンス(170)
 ソコリスキー(92)
 ルイ・ロペス(43)
 インディアン・システム(41)
 ダッチ・ディフェンス(31)
 キングズ・インディアン・アタック(31)
 レティ・オープニング(29)
 スカンジナビアン・ディフェンス(27)
 フレンチ・ディフェンス(27)
 パリ・オープニング(22)
 フィリドール・ディフェンス(18)
 フォーナイツ・ゲーム(18)
 イングリッシュ・オープニング(14)
 Vant-Kruijs-Opening(13)
 イングリッシュ・ディフェンス(11)
 ピルツ・ディフェンス(11)
 スミス・モラ(11)
 カロ・カン・ディフェンス(10)
 ベンコー・オープニング(10)
 ジオッコ・ピアノ(9)
 エレファント・ギャンビット(9)
 クイーンズ・ポーン・ゲーム(7)
 バード・オープニング(6)
 クイーンズ・ギャンビット・ディクラインド(6)
 ラルセン・オ-プニング(5)
 モダン・ディフェンス(5)
 ニムゾビッチ・ディフェンス(4)
 アリョーヒン・ディフェンス(4)
 キングズ・ギャンビット(4)
 ルシアン・ゲーム(4)
 イタリアン・ゲーム(3)
 MiesesOpening(3)
 グレコ・ディフェンス(3)
 スリーナイツ・ゲーム(3)
 ダンスト・オープニング(3)
 グロブ・アタック(2)
 HorwitzDefense(2)
 アンデルセン・オープニング(2)
 ネオ・グリュエンフェルド・ディフェンス(2)
 ビショップズ・オープニング(2)
 ラルセン・オープニング(1)
 オープン・ゲーム(1)
 Durkin's・Attack(1)
 イングリッシュ・デイフェンス(1)
 オーウェン・ディフェンス(1)
 スコッチ・オープニング(1)
 キングス・ポーン・ゲーム(1)
 ラトヴィアン・ギャンビット(1)
 ColleSystem(1)
 St.GeorgeDefence(1)
 サラゴサ・オープニング(1)
 ナポレオン・オープニング(1)
 ヴィエナ・ゲーム(1)
 ダミアノ・ディフェンス(1)
 ダニッシュ・ギャンビット(1)
 

 
 
ブロとも申請フォーム
 
 
QRコード
QR