React でタギロン用 Web アプリを作った

昨年購入したタギロンというボードゲームが面白くて、友人が遊びに来たときによくやっています。

たぎる、論理 TAGIRON タギロン 新装版

たぎる、論理 TAGIRON タギロン 新装版

  • 発売日: 2018/09/28
  • メディア: おもちゃ&ホビー

このゲームはターン毎にメモを取るのが大事で、今までは JELLY JELLY CAFE が提供しているタギロンメモを使わせてもらっていました。これはよく出来ているのですが、もう少しだけ機能が欲しい部分があったので、勉強も兼ねて自分で新しい Web アプリを作ってみました。

tchssk.github.io

JELLY JELLY CAFE 版と比べて下記の機能が追加してあります。テストプレイで使ってみた感じ自分的には使いやすかったので満足しています。

  • 最大の数から最小の数を引いた数の記録欄
  • 中央が 5 以上か 4 以下かの記録欄
  • 同じ色がとなり合っている箇所の記録用にダミー色 (グリーンとオレンジ) の追加

作るのに使用したのは以下のツールとライブラリ。

Material-UI のコンポーネントを弄るのに時間がかかりましたが、正味 3 日ほどで出来ました。

簡単な Web アプリ作成にこの組み合わせはお手軽で良かったです。

tchssk.github.io