Language App

ABOUT

AI を駆使して、英語学習を革新的に効率化する Web アプリケーションです。このアプリは、英語フレーズの登録・学習・復習を効果的に行うための機能を提供します。特に間隔反復学習法を取り入れたクイズ機能により、記憶の定着を促進します。また、ユーザーが必要な場面で素早く英語フレーズを検索したり、AI 支援による新しいフレーズの追加を行えるシステムを構築しています。

Why

留学中に感じた「こんな機能があれば助かるのに」というリアルなニーズを反映し、語学学習者が直面する課題を解決するために設計しました。従来の語学学習アプリでは、単語帳の管理や効果的な復習のタイミングの決定が難しいという課題がありました。また、特定の文脈で使われるフレーズを学びたい場合に、使用場面やどこの地域で使われるものなのか等の情報が不足していることが多くありました。このアプリはそれらの課題を解決し、より実践的な言語学習をサポートします。

Features

• 間隔反復学習システム:

  忘却曲線に基づいた効率的な復習タイミングを自動で設定

• AI 自動フレーズ分析:

  英単語やフレーズを入力すると、AI が詳細な情報（意味、例文、語源、丁寧さのレベルなど）を分析

• テキスト読み上げ機能:

  正確な発音を学べるよう、英語の読み上げ機能を搭載

• カスタマイズ可能なメモ機能:

  各フレーズに対して、リッチテキストエディタによるメモを追加可能

• フレーズのフィルタリングとソート:

  多様な条件（丁寧さ、お気に入り、登録日など）でフィルタリング

• CSV エクスポート機能:

  学習データを CSV で出力して別システムで活用可能

• 進捗状況の可視化:

  ダッシュボードで学習進捗を一目で確認

• AI 搭載チャットアシスタント:

  日本語で質問すると AI が英語フレーズの提案やアドバイスを提供

Build with

• Frontend:

  Next.js, TypeScript, Tailwind CSS, shadcn/ui, React Hook Form

• Backend:

  Next.js API Routes, Prisma ORM

• データベース:

  PostgreSQL

• 認証:

  Clerk Authentication

• AI 統合:

  Google Gemini API

• デプロイ:

  Vercel

• その他ライブラリ:

  • motion/react (アニメーション)
  • React Quill (リッチテキストエディタ)
  • use-debounce (パフォーマンス最適化)
  • Sonner (トースト通知)

Challenges

• モバイルファースト設計:

  スマートフォンでの使いやすさを優先しながらも、デスクトップでも最適な表示・操作感を実現

• 効率的な状態管理:

  クイズ機能における複雑な状態遷移（学習済み/未学習の単語、進捗状況など）を効率的に管理

• レスポンスの最適化:

  AI からのレスポンスを最適化し、ユーザーに正確かつ迅速な情報提供を実現

• データ構造設計:

  多様なフィルタリングや検索をサポートする効率的なデータベース設計

Upcoming Features

• 複数言語対応: 英語以外の言語学習にも対応
• コミュニティ機能: 学習者同士でフレーズを共有できる機能
• 音声認識による練習機能: 発音練習と自動評価システム