Cordova パズルゲームコレクション

このプロジェクトは、Apache Cordova を使用して構築されたモバイル向けパズルゲームアプリケーションです。4種類のロジックパズルゲームが含まれています。

含まれるゲーム

1. ナンプレ (Sudoku): 定番の数字配置パズル。
2. シークワーズ (Word Search): 文字のグリッドから隠された単語を見つけるゲーム。
3. 数揃え (Number-Pair Game): 同じ数字のペアを見つける記憶力ゲーム。完了までの時間が計測されます。
4. 虫食い計算 (Missing-Number Calculation): 欠けている数字を埋めて計算式を完成させるゲーム。

技術スタック

• コアロジック: Vanilla JavaScript (ES6+)
• DOM操作とイベント: jQuery
• UIフレームワーク: Bootstrap CSS
• プラットフォーム: Apache Cordova

ファイル構造

主な開発は www ディレクトリ内で行われます。

www/
├── index.html         # 全ての画面を含むメインのHTMLファイル
├── css/
│   ├── bootstrap.min.css # Bootstrapライブラリ
│   └── style.css         # カスタムスタイル
└── js/
    ├── jquery.min.js     # jQueryライブラリ
    ├── app.js            # アプリケーション全体のロジック (初期化、画面遷移)
    ├── game_sudoku.js    # ナンプレのゲームロジック
    ├── game_wordsearch.js # シークワーズのゲームロジック
    ├── game_numberpair.js # 数揃えのゲームロジック
    ├── game_missingcalc.js # 虫食い計算のゲームロジック
    └── bootstrap.bundle.min.js # BootstrapのJavaScriptバンドル

動作概要

このアプリケーションはシングルページアプリケーション (SPA) として動作します。

1. 全ての画面（メインメニュー、および4つの各ゲーム）は、index.html 内の個別の <div> セクションとして定義されます。
2. 初期状態では、メインメニュー画面のみが表示されます。
3. ユーザーがゲームを開始するボタンをクリックすると、app.js がjQueryの .show() および .hide() メソッドを使用して、画面の <div> の表示/非表示を切り替えます。
4. 各ゲームのロジックは、それぞれの専用JavaScriptファイル (game_*.js) に含まれています。これらのファイルは、UIの生成、ユーザーインタラクション、および各ゲームの状態管理を担当します。