めもめもめもめもこのブログに記載の内容は個人の見解であり、必ずしも所属組織の立場、戦略、意見を代表するものではありません。入門(パート8)何の話かと言うとenakai00.hatenablog.comこちらの続きです。コンポーネントを追加します。これで、リバーシの実装は一旦完成です。コンポーネントに追加します。次のようにアップデートします。...12行目で、黒と白それぞれのスコアを要素とする連想配列を含む状態変数を用意しています。複数の情報を1つの状態変数にまとめたい時は、このような使い方ができます。17行目で、リスタート時にスコアを初期値に戻すようにしています。属性として他のコンポーネントに受け渡すようにします。コンポーネントに渡す部分があります。コンポーネントはこれから用意するもので、現在の番手、スコア、ゲーム終了時のメッセージなどをまとめて表示します。コンポーネントの中で行います。新たに手を打つごとに再計算します。更新部分は次のとおりです。スコアを更新する関数を取り出しています。148〜156行目がスコアの計算です。新しい値をセットします。コンポーネントが計算するスコアが更新されます。コンポーネントの実装ファイル「src/components/Dashboard.js」を新たに次の内容で作成します。}ここは特に新しいテクニックは使っていません。スコアの値を表示すると同時に、勝ち負けを判定して、勝ち負けが決まった場合はその旨のメッセージ、そうでないときは、現在の手番を表示します。ゲームが終了した時の画面は、こんな感じになります。ブランチ)で公開しています。公開しているので、下記で実際に遊ぶこともできます。enakai00.github.ioこの連載記事は、これで一旦終了です。enakai00.hatenablog.comこちらの続きです。)引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。