アプリケーション名

MINE TYPING

アプリケーション概要

自分が学習した単語・意味が登録できる辞書が作成でき、その登録した単語でタイピング練習ができる

タイピング練習で正解した問題数により経験値が加算されていき、キャラクターが育つ

URL

https://minetyping-test.onrender.com 現在調整中のため、一部実装できてない機能があります ※render.comの仕様上、読み込みが出来ない、サイトがつながるまで時間がかかる場合があります。

利用方法

辞書

単語登録

• トップページのDictionaryからページ遷移

• Dictionaryページ（単語一覧画面）の右側、［単語を登録する］ボタンを押し、単語登録ページに遷移

• 単語・意味を入力し、［保存する］ボタンを押す（単語登録完了）

• 単語の編集、削除は単語カードの右下のアイコンで行う (※事前に10個程度単語が登録されています。)

  編集(えんぴつ) 削除（ゴミ箱）

単語の順序並び替え

• 昇順・降順
• 辞書ごとの選択肢の絞り込み

辞書の登録

• Dictionaryページ右側のボタン［辞書一覧］から遷移
• ［辞書登録］ボタンを押し、辞書登録ページに遷移
• 辞書の種類を入力し、［保存する］ボタンを押す（辞書登録完了）
• 上記単語と同様に編集、削除可能

タイピング

• トップページのTypingからページ遷移
• 画面上部［START］ボタンからTyping練習画面へ遷移
• タイピング練習画面、上部に辞書で登録した単語が表示される
• 表示されている文字数分を打ち込む事で正解、不正解が判定される
• スペース、記号含め全ての文字がタイピングした文字と合致した場合、正解となる
• 文字数分打ち込み、上記の条件と不一致だった場合、不正解となる
• 規定の問題数が終了すると結果が表示される

キャラクター育成

• 上記のタイピング練習画面での正解数で経験値が加算される（1問 = 1exp）
• 経験値が一定に達するとキャラクターのレベルが5レベルずつ上がり、状態が変化する
• 現時点でキャラクターはMAX35レベル
• 現時点でキャラクターの種類は一種類（keybo）

アプリケーションを作成した背景

• プログラミングの学習を始め、様々な単語や用語を記録するアプリが欲しかった。

• タイピングミスによるエラーや不具合が多々あった為、いい練習方法を探していた。

タイピングを練習しつつ復習できるようなアプリがあれば学習がより良いものになるのではないかと考えた。

洗い出した要件

https://docs.google.com/spreadsheets/d/1rdxkaf1Kw8Wbz4Iu34td5LaiUoVLSwdPpB4b2cR-FE0/edit#gid=282075926

データベース設計

画面遷移図

実装機能

機能の実装

• 件数絞り込み機能
• キャラクターの種類追加
• ユーザー登録機能

開発環境

• フロントエンド
• バックエンド
• インフラ
• テスト
• テキストエディタ

工夫したポイント

• 辞書登録機能

　自分が学習した単語を登録できるため、オリジナルの辞書を作成することができます。

• タイピング練習とキャラクター育成

　単純にタイピング練習ができるだけではなく、キャラクターの育成機能があることにより、

　学習のモチベーションの維持を保てるようにしました。

• デザイン

　オリジナルキャラクターを考案し、学習が楽しくなるような要素を取り入れました。

　また、使いやすさを重視しました。