Skip to content

Repository files navigation

logo

Laravel version License

MH4G情報管理.com

このWebアプリについて

 このwebアプリはMonsterHunter4Gというゲームの情報をフォーマットを統一して共有、管理することを目的として制作しました。 このwebアプリでは、ゲーム内の情報の中で、"ギルドクエスト"というものに焦点を当てました。ギルドクエスト、通称ギルクエとは、ゲーム内で乱数で生成されるものです。乱数により、討伐対象のモンスターの種類や数、報酬のレア度や種類や数、フィールドの地形などが決定されます。 先にあげたような、多岐に渡る項目がランダムに決定されるため、自分の欲しいギルクエを生成するのは、非常に難易度が高く、時間もかかることになります。

 しかし、ギルクエは自身で生成する以外にも入手方法が存在します。それは、オンライン通信を介して他の人から貰う、というものです。そこで、有志の制作したMH4Gのコミュニティ内では、それぞれの所持しているギルクエをメモ帳やエクセルにまとめ、それを共有する形で、交換・譲渡が行われています。しかし、そのような方法では、誰がどの様なギルクエを持っているか不明瞭で、自分の欲しいギルクエを探すことも目視で行うしかなく、非効率的である、という課題がありました。

そのような課題を解決することができるのが、この"MH4G情報管理.com"です。

こちらからアクセスできます。

追記: 利用者が居ないこと、維持費用もかかることからサービスは終了しました。


制作の背景

制作の背景として、まず第一に、私自身がこのMH4Gというゲームが好きであり、また、古いゲームながらも根強い人気があるということが挙げられます。 次に、ニッチな分野であるが故に、既存のサービスが存在しないこと、"このWebアプリについて"に書いたような確実な需要があることが挙げられます。
ユーザーが少数であったとしても、既存サービスでは解決できないニーズを解決したい、という思いで制作しました。


サイトイメージ

・ホーム

・ギルクエ一覧

・ギルクエ一覧(絞り込み)

このWebアプリでできること

・ギルクエ投稿

ギルドクエスト情報を投稿するこどができます。投稿後、編集削除を行えます。
自分の投稿したギルクエは、まとめて管理することができ、絞り込みや並び替えに対応しています。

・ギルクエ閲覧

自分や他の人が投稿したギルクエを見ることができます。
絞り込みや並び替えに対応しており、気に入ったクエストはブックマークをすることができます。 ブクマしたギルクエをまとめて閲覧することもできます。

・ダイレクトメッセージ

DMを送受信できます。
自分の欲しいギルクエを投稿した人にDMを送ることで、譲渡や交換の依頼を行えます。

・アカウントの公開非公開設定

アカウントを公開・非公開を切り替えることができます。 DM機能や、ギルドクエストの交換や譲渡など、交流を目的としたユーザーはアカウントを公開に、自身の所持しているギルクエを管理することを目的としたユーザーはアカウントを非公開にすることで、様々な需要をカバーしています。


制作する上で工夫した点

・ページ遷移(ロード、リロード)の回数

Webサイトの使用者の立場に立った時、ページ遷移の回数は少ない方が楽なのではと考え、絞り込み機能使用時にモーダルを用いたり、ブックマーク機能呼び出し時にjQueryを用いてAjax通信をするよう実装したりすることで、ページの遷移回数を減らすように制作しました。

・UI

直感的に使用しやすいデザインになるよう意識しました。

・絞り込み、並び替え機能

自身の欲しいギルクエを効率的に探せるように、絞り込み、並び替え機能を実装しました。

・フォーマット統一

投稿するギルクエの殆んどの項目を入力式ではなく、選択式としたことで、誤字を防ぎ、フォーマットを統一することができ、並び替え機能を損なわないようにしました。


開発環境

・AWS-cloud9

・Laravel 9.52.16

・tailwind


本番環境

・サクラVPS

・centos stream9

・nginx 1.22.1

・Laravel 9.52.16


ER図


制作者情報

作成:Ang107


About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages