📝 v3.2.0 Release Note

README.md

@@ -8,24 +8,20 @@
 [![tag](https://img.shields.io/github/tag/murosan/shogi-board.svg?style=flat-square)](https://github.com/murosan/shogi-board/releases)
 [![node](https://img.shields.io/badge/node-%3E=%2013.7.0-brightgreen.svg?style=flat-square)](https://nodejs.org/ja/)
 
-まずは Playground でお試しください  
+まずは Playground(Web 将棋盤) でお試しください  
 <https://murosan.github.io/shogi-board/playground/>
 
 ドキュメントはこちら  
 <https://murosan.github.io/shogi-board/>
 
-<div style="width: 100%; display: flex; justify-content: center; align-items: center;">
-  <img src="https://github.com/murosan/pictures-for-readme/blob/master/shogi-board-example.jpg" alt="shogi-board sample image">
+<div style="width: 80%">
+  <img src="./document/website/static/img/shogi-board.jpg" alt="shogi-board sample image">
 </div>
 
 ## できること
 
 - ブラウザ上で駒を動かして将棋の検討や棋譜並べができる
 
-## 対応ブラウザ
-
-PC 最新版の Chrome のみ
-
 ## 使い方
 
 ソースコードと、依存ライブラリのダウンロード

bin/release.sh

@@ -8,7 +8,7 @@ DEST="release/$SB_DIR"
 
 export PUBLIC_URL="./"
 
-rm -rf $DEST
+rm -rf release
 mkdir -p $DEST
 
 yarn build

document/website/blog/2020-07-13.md

@@ -0,0 +1,68 @@
+---
+title: v3.1.0 - 棋譜が正しく表記されるように
+author: murosan
+---
+
+# Release Note v3.1.0
+
+### Overview
+
+- 棋譜の表記が正しくなりました
+- 盤面の幅を変更できる機能を追加
+- ボタン・行・列の文字を SVG 画像化
+
+### 棋譜の表記
+
+将棋連盟の公式ページに記載されている記述方法を参考に、正しい表記がされるよう、変更を行いました。  
+https://www.shogi.or.jp/faq/kihuhyouki.html
+
+<table>
+  <tr>
+    <th>今まで</th>
+    <th>これから</th>
+  </th>
+  <tr>
+    <td>
+      ２六歩(27)<br />
+      ８四歩(83)<br />
+      ２五歩(26)<br />
+      ８五歩(84)<br />
+      ７八金(69)<br />
+      ３二金(41)<br />
+      ２四歩(25)<br />
+      ２四歩(23)<br />
+      ２四飛(28)<br />
+      ２三歩打<br />
+      ２六飛(24)<br />
+    </td>
+    <td>
+      ２六歩<br />
+      ８四歩<br />
+      ２五歩<br />
+      ８五歩<br />
+      ７八金<br />
+      ３二金<br />
+      ２四歩<br />
+      同歩<br />
+      同飛<br />
+      ２三歩<br />
+      ２六飛<br />
+    </td>
+  </tr>
+</table>
+
+これからは `同歩`、`５八金右` といった、正しい表記がされます。
+
+### 盤面の幅を変更できる機能
+
+画面右端の矢印をドラッグ&ドロップすると、盤面の幅を変更できます。
+
+また、設定から「幅を記憶する」を ON にすると、ブラウザのローカルストレージに記憶され、リロードしたときにも同じ幅で表示できます。
+
+<img alt="GIFイメージ" decoding="async" src="/shogi-board/img/change-board-width.gif"/>
+
+### ボタン・行・列の文字を SVG 画像化
+
+これまでは、デザインが崩れないようにするため、盤面の幅は `600px` までしか縮小できませんでした。
+
+SVG 画像化したことで、デザインの成約がなくなったため、より小さいサイズ(`250px`)まで縮小できます。

document/website/blog/2020-07-18.md

@@ -0,0 +1,33 @@
+---
+title: v3.2.0 - 駒の画像を変更しました
+author: murosan
+---
+
+# Release Note v3.2.0
+
+駒の画像を更新しました！
+
+今までは [muchonovski](http://mucho.girly.jp/bona) さんが [Creative Commons 表示-非営利 2.1 日本 License](https://creativecommons.org/licenses/by-nc/2.1/jp/) の元、提供していた画像を使用させていただいていました。  
+muchonovski さんありがとうございました。
+
+このバージョンからは、自作した画像に変更しています。SVG 画像を <a href="https://affinity.serif.com/ja-jp/designer/" target="_blank">Affinity Designer</a> で自作しました。  
+書体は錦旗書です。
+
+また、この駒画像は、<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/deed.ja" target="_blank">クリエイティブ・コモンズ 表示 - 非営利 - 継承 4.0 国際 ライセンス</a> の元提供します。
+
+CreativeCommons のライセンスの種類については、以下のページが詳しいです。  
+https://creativecommons.jp/licenses/
+
+> 表示—非営利—継承
+>
+> 原作者のクレジット（氏名、作品タイトルなど）を表示し、かつ非営利目的に限り、また改変を行った際には元の作品と同じ組み合わせの CC ライセンスで公開することを主な条件に、改変したり再配布したりすることができる CC ライセンス。
+
+- 商用利用は不可です
+- クレジット表示には、作者として`murosan`を表記してください
+- 作品タイトルの代わりに、以下 2 つのリンクのうち、どちらか、または両方のリンクを表示してください
+  - https://murosan.github.io/shogi-board/
+  - https://github.com/murosan/shogi-board
+- リンクの表示方法はおまかせしますが、Shogi Board に関するものということが分かるように表示をお願いします
+- 改変・再配布は可能です。ただし、同じライセンスで配布するようにしてください
+
+ダウンロードは、[GitHub](https://github.com/murosan/shogi-board/releases/) からどうぞ。

document/website/static/css/custom.css

@@ -18,6 +18,10 @@
   font-size: 2em;
 }
 
+.post div a {
+  text-decoration: underline;
+}
+
 .mainContainer .post h2 {
   border-bottom: 1px solid;
   padding-bottom: 0.3em;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "shogi-board",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "private": true,
   "author": "murosan",
   "description": "shogi board on browser",
@@ -61,6 +61,7 @@
   },
   "scripts": {
     "start": "react-scripts start",
+    "start:doc": "cd document/website; yarn start",
     "build": "react-scripts build",
     "deploy": "bin/deploy.sh",
     "test": "react-scripts test",