開発日記 開発日記⑭ 必要点数を隠して答え合わせできるようにする
オーラス条件戦に特化した麻雀ゲームの開発記録です。必要点数を隠し、自分でロン・ツモ条件を考えてから答え合わせできる機能を追加しました。
開発日記 開発日記 開発日記⑬ スマホでも見やすい画面に整える
オーラス条件戦に特化した麻雀ゲームの開発記録です。カード表示や入力欄、ボタンの見た目を整え、画面幅に応じてレイアウトが変わるように調整しました。
開発日記 開発日記⑫ 画面を5つのコンポーネントに分割する
オーラス条件戦に特化した麻雀ゲームの開発記録です。Reactの画面を役割ごとに5つのコンポーネントへ分割し、propsで状態やイベント処理を渡す形に整理しました。
開発日記 開発日記⑪ 入力ミスをバリデーションで判定する
オーラス条件戦に特化した麻雀ゲームの開発記録です。持ち点や本場、供託、ロン・ツモの入力値をチェックし、不正な条件では計算せずエラーを表示するバリデーション処理を追加しました。
技術メモ Reactでstateにする値・しない値を分ける｜計算できる値はstateに持たない
ReactでuseStateとuseMemoをどう使い分けるかを、麻雀アプリの実例で整理します。入力値はstateとして持ち、順位や必要点数など計算できる値は分けて考える方法を紹介します。
開発日記 開発日記⑩ Reactのカスタムフックで状態管理と計算処理を整理する
オーラス条件戦に特化した麻雀ゲームの開発記録です。Reactのカスタムフックを使い、入力状態をuseGameState、計算結果をuseGameDerivedStateへ分けて処理を整理しました。
開発日記 開発日記⑨ Vitestで麻雀の点数計算をテストする
オーラス条件戦に特化した麻雀ゲームの開発記録です。Vitestを導入し、順位計算やロン・ツモ・流局、目標達成に必要な点数計算のテストを追加しました。
開発日記 開発日記⑧ 難易度別にオーラス条件をランダム生成する
オーラス条件戦に特化した麻雀ゲームの開発記録です。Easy・Normal・Hardの難易度を選び、必要な和了点に応じた点数状況や目標順位をランダム生成できるようにしました。
開発日記 開発日記⑦ 入力内容をブラウザに自動保存する
オーラス条件戦に特化した麻雀ゲームの開発記録です。ReactとlocalStorageを使い、点数や目標順位、終局結果などの入力内容を自動保存・復元できるようにしました。
開発日記 開発日記⑥ 仮の終局結果から点数と順位を判定する
オーラス条件戦に特化した麻雀ゲームの開発記録です。ロン・ツモ・流局の仮結果を入力し、終局後の点数・順位と目標達成可否を判定できるようにしました。