昨年購入したタギロンというボードゲームが面白くて、友人が遊びに来たときによくやっています。
このゲームはターン毎にメモを取るのが大事で、今までは JELLY JELLY CAFE が提供しているタギロンメモを使わせてもらっていました。これはよく出来ているのですが、もう少しだけ機能が欲しい部分があったので、勉強も兼ねて自分で新しい Web アプリを作ってみました。
JELLY JELLY CAFE 版と比べて下記の機能が追加してあります。テストプレイで使ってみた感じ自分的には使いやすかったので満足しています。
- 最大の数から最小の数を引いた数の記録欄
- 中央が 5 以上か 4 以下かの記録欄
- 同じ色がとなり合っている箇所の記録用にダミー色 (グリーンとオレンジ) の追加
作るのに使用したのは以下のツールとライブラリ。
- create-react-app (雛形の作成)
- Material-UI (コンポーネントを組み合わせて画面を作成)
- gh-pages (デプロイ)
Material-UI のコンポーネントを弄るのに時間がかかりましたが、正味 3 日ほどで出来ました。
簡単な Web アプリ作成にこの組み合わせはお手軽で良かったです。