TOYPE（トーイップ

プロダクト概要 TOYPE は、TOEIC の英単語をタイピングゲームをしながら学ぶことができる個人開発のアプリです。英語のスキルを楽しく、そして効果的に向上させることを目的としています。ユーザーがログインすることで、MyPage 機能を通じてこれまでに間違えた単語を振り返ることができます。この機能により、ユーザーは自分の苦手な単語を確認し、継続的に学習を進めることが可能です。

デモ

デプロイ済みアプリケーションはこちらからアクセスできます

使用技術

• Next.js: React ベースのフレームワーク
• Firebase: 認証と Firestore データベースとして使用
• Google Gemini: AI を使った服装提案
• Google Search API: 提案服装の関連画像を表示

展望　

• ユーザーが苦手な単語を打ち込んでその単語をタイピングゲームの問題としてプレイできる機能を追加。
• UX の向上

使用技術

• TypeScript: 型安全を確保し、効率的かつ堅牢な開発を実現するため
• Next.js: React ベースのフレームワーク
• Firebase: 認証と Firestore データベースとして使用

アピールポイント

• 楽しく学べる学習体験 タイピングゲームを通じて、TOEIC の英単語を楽しみながら効率的に学ぶことができます。単調になりがちな語彙の学習を、ゲーム性を持たせることで長続きしやすい体験に仕上げています。

• MyPage 機能による学習管理 ログイン後、ユーザーは自分の学習履歴や間違えた単語を MyPage で確認できます。これにより、復習を効果的に行うことができ、学習の定着率を向上させることを目指しています。

• 充実した学習サポート 単語を間違えた際にはその意味も表示されることで、学習の質を高めます。これにより、ユーザーが単語を正確に覚えるきっかけを提供します。

  大変だったこと

• 間違えた単語の判定機能 ユーザーがタイプミスした単語を的確に判定し、MyPage で正確に振り返られるようにする機能の実装は、データの管理やパフォーマンス最適化に工夫が必要でした。特に、重複した単語の扱いや結果の表示に関して細かな調整を行いました。

• Firebase を用いたログイン機能とユーザー判定 初めて Firebase を使用したのでキャッチアップに多くの時間を要しました。また、ユーザーごとに DB からデータを取得することも非常に難しかったです。