iori-tominaga / 2026-04-21
冒険者ギルド
ドラゴンクエスト風の冒険者ギルド。登録・装備・呪文・バトルを楽しむRPG。
ゲーム本体はポータルから独立したWeb成果物として実行されています。
ゲーム紹介
冒険者ギルドは、ドラゴンクエスト風のUIで冒険者になりきれるブラウザRPGです。名前・職業・自己紹介を入力して冒険者登録を行うと、ギルド本部からステータス確認、装備の装着、モンスター図鑑の閲覧、呪文の習得、ターン制バトルへの挑戦、職業の進化、伝承の間の閲覧など、複数の機能へ遷移できます。9種類の職業(せんし・まほうつかい・そうりょ・とうぞく・しょうにん・ぶとうか・うたうたい・けんじゃ・その他)から自分の冒険者を作り、ステータスや装備を育てていく、ドラゴンクエストの世界観を丁寧に再現したRPG体験です。
遊び方
- 「けってい」ボタンから登録フローに入り、冒険者名(最大10文字)を入力します。
- ↑↓キーまたはタップで9種の職業から1つを選びます。カーソルを合わせるとその職業のステータス(力・素早・守備・魔力・回復)がプレビュー表示されます。
- 自己紹介文(最大200文字、スキップ可)を入力し、確認画面で内容を確認して登録を確定すると、冒険者ギルドカードが発行されます。
- 登録完了後はギルド本部(ハブ画面)に入り、そこから「装備の間」でアイテムを装着してステータスを強化したり、「モンスター図鑑」で討伐記録を確認したり、「まほうの まきもの」でキャラクターのレベルに応じて習得できる呪文を確認したりできます。
- 「せんいのば」ではモンスターを選んでターン制バトルに挑戦できます。勝敗の結果は戦歴として記録され、ギルド本部の「冒険の書」から直近の戦歴を振り返れます。
- キャラクター・装備・呪文・戦歴などのデータはブラウザのlocalStorageに保存され、次回訪問時も引き継がれます。
制作背景
冒険者ギルドは、要件定義書(`docs/specs/requirements.md`)に明記されている通り「『コードクエスト』学習課題の達成物として作成」されたプロジェクトで、Tommy Gamesのモノレポへは元々GitHub Pagesで個人公開されていたリポジトリを移行する形で追加されました(`.claude/CLAUDE.md` の移行注記より)。Git履歴には「ver. 6.0.0: Quest 06 - ターン制バトルシステムを追加」「ver. 7.1.0: しょくぎょうしんかシステムを追加」「ver. 8.0.0: Quest 08 - 伝承の間とlore-keeper Subagentを実装」「ver. 9.0.0: Quest 09 - 古代の門とMCP冒険報告動線を実装」のように、「クエスト」単位で機能が段階的に積み上げられてきた開発の経緯が残っています。
技術的には、ビルドツールなしでReact 18.3.1とBabel Standalone(どちらもCDN経由)を使い、`<script type="text/babel">` を含む静的HTMLとして各ページ(登録・ギルド本部・装備・図鑑・呪文・バトル・伝承など)を構成しています。UIは「二重ボーダー+影」の `.dq-window` や1文字ずつ表示する `useTypewriter` フックなど、ドラゴンクエスト風の世界観に統一するルールがプロジェクト内ドキュメント(`.claude/rules/world.md`)に明記されています。共通UI部品はビルドの仕組みを持たない制約上、各HTMLファイルにコピーして使う方針が採られていることも `.claude/rules/architecture.md` から確認できます。