ホームへ戻る
Tutorial
サイトの使い方
動画を見るのではなく、 実際の UI 上で「ここをクリック」 と step-by-step に案内する interactive ガイド。 「ガイドを開始」 を click すると該当 page に移動して自動で tour が始まります。
はじめての使い方 (全体の流れ)
ホームから quiz まで「どこを click して進めばいいか」 を 3 ステップで案内。 初回はまずこれ。
- ホームの 3 枚の grade カードから自分の学年を選ぶ
- textbook 一覧 (DualScope / NEW CROWN / 基本例文シート 等) から教材を選ぶ
- lesson card を click → quiz 画面に入る
Quiz の解き方
lesson 画面に入った後、 どこを click すれば 答え合わせができるか。 サンプル lesson 上で walk through。
- 問題カードに 2 つの tab (📚 Study = 語彙+ヒント / 🎯 Answer = 正解+解説)
- 解答エリアで 入力 or 選択肢 click
- Check ボタン (右下) で採点 → 正解で 🎊 confetti、 不正解は Spaced Review に自動追加
- Answer tab で正解 + 解説を読む
DualScope レッスン内 Reset 方法
lesson の解答履歴をすべて消して 0/0 から やり直したい時に。 ガイドを開始すると サンプル lesson に移動して Progress Panel を 自動で開いた状態 で walk through。
- 左下「正解 / 総数」 バー (例: 3/20) を click → 右側に Progress Panel が slide-in
- panel の一番下の 赤い「Reset All」 ボタンを click
- 確認 dialog「Reset all progress?」 で OK を選択
- localStorage の該当 lesson 解答履歴 + section スコア + streak が全消去
- ※ 別 lesson の進捗 / Spaced Review queue には影響なし
ページ間の移動
迷子になった時のための「戻る」 と「移動」 の覚え方。 NavBar 中心に解説。
- 画面上の NavBar は全 page 共通 — 「📚 ENGLISH RESOURCES > 高1 > ...」 のパンくず付き
- 各 page 左上の 「← 戻る」 link で 1 階層上の listing へ
- Quiz 画面内は Home / Overview / Grammar / Question の 4 tab を切り替え
学習ヒートマップの読み方
/progress の Heatmap で全 lesson の進捗を見る時、 数字 + 色 の意味を解説。
- NavBar の Progress (📊) で /progress を開く
- 上部 Summary: Lessons / Answered / Accuracy / Mastered の 4 指標
- 「重点復習エリア」: <60% の section を amber 強調 (click で直接そこへ jump)
- Lesson card の色: 緑 = 高正答率、 青 = 中、 オレンジ = 復習要、 グレー = 未着手
- card click で該当 lesson page へ
Spaced Review (間違えた問題の自動復習)
Quiz で間違えた問題が自動的に kept して、 忘却曲線に沿った tempo で出題される 仕組み。
- Quiz で不正解 → 自動的に Spaced Review queue に追加
- NavBar の Review icon または lesson 画面の「Review N items」 で hub を開く
- Start で due な問題を順に解く (1 回 5 分程度)
- 正解で box が上がる (1日 → 3日 → 7日 → 14日 → 30日 の出題間隔)
- box 5 で正解 = 「mastered」 と判定されて queue から自動削除