早口言葉選手権

https://hayakuchi-championship.com/

※本サービスはコスト削減のため、22/11/3(木)をもってサービス終了いたしました。 プレイしていただいた皆様、誠にありがとうございました。

サービス概要

早口言葉に音声入力とタイピングゲームの要素を組み合わせた、滑舌改善のためのWebサービスです。
若い方からお年寄りまで、スコアを競いながら楽しく滑舌を改善することができます。

メインのターゲットユーザー

• 滑舌や話し方に悩みがある人
• 早口言葉が得意であり、力試しがしたい人
• 滑舌が仕事のパフォーマンスに大きく影響する人(例.アナウンサー、お笑い芸人、音声認識を積極的に活用しているWebライターなど)

主な画面・機能一覧

トップページ
・試合するか練習するかを選択できる

試合ページ
・表示されるお題を発声すると、発音の精度により点数がもらえる ・アウトが3回重なるか、60秒の制限時間を使い切ったらゲームオーバー

練習ページ	結果ページ
・試合モードで出題されるお題を個別に練習できるモード	・録音した音声を再生できる

マイページ
・試合結果や練習結果をいつでも見返したり復習したりできるページ

ランキング
・ライバルたちとスコアで競おう！

使用技術

• Ruby(3.1.2)
• Ruby on Rails(6.1.6)
• JavaScript
• JQuery
• AWS(ECS, ECR, Fargate, RDS, Route53, ALB, ACM, S3)
• Docker
• CircleCI
• RSpec
• MySQL

使用API

• WebSpeechAPI(音声認識に使用)

主要gem

• carrierwave-audio
• fog-aws
• bootstrap
• jquery-rails

インフラ構成(アーキテクチャ)図

ER図

※ 現在、ER図を参考に追加機能を実装中

関連ページ

• Twitterハッシュタグ: #早口言葉選手権
• Qiita記事: 【個人開発】楽しみながら滑舌を鍛えることができるWebアプリ『早口言葉選手権』をリリースしました⚾🏏

開発者向け

開発環境構築手順

dockerを立ち上げれば、localhost:5056 からアクセスできます。

$ docker compose up -d