構成
| フロントエンド | HTML / CSS / JavaScript |
|---|---|
| 質問データ | level1.json / level2.json / level3.json / level4.json |
| バックエンド | なし。静的サイトとして動作 |
| ビルドツール | 不要 |
| アカウント | 不要 |
画面とファイル
開始
index.htmlからselect.htmlへ進みます。
選択
select.jsがLevelと問題数を受け取り、次のURLを組み立てます。
質問
question.jsがJSONを読み込み、シャッフルして質問を表示します。
終了
選択した問題数を終えるとfinish.htmlへ進みます。
質問データ
| Level 1 | 166件 / sensitivity 1 |
|---|---|
| Level 2 | 58件 / sensitivity 1〜2 |
| Level 3 | 100件 / 81件に解説 |
| Level 4 | 41件 / すべてに解説 |
| 合計 | 365件 |
質問オブジェクトには、質問文、Level、カテゴリ、sensitivity、必要に応じてdetail.textとdetail.sourcesが含まれます。
表示ロジック
01
読み込む
選択したLevelのJSONを読み込みます。
02
選ぶ
質問をシャッフルし、選択した問題数だけ表示します。
03
進む
「次の質問」と「今回は話さない」は、どちらも次の質問へ進みます。
04
解説する
detail.textがある質問だけ「この問いを知る」を表示します。
Privacy
公式READMEでは、アカウント不要、回答の保存なし、回答の収集なし、広告なし、課金なしと説明されています。会話は目の前の相手と行うことを中心に設計されています。
正本とライセンス
最新の実装はGitHubリポジトリを確認してください。ソースコードはMIT License、質問・解説などのコンテンツデータはCC BY-SA 4.0です。