【個人開発】1,200問以上収録のPWA雑学クイズゲーム「雑学クイズ」を作りました

個人開発アプリ

このツールをすぐ使いたい方はこちら

雑学クイズで遊ぶ →

  1. はじめに — なぜ雑学クイズを作ったのか
  2. 雑学クイズとは
  3. 主な機能紹介
  4. 遊び方ガイド
  5. スコアリングシステム
  6. 技術的なこだわり
  7. 今後のアップデート予定
  8. まとめ

はじめに — なぜ雑学クイズを作ったのか

突然ですが、みなさんは雑学が好きですか? 私はかなり好きです。テレビのクイズ番組を見ては「へえ!」と声を出し、Wikipediaを開いては関連記事を延々と読み続けてしまうタイプです。

ただ、既存のクイズアプリって意外と満足できるものが少ないんですよね。広告が多すぎたり、問題数が少なかったり、「解説を読んで学ぶ」という体験が薄いものが多い。正解・不正解だけじゃなくて、「なぜそうなのか」を知りたいのに、そこが省略されているアプリがほとんどでした。

だったら自分で作ろう、と。解説が充実していて、遊ぶほど知識が身につくクイズゲームを目指して開発したのが「雑学クイズ」です。結果的に1,200問以上のボリュームになり、各問に解説と「深掘り」コンテンツまで付けた、なかなか読み応えのあるアプリに仕上がりました。

雑学クイズとは

雑学クイズは、12カテゴリ・1,200問以上の雑学クイズに挑戦できるPWA(Progressive Web App)ゲームです。

雑学クイズ — 知るほど、もっと知りたくなる。

科学・歴史・地理・食べ物・動物・言語・エンタメ・人体・宇宙・スポーツ・芸術・テクノロジーの12カテゴリから出題。1ラウンド10問、15秒の制限時間で回答し、スコアとランキングを競います。全問に解説と「深掘り」教育コンテンツ付き。

「ただ正解を当てるだけ」のクイズゲームとは一線を画しています。雑学クイズの本質は「知る楽しさ」を体験すること。問題に答えた後の解説パートこそが本番と言っても過言ではありません。「深掘り」セクションでは、その問題に関連するトリビアや背景知識まで掘り下げて紹介しています。

PWA対応なので、スマホのホーム画面に追加すればアプリストアを経由せずにネイティブアプリのように使えます。Service Workerによるオフライン対応も実装しているので、通信環境のない場所でも問題なく遊べます。

主な機能紹介

雑学クイズには、クイズを「遊ぶ」だけでなく「学ぶ」「競う」「続ける」ための機能が揃っています。

📚

12カテゴリ × 1,200問以上

科学、歴史、地理、食べ物、動物、言語、エンタメ、人体、宇宙、スポーツ、芸術、テクノロジーの12カテゴリから出題。各カテゴリ100問以上を収録しており、飽きずに長く遊べます。全問に丁寧な解説と「深掘り」教育コンテンツ付き。

15秒タイマー & スピードボーナス

1問あたり15秒の制限時間があり、程よい緊張感の中で回答します。素早く正解するほどスピードボーナスが加算されるので、知識だけでなく反射神経も問われます。1ラウンド10問のテンポの良さもポイントです。

🔥

ストリーク & コンボシステム

連続正解するとストリーク(連続正解数)が積み重なり、スコア倍率が最大3倍まで上昇します。10問連続正解で3倍に到達。ハイスコアを狙うなら、いかにストリークを途切れさせないかが鍵になります。

📅

デイリーチャレンジ

毎日同じ問題セットが全ユーザーに出題されるデイリーチャレンジモード。シード値を使ったランダマイズにより、その日だけの問題セットが生成されます。「今日のクイズ」として毎日の習慣にぴったり。他のユーザーとスコアを比較できます。

🔄

復習モード

間違えた問題を重点的に出題する復習モードを搭載。インテリジェントな重み付けにより、苦手な問題ほど出題頻度が高くなります。繰り返し挑戦することで、確実に知識が定着していきます。

🏆

グローバルランキング

Firebaseを使ったリアルタイムのグローバルランキング機能を搭載。自分のスコアが全ユーザーの中でどの位置にいるのかが一目でわかります。デイリーチャレンジの順位も確認可能です。

50段階レベルシステム

クイズに回答するたびに経験値が溜まり、全50段階のレベルが上がっていきます。最初のレベルは「ひよっこ」、最高レベルは「全知全能の神」。レベルが上がるたびに称号が変わるので、モチベーションが持続します。

対応カテゴリ一覧

科学
歴史
地理
食べ物
動物
言語
エンタメ
人体
宇宙
スポーツ
芸術
テクノロジー

遊び方ガイド

雑学クイズの遊び方はとてもシンプルです。アクセスしたらすぐに遊べます。

  1. サイトにアクセスする

    ブラウザでアクセスするだけでOK。アカウント登録なしですぐに遊び始められます。スマホならホーム画面に追加すると、アプリのように起動できて便利です。

  2. カテゴリを選ぶ

    12カテゴリの中から好きなものを選ぶか、全カテゴリからランダムに出題されるモードを選択します。デイリーチャレンジに挑戦することもできます。

  3. 10問に回答する

    1問15秒の制限時間内に4択から回答。正解するとスコアが加算され、連続正解でストリークボーナスが発生します。不正解でも解説で学べるので安心。

  4. 結果を確認 & 復習する

    ラウンド終了後にスコアと正答率を確認できます。間違えた問題は復習モードで重点的に学び直せます。ランキングで他のユーザーと順位を比較するのも楽しいですよ。

まずは1ラウンド遊んでみてください

完全無料。ブラウザからすぐに始められます。

雑学クイズで遊ぶ

スコアリングシステム

雑学クイズのスコアリングは単純な正解数カウントではありません。「速さ」と「連続正解」が大きく影響する設計にしています。

スコア計算の仕組み

要素 内容 スコアへの影響
基本スコア 正解1問につき 100pt
スピードボーナス 回答が速いほど加算 +α pt
ストリーク倍率 連続正解で上昇 最大3.0倍
最大倍率到達 10問連続正解 3.0倍

つまり、「速く」「正確に」「連続で」正解するほど高得点になります。10問全問正解でも、ゆっくり答えた場合と素早く答えた場合ではスコアが大きく違ってきます。ストリーク倍率は連続正解数に応じて段階的に上がり、10連続正解で最大の3倍に。途中で不正解すると倍率はリセットされるので、1問1問の緊張感がたまりません。

レベル称号の一例

レベル帯 称号 雰囲気
Lv.1 ひよっこ 雑学の世界へようこそ
Lv.10 雑学好き 知識が増えてきた頃
Lv.25 博識 かなりの実力者
Lv.50 全知全能の神 頂点に立つ者

全50段階のレベルには、それぞれユニークな称号が付いています。レベルが上がるたびに称号が変わるのが地味に嬉しいんですよね。「全知全能の神」を目指して頑張ってください。

技術的なこだわり

エンジニアとしてのこだわりポイントも紹介します。雑学クイズは以下の技術スタックで構築しています。

Frontend
Vanilla JavaScript
フレームワークを使わず、純粋なJavaScriptで実装。軽量で高速な動作を実現しています。ビルドツールにはViteを採用し、開発体験も快適です。

Backend / DB
Firebase
ランキングやユーザーデータの管理にFirebaseを利用。Firestoreによるリアルタイムデータ同期で、ランキングが即座に反映されます。

Build Tool
Vite
高速なHMR(Hot Module Replacement)と最適化されたビルド出力。開発時のフィードバックループが速く、個人開発の生産性を大きく向上させてくれました。

Offline
Service Worker
Service Workerによるキャッシュ戦略を実装。一度読み込んだ問題データやアセットはオフラインでも利用可能。通勤電車のトンネル内でも途切れずプレイできます。

PWA
Installable PWA
Web App Manifestを適切に設定し、モバイル端末にインストール可能なPWAとして配信。ホーム画面からワンタップで起動できます。

Daily Challenge
Seeded Random
日付をシード値としたランダマイズで、デイリーチャレンジの問題セットを生成。全ユーザーが同じ問題に挑戦でき、公平にスコアを競えます。

技術選定で最もこだわったのはVanilla JSでの実装です。ReactやVueを使う選択肢もありましたが、クイズゲームという性質上、DOMの操作は比較的シンプル。フレームワークのオーバーヘッドを排除することで、初回ロードが速く、オフラインキャッシュも軽量に仕上がりました。

デイリーチャレンジの「シード値ランダマイズ」も面白い仕組みです。日付文字列からハッシュ値を生成し、それを乱数のシードとして使うことで、同じ日には全員が同じ問題セットに挑戦できるようにしています。サーバー側で問題セットを管理する必要がないので、運用コストも抑えられています。

今後のアップデート予定

雑学クイズはまだまだ進化途中です。現在、以下のような機能を検討・開発中です。

  • 問題数の拡充 — 各カテゴリの問題をさらに追加し、2,000問以上を目指す
  • 難易度選択 — 初級・中級・上級の難易度フィルターを追加
  • フレンド対戦 — 友達と同じ問題セットでスコアを競えるリアルタイム対戦機能
  • 実績・バッジシステム — 特定条件を達成するとバッジがもらえる収集要素
  • カスタムクイズ — ユーザーが自分で問題を作成・共有できる機能
  • 多言語対応 — 英語版の問題セットを追加

特に「フレンド対戦」は要望が多く、優先的に開発を進めています。「こんな機能がほしい」「このカテゴリを追加してほしい」などのフィードバックがあれば、ぜひXのDMからお聞かせください。

まとめ

雑学クイズは、遊びながら知識が身につくPWAクイズゲームです。改めてポイントをまとめます。

  • 12カテゴリ・1,200問以上 — 科学から芸術まで幅広い雑学を収録
  • 全問に解説 & 深掘り付き — 正解しても不正解でも学びがある
  • スコアリングシステム — スピードボーナスとストリーク倍率で奥深いスコア争い
  • デイリーチャレンジ — 毎日同じ問題で全ユーザーが競い合える
  • 復習モード — 間違えた問題を重点的に学び直せる
  • 50段階のレベルシステム — 「ひよっこ」から「全知全能の神」まで
  • PWA & オフライン対応 — インストール不要、オフラインでも遊べる

「雑学を知る」って、実はとても贅沢な娯楽だと思います。直接役に立つかどうかはわからないけど、世界の見え方がちょっとだけ変わる。そんな体験を、スマホで手軽に味わえるアプリを目指して作りました。

完全無料で遊べるので、通勤中や寝る前のちょっとした時間にぜひ試してみてください。1ラウンド10問、約2分で終わるので、気軽に始められますよ。

雑学クイズ — 知るほど、もっと知りたくなる。

完全無料。ブラウザからすぐにプレイ開始できます。

雑学クイズを始める

タイトルとURLをコピーしました