Giter Site home page Giter Site logo

share_malicious_players's Introduction

Malicious Fighters

StreetFighterV(以下スト5)のオンライン対戦に跋扈する悪質なプレイヤーを共有するサービスです。

アプリURL

https://www.malicious-fighters.com/

👣 ユーザー数&PV数

⭐ 初動 1350人&15000PV(6/9)
🌟 稼働3週間 UU1600人&18500PV(~7/1)

サービスを作った経緯

私が愛してやまない格闘ゲーム(ビデオゲームのジャンルの一つ)をプレイしていると、オンライン対戦で稀に悪質なプレイヤーとマッチングすることがありました。
悪質なプレイヤーとは、屈伸や挑発行為、切断を行うプレイヤーを指します。純粋に腕前を競うゲームで今この瞬間にも対戦相手へ嫌がらせを行っているプレイヤーが存在しています。
楽しむためにゲームをしているのにマナーの悪い人とマッチングすると気分が台無しになり、それが原因でゲームをやめてしまう人もいます。
特定の相手とマッチングしないためのブラックリスト機能は存在しますが、プレイヤーの素性は対戦するまで分かりません。被害を受けて初めてブラックリストを使うことになります。出来れば一度もそんな相手と当たりたくない…。もし悪質なプレイヤーを事前に知ることができたら、対戦するたびに余計な心配をする必要はなくなります。
そんな思いから、悪質プレイヤーの情報をまとめたサービスを作りました。

マーケット

  • スト5のオンライン対戦で悪質なプレイヤーとマッチングしたくない人
  • 悪質なプレイヤーを事前に知っておきたい人

登場人物

  • (健全な)プレイヤー
    • 悪質なプレイヤーとマッチングしたくない
  • 悪質プレイヤー
    • マナーが悪く対戦相手に悪質なプレイをする
  • アプリ管理人
    • 悪質プレイヤーをデータベース化し、悪質プレイヤーとマッチングしたくないプレイヤーに情報を共有する

機能紹介

トップページ プレイヤー検索
検索機能や登録申請、更新情報が表示されている。 指定した条件で検索する。

データベース プレイヤーデータ1/2
指定した条件での検索結果が表示される。 悪質プレイヤーの詳細情報を確認できる。

プレイヤーデータ2/2 会員登録
悪質プレイの証拠動画を見て、悪質かどうかの投票を行うことができる。 必須項目を入力して会員登録を行う。

ログイン プロフィール
登録したメールアドレスとパスワードを入力してログインする。 登録した会員情報を見ることができる。

コメント機能(未ログイン) コメント機能(ログイン済)
ログインすることでプレイヤー詳細ページ下部のコメント閲覧・投稿をすることができるようになる。 プレイヤーに関するコメントを投稿できる。自分のコメントは削除可能。

トップページ(管理者) プレイヤー登録
admin権限を与えられた管理者が「新規登録」から悪質プレイヤーの登録をできる。 プレイヤーの情報、証拠の動画を登録する。

プレイヤー編集 お問い合わせ
admin権限を与えられた管理者がプレイヤー詳細ページからプレイヤーの情報を編集できる。 管理者宛にメッセージを送ることができる。

使用技術

  • Ruby 2.6.6
  • Rails 6.0.3.5
  • RSpec
  • MySQL
  • Nginx
  • Puma
  • AWS
    • VPC
    • EC2
    • RDS
    • ALB
    • Route53
    • ACM
    • S3

主要機能

  • 検索機能(ransack)
  • ログイン機能(sorcery)
  • コメント機能
  • プレイヤー登録機能(admin権限)
  • 投票機能(ajax)

ER図

malicious_fighters_er

インフラ構成図

インフラ構成図

share_malicious_players's People

Contributors

hiromu-sato1989 avatar

Stargazers

matsu4ki avatar

Watchers

 avatar

share_malicious_players's Issues

AWS S3導入

  • 必要なgemを入れる
  • AWSとの連携に必要なコード記述

categoriesテーブルの作成

概要

fighterが行ってくる悪質行為の種類を管理するテーブルを作成。
nameカラムにNOT NULL制約、一意性制約をつける。
バリデーションを設定する。
モデルスペックのテストを記述。

charactersテーブルの変更

多対多で構成していたテーブルを1対多へ変更する

  • Fightersテーブルにcharacter_idカラムを追加
  • FighterCharactersテーブルの削除

トップページの作成

概要

サービスのトップページを作成する。
コントローラー、ビュー、ルーティングを設定する。

チェックリスト

  • トップページコントローラーの作成
  • routing
  • ヘッダーの作成
  • リンクやボタンの配置

leaguesテーブルの作成

概要

fighterの所属するリーグを管理するテーブルを作成。
nameカラムにNOT NULL制約、一意性制約をつける。
バリデーションを設定する。
モデルスペックのテストを記述。

コメント機能作成

  • テーブル作成
  • 他テーブルとのアソシエーション
  • コントローラ記述
  • ビューの作成

admin権限

  • usersにbooleanでadminを追加
  • defaultはfalseで自分のアカウントのみtrueへ変更

fighters/newの作成

複数テーブルとのアソシエーションを作り、新規登録ページを作成する。

ログイン機能作成

  • sorcery導入
  • users_controller作成
  • user_sessions_controller作成
  • ログイン可否でヘッダー分岐

charactersテーブルの作成

概要

fighterが使用するキャラクターを管理するテーブルを作成。
nameカラムにNOT NULL制約、一意性制約をつける。
バリデーションを設定する。
モデルスペックのテストを記述。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.