1 of 15

ちのじょ打鍵王

215701C 安里南海 215715C 照屋希彩​

215725A 仲田朋矢 215726J 神村琉恩​

215749H 根路銘理子 215613A 仲宗根羽七

2 of 15

タイピングゲームとは

対象としている人

キーボードでの文字入力の練習や、タッチタイピングの習得を行うためのゲーム

琉球大学のie生。主にタイピング自慢の人にはぜひやってみてほしい。

ちのじょ打鍵王はie生同士で点数の勝負ができる!

3 of 15

作業方法

開発手法:アジャイル開発

フロント担当3人、バック担当3人

フロントリーダー 仲田朋矢

フロントメンバー 照屋希彩​、 仲宗根羽七

バックリーダー  神村琉恩

バックメンバー  安里南海、 根路銘理子

4 of 15

作業進捗

行程1

フロントエンド:ページ遷移、テンプレート、UIの設計、

バックエンド:環境構築

行程2

フロントエンド:問題文をcsvファイルかJSONファイルで作成する

バックエンド:ページ遷移表通りの構成を作る

5 of 15

作業進捗

行程3

フロントエンド:テンプレートを今回の企画通りに作成する

バックエンド:DBとの接続、OAuth認証追加

工程4

フロントエンド:ログイン、ログアウト切り替え実装

バックエンド:SSL化

6 of 15

実際に動かした時の様子①

・トップ画面

「START」

「LOGIN」

「RANKING」

を選択できる�背景の雲がフヨフヨと流れます

7 of 15

実際に動かした時の様子②

「LOGIN」選択

ログインボタンを押すとアカウント選択ができる

下のBACKボタンでスタート画面に戻る。

これによりランキングに点数が登録できるよ!

8 of 15

実際に動かした時の様子③

・ゲーム画面

名言や迷言を打っていきましょう!

WPMと正答率でスコアが算出される。

9 of 15

実際に動かした時の様子④

・結果画面

終了後に「もう一回」を押して再度挑戦すると画像のように前回の結果を比較してみれる。

苦手キーまで教えてくれるよ!

10 of 15

実際に動かした時の様子⑤

・ランキング画面

他の挑戦者と合わせたランキングが見れる。

11 of 15

使用したもの

バックエンド

フロントエンド

・Ruby on rails7

・Bootstrap5

・Ruby on Rails7

・問題文のリストはjsonで保存

12 of 15

その他技術

・データベースはMySQL3を使用

・Nginx

・OAuth

13 of 15

やりのこしたこと

・オンクリック時のSEのバグを修正。

・琉大のキャラクターを勝手に作って登場させる

→ユニークさ、オリジナリティを出す

・ゲーム中の画面と背景の統一感を出すこと

14 of 15

チームとして良い点、改善点

・初期構想のアイデアを2ヶ月ほど制作時間にあてていたが、形にできなかったこと

→方向転換について話し合えたことで完成までこぎつけた

・アイデア出しを積極的に行い、さまざまな意見の交換ができた。

・多忙な中、作業を多くこなしてくれる人がいたが稼働率の差があった。

15 of 15

わり

ありがとうございました❗️

215701C 安里南海 215715C 照屋希彩​

215725A 仲田朋矢 215726J 神村琉恩​

215749H 根路銘理子 215613A 仲宗根羽七

このスライドは、Google Slidesで作りました。