ポートフォリオに戻る
React Vite YAML Fan Site

歌詞あてクイズ | 凋叶棕 ファンサイト

凋叶棕の楽曲歌詞に登場する当て字・難読表現を4択で答えるReact製クイズサイト。アルバム単位で挑戦でき、正解時にルビや読みの背景も学べます。

概要

東方アレンジサークル「凋叶棕(RD-Sounds)」の楽曲歌詞に登場する当て字や特殊な読み方を題材にした4択クイズサイト。ファン向けの難易度の高いクイズを通じて、楽曲の歌詞表現の工夫を楽しめます。

主な機能

  • アルバム選択制: 複数のアルバムから好きなものを選んでクイズに挑戦
  • 当て字の詳細表示: 正解時に漢字のルビ・読み方・背景を学習できる
  • YAML形式データ: 拡張性の高いデータ構造で新しいクイズの追加が容易
  • 即時フィードバック: 選択肢タップで正誤を即表示、スムーズなクイズ体験

技術構成

  • フロントエンド: React + TypeScript
  • ビルドツール: Vite
  • データ管理: YAML形式(ビルド時にパース)
  • デプロイ: スタンドアロンサイトとして song-quiz.luy869.net で運用