Angularを使ってボードゲームの得点計算ツールを作った話

DRANK

はじめにAngular Advent Calendarの15日目の記事になります。今回は作ったものを紹介できればと思います。作ったもの世界の七不思議というボードゲームの得点計算アプリを作成しました。このゲームはサクサクプレイ可能で非常に面白いのですが、 「得点計算の複雑さ」 が最大のネックだと感じていました。得点計算の元となるカテゴリが7つ(拡張を入れると最大9つ)もある上に、その中の一つである”科学シンボル（石板、歯車、コンパスの3種）”の計算式が特殊です。「それぞれの個数の二乗」＋「3種揃えるごとの固定ボーナス」という計算を求められます。例えば手元に [石板3, 歯車2, コンパス1] がある場合、計算式は以下のようになります。プレイ後に散らばったカードを数えながらこの暗算を行うのは脳トレをやらされるので非常に不便です。そこで今回は簡単に入力できるツールを作ろうと思い開発を始めました。ついでにAngular v10代の頃にはなかったような(or 自分がやっていなかった)新しくできることは試していこうと思い、技術スタックはそれをベースに選んでいます。技術スタックベース: Angular v21スタイリング: Tailwind CSS状態管理: Signalsやったことその1: …