作品はコチラ：https://portfoliofu.shop/e-typing

■ プロジェクト概要

英語学習とタイピングを組み合わせた、PWA対応の学習アプリケーション。
単なるタイピングゲームではなく、「苦手の可視化」と「復習導線」を組み込み、学習者が自分の成長を継続的に実感できる設計を意識しました。

■ 開発背景と目的

英語学習において「継続できない」「復習が続かない」という課題に着目し、
“遊びながら自然に復習が回る仕組み”をテーマに開発しました。

ターゲットは、英語に苦手意識を持つ初学者・子供層です。

■ このプロダクトの強み

① 非エンジニアでも運用できるデータ設計
CSVファイルを読み込むことで単語リストを簡単に差し替え可能な構成にし、教育現場や家庭でも運用できる設計にしました。開発者に依存しない拡張性を意識しています。

② 継続を促すUI/UX設計
ミスした単語の再出題や記録更新のフィードバックを実装し、「昨日の自分より成長している」と感じられる体験を設計しました。単発で終わらない学習導線を重視しています。

③ 短期間でのプロトタイピングと改善サイクル
AI（Gemini Canvas）を活用し、設計・実装・UI改善を短期間で反復。
単なるコード生成ではなく、UI/UXの検証パートナーとして活用することで、スピードと品質の両立を図りました。

■ 使用技術

  • HTML / CSS / JavaScript（Vanilla）
  • PWA（Service Workerによるオフライン対応、ホーム画面追加）
  • Gemini（設計・UI検討・コード生成支援）