Next.js と TypeScript で開発したIT・情報処理系のクイズ形式Webアプリケーションです。 学内の学生をターゲットにしており、毎週の授業内で行われる小テストや定期テストの対策ツールとして開発しました。
https://information-technology-3.vercel.app/
- 出題カスタマイズ： URLパラメータ（
weeks,limit）による、出題範囲（回数）の絞り込みおよび出題問題数の上限設定。 - 問題のシャッフル機能： 毎回ランダムな順序で出題され、反復学習をサポート。
- お気に入り機能： 間違えた問題や見直したい問題をストックできる機能。お気に入りの問題からのみ出題することも可能。
- 覚えた問題機能 復習しなくてもわかる問題をマークできる機能。覚えた問題はクイズに出題しないようにすることも可能。
- フロントエンド: Next.js (App Router), TypeScript
- スタイリング: Tailwind CSS
- バックエンド: Supabase （クイズデータの管理・配信）
-
データ管理の効率化（GASの活用）
クイズデータの入稿や更新をスムーズに行うため、GoogleスプレッドシートからSupabaseへデータを連携する仕組みをGAS（Google Apps Script）で構築しました。これにより、DBを直接触ることなく安全かつ迅速にデータ管理ができる環境を整えています。
-
ログイン不要で即座に使える利便性
ユーザーがテスト直前に1秒でも早く使い始められることを重視し、ユーザー認証（ログイン）を挟まない設計にしました。お気に入りデータなどは localStorage を活用してローカル環境に保存・管理することで、アカウント登録のハードルを無くしつつ、パーソナライズされた学習体験を提供しています。
# 1. 依存関係のインストール
npm install
# 2. 開発サーバーの起動
npm run dev