GeminiType
Node.js
Express
Vue
Responsive
アプリ
生成AI(Gemini
API)を活用したタイピング練習アプリです。「好きなテーマ」を入力するだけで、AIがあなただけのオリジナル練習問題を自動生成します。
ストレスフリーな入力判定ロジックと詳細な成長記録グラフを備え、モチベーションを維持しながら楽しくタイピングスキルを向上させることができます。
フロントエンドはVue.js、バックエンドはNode.js/Expressを使用して構築されています。
WEB SITE
ゲスト用テストアカウント
・メールアドレス: guest@test.com
・パスワード: testguest
- POINT
-
・生成AI(Gemini API)による無限の問題生成
ユーザーの好きなテーマに基づいて、Gemini APIがリアルタイムに問題文を生成します。毎回異なる文章が出題されるため、飽きることなく、楽しみながらタイピング練習を継続できる環境を実現しました。
・ストレスフリーな入力判定ロジック
「し (shi, si, ci)」や「ん (n, nn)」など、日本語入力における複数のローマ字パターンに柔軟に対応する判定ロジックを実装。ユーザーの打ち方のクセを阻害せず、気持ちよくタイピングできる環境を構築しました。
・AIコーチによるパーソナライズされたフィードバック
プレイごとの成績(KPM、正確率、スコア、ランクなど)を基に、Gemini APIが「AIコーチ」として結果を分析します。苦手なキーを指摘したり、正確率が低い場合は「スピードを少し落として正確に打とう」など具体的な助言をしたりと、可愛くも的確なアドバイスで毎日のモチベーション維持をバックアップします。
・成長を実感できるデータ可視化と実用的な復習機能
Chart.js を用いた成長グラフや、苦手キーのランキング表示により、客観的なデータに基づいた上達をサポートします。過去の履歴から、ピンポイントで即座に試し打ち(練習)できる機能を実装。効率的な弱点克服を可能にする復習ツールです。 - 使用技術
- Node.js / Express / Prisma / JWT / Vue.js(v3) / Pinia / Axios / Gemini API / Yahoo! JAPAN ルビ振りAPI
- URL
-
https://geminitype.mikanbako.jp/
ゲスト用テストアカウント
・メールアドレス: guest@test.com
・パスワード: testguest - デザイン
- Figmaページ(閲覧のみ可能です)