オセロゲームアプリケーション

このプロジェクトは、React、TypeScript、Styled Componentsを使用して開発されたオセロ（リバーシ）ゲームです。

機能

• プレイヤー対プレイヤーモード
• プレイヤー対AIモード（難易度選択可能）｀
• AI対AIモード（自動対戦の観戦）
• プレイヤーの色選択（黒/白）
• ゲーム進行コントロール（開始、一時停止、リセット）
• 有効な手の表示
• スコア表示
• ゲーム状態の表示

使い方

ゲームモード

1. プレイヤー対プレイヤー: 2人のプレイヤーが交互に手を打ちます
2. プレイヤー対AI: プレイヤーがAIと対戦します
3. AI対AI: AIどうしの対戦を観戦できます

プレイヤーの色

プレイヤー対AIモードでは、プレイヤーが黒（先手）または白（後手）を選択できます。

AI難易度

AIの難易度は以下から選択できます：

• 簡単
• 普通
• 難しい

ゲームの進行

• ゲームスタート: AIモードでゲームを開始します
• 一時停止: ゲームを一時停止します
• ゲームをリセット: ゲームを初期状態に戻します
• 次の手: AI対AIモードで次の手を進めます

開発環境

このプロジェクトは Create React App でブートストラップされています。

利用可能なスクリプト

プロジェクトディレクトリで以下のコマンドを実行できます：

npm start

開発モードでアプリを実行します。
http://localhost:3000 をブラウザで開くとアプリが表示されます。

コードを編集すると、ページは自動的にリロードされます。
コンソールには構文エラーも表示されます。

npm test

インタラクティブなウォッチモードでテストランナーを起動します。
詳細は テストの実行 のセクションをご覧ください。

npm run build

本番用のアプリを build フォルダにビルドします。
Reactを本番モードで正しくバンドルし、最高のパフォーマンスのためにビルドを最適化します。

ビルドはミニファイされ、ファイル名にはハッシュが含まれます。
アプリをデプロイする準備ができました！

詳細は デプロイメント のセクションをご覧ください。

技術スタック

• React
• TypeScript
• Styled Components
• Framer Motion（アニメーション）

プロジェクト構造

• src/components/ - UIコンポーネント
• src/utils/ - ゲームロジックとAIアルゴリズム