Кана: карточки

Сайт для запоминания 46 знаков хираганы и катаканы. Откройте index.html в браузере. Сборка и установка не нужны.

Вкладки

Карточки

• Большая карточка со знаком. Нажмите на неё (или Пробел), и она перевернётся.
• На обороте: знак и его звучание (ромадзи), ассоциация для запоминания и пример слова с переводом и картинкой.
• Снизу четыре кнопки: Плохо, Норм, Хорошо, Легко. Под каждой написано, когда карточка вернётся. С клавиатуры: 1–4.
• Новая карточка проходит шаги «1 мин → 10 мин», потом интервал растёт в днях. «Плохо» возвращает её в начало.
• Хорошие ответы сопровождаются лепестками сакуры. На сериях 5, 10, 15… появляется «🔥 N подряд!».

Фильтр

Кнопка с ползунками рядом с выбором азбуки. В ней можно:

• выбрать строки, например только あ и か (первые две);
• выбрать порядок:
  • «Умный» — интервальные повторения: сначала то, что пора повторить, новые знаки по 15 в день;
  • «По порядку» — あいうえお → かきくけこ…;
  • «Вразброс» — случайный порядок.

«По порядку» и «Вразброс» идут раундами. Карточка с «Плохо» возвращается через пару других. В конце раунда показан итог и кнопки «Ещё раунд» и «Только трудные». Фильтр действует на «Карточки» и «Ввод».

Ввод

Знак на экране, ученик вводит ромадзи и нажимает Enter. Зелёный с лепестками — верно, красный — неверно, под полем появляется правильный ответ. Пробел показывает ответ и считается ошибкой. Порядок берётся из фильтра; в «Умном» слабые знаки выпадают чаще. Результаты идут в тот же прогресс, что и карточки.

Засчитываются и другие записи: si, ti, tu, hu, o (для を), nn.

Прогресс

• Сколько знаков ученик знает, сколько дней подряд занимается, сколько повторов сегодня.
• Шкала по уровням: Выучено, Хорошо, Учу, Слабо, Новая.
• «Труднее всего»: пять знаков с самыми низкими оценками. Кнопка «Учить слабые» запускает круг из 10 таких карточек. Карточка с оценкой «Плохо» возвращается, пока не запомнится.
• Таблица годзюон: цвет клетки — уровень знака. Нажмите на клетку, чтобы увидеть оборот карточки и статистику.

Прогресс хранится только в браузере ученика. На сервер ничего не отправляется.

Как поменять содержимое

• Знаки, ассоциации и примеры: data.js, массив KANA.
• Лимит новых карточек, размер круга слабых, серии для празднования: константы в начале app.js.
• Цвета и шрифты: DESIGN.md и токены в index.html.

Хостинг

Подойдёт любой статический хостинг. Для GitHub Pages: Settings → Pages → публикация из корня ветки.