画像ファイルを使用せずに綺麗な局面図（SVG形式）を載せる方法 - 将棋の神様〜０と１の世界〜

画像ファイルを使用せずに綺麗な局面図（SVG形式）を載せる方法 - 将棋の神様〜０と１の世界〜

ブログやウェブサイトに将棋の局面図を載せたいとき 、「局面図作成」、「Kifu for Windows」などのアプ...概要を表示 ブログやウェブサイトに将棋の局面図を載せたいとき 、「局面図作成」、「Kifu for Windows」などのアプリケーションソフトを使用して局面図画像ファイルを作成しアップロードするか、「クラウド将棋局面図ジェネレーター」などのWebAPIを利用して局面図画像を埋め込む方法が一般的だ。 しかし前者の方法だと、作成した局面図画像ファイルをいったんどこかのローカルフォルダに保存した後所定のサーバにアップする手間が発生したり、ローカルスペース、サーバスペースを少しずつ消費していく欠点が挙げられ、後者の方法だと、WebAPIサービスの提供が終了した場合局面図が表示されなくなるというリスクが伴う。 そこで今回、画像ファイルを使用せず、APIを埋め込むこともなく、カスタマイズ性に優れたSVG形式の美しい局面図を載せる方法を紹介する。 shogizumen.jsを設置しておく BOD形式の盤面テキスト