冒険者ギルド

ゲーム紹介

冒険者ギルドは、ドラゴンクエスト風のUIで冒険者になりきれるブラウザRPGです。名前・職業・自己紹介を入力して冒険者登録を行うと、ギルド本部からステータス確認、装備の装着、モンスター図鑑の閲覧、呪文の習得、ターン制バトルへの挑戦、職業の進化、伝承の間の閲覧など、複数の機能へ遷移できます。9種類の職業（せんし・まほうつかい・そうりょ・とうぞく・しょうにん・ぶとうか・うたうたい・けんじゃ・その他）から自分の冒険者を作り、ステータスや装備を育てていく、ドラゴンクエストの世界観を丁寧に再現したRPG体験です。

遊び方

• 「けってい」ボタンから登録フローに入り、冒険者名（最大10文字）を入力します。
• ↑↓キーまたはタップで9種の職業から1つを選びます。カーソルを合わせるとその職業のステータス（力・素早・守備・魔力・回復）がプレビュー表示されます。
• 自己紹介文（最大200文字、スキップ可）を入力し、確認画面で内容を確認して登録を確定すると、冒険者ギルドカードが発行されます。
• 登録完了後はギルド本部（ハブ画面）に入り、そこから「装備の間」でアイテムを装着してステータスを強化したり、「モンスター図鑑」で討伐記録を確認したり、「まほうの まきもの」でキャラクターのレベルに応じて習得できる呪文を確認したりできます。
• 「せんいのば」ではモンスターを選んでターン制バトルに挑戦できます。勝敗の結果は戦歴として記録され、ギルド本部の「冒険の書」から直近の戦歴を振り返れます。
• キャラクター・装備・呪文・戦歴などのデータはブラウザのlocalStorageに保存され、次回訪問時も引き継がれます。

制作背景

冒険者ギルドは、『コードクエスト』という学習課題の達成物として作られたプロジェクトで、元々はGitHub Pagesで個人公開されていたものを、Tommy Gamesのモノレポへ移行する形で追加されました。開発は「クエスト」単位で区切られており、ターン制バトル、職業の進化、モンスターとの出会いを記録する伝承の間など、機能が1つずつクエストとして積み上げられてきた経緯がGit履歴から確認できます。

技術的には、ビルドツールを使わずReactとBabel StandaloneをCDN経由で読み込み、`<script type="text/babel">` を含む静的HTMLだけで登録・ギルド本部・装備・図鑑・呪文・バトル・伝承といった各ページを構成しています。二重ボーダーに影を落とした専用のウィンドウデザインや、文字を1つずつ表示する演出など、ドラゴンクエスト風の世界観を保つためのUIルールがプロジェクト内に明文化されており、ビルドの仕組みを持たない制約の中で、共通のUI部品を各HTMLファイルにコピーして使う方針が採られています。