Хабр Курсы для фронтендеров
РЕКЛАМА
Большая витрина: от крупнейших школ до частных авторов. Сравнивайте по цене, длительности, формату и выбирайте самый подходящий курс!
Поток Фронтенд доступен 24/7 благодаря поддержке друзей Хабра
Комментарии 46
Судя по дизайну на сайте все опять написано на ии. Не понимаю как сыну показались скучными тренажеры если есть «ГОНКИ на клавиатуре» будем объективны ребенку в это будет интереснее играть, а самих тренажеров просто куча, не понял зачем еще один ии тренажер нужен
Дизайн действительно делал ии в статье это открыто описывается, но решения итоговые в любом случае принимали мы на мой вкус показалось свежо, но вот идея через смесь растра и вектора для выделения пальцев рук интересная на мой взгляд ну и у аналогичных проектов я лично такого не видел. По поводу клавогонок это отдельный игровой режим который на мой взгляд подходит для тех кто уже владеет стартовым навыком, мы также попробуем сделать какой-то свой игровой режим для закрепления навыков, но в статье речь шла именно об учебном процессе. Благодарю за мнение.
Тренажёр будет бесплатным, полностью? Не одна треть бесплатно а потом карту деньги два ствола? Я не против разовой оплаты например или донатов, но против ловли лохов на крючок с подписками прочей. Спрашиваю собственно потому что уже потестил сайт, и честно всё выглядит также как у большинства сервисов, вот вот "и для продолжения следующего урока оплатите подписку на 100500 денег"
А каким образом будет монетизация, если будет?
А в целом понравилось, если некоторые недочёты и пожелания перфекциониста, но в целом классно, спасибо, работа видно проделана уже не малая. Ну следы нейронок торчат конечно прилично, но собственно это уже не удивляет.
Большое спасибо за мнение! Сейчас всё полностью бесплатно про монетизацию пока не думали сначала хочется понять, нужен ли тренажёр кому-то кроме нас. Если не сложно поделитесь какие недочеты нашли. Спасибо.
Нет, это не недочёты а скорее всего перфекционизм, который многие может и не заметят.
1. Рисунок рук. Окантовка вокруг ногтей слишком темная, цвет кожи - мёртвый, ощущение не очень, не позитивные руки в целом, мертвые. Можно попробовать исправить, я попробовал лучше по цвету, но не глобально.
2. Там где самые первые уроки где буквально мало букв А О Н Т и подобные, баланс не айс. По мне - отдельных букв много, особенно чередующихся, а вот слов из этих букв потом мало ТОН ОНА, ещё НОТА можно добавить и т.д. можно побольше слов пусть повторяются, это важнее чем отдельные буквы имхо.
Всё это вкусовщина. Однако руки мертвеца мне сильно резанули. ;) Может это проф деформация.
Спасибо, за подробный ответ! Про руки согласен, сравнение очень наглядное: тёплый вариант гораздо живее. Про слова в первых уроках тоже справедливо: из А, О, Н, Т действительно много можно собрать (она, нота, тонна…), добавлю больше слов вместо чередования букв. Если заметите ещё что-то, пишите, такие замечания очень полезны.
Если скините руки в png исходники, я наложу на них уже заготовленные корректирующие слоя в ФШ которые я сделал и сохранил для одной, или могу .psd скинуть со слоями, надо будет под низ положить руки и сделать обводки по контурам ногтей. Короче если с фш мало знакомы, мне наверное проще сделать я с фш дружу, делов на 3 минуты.
А старая добрая прога "соло на клавиатуре" из начала 2000х уже не работает? (я реально не знаю, запускается ли она на современных ОС, но в то время была топчик!)
В виртуалках или ДОС-бокс скорее всего запустится.
ахаха.. 5 уроков бесплатно а потом подписки. Помню эту игру была одна из лучших была. Надо завайбкодить и в опенсорс её, попытки всех загнать в онлайн курсы и рубить бабло уже порядком надоели.
Да у них есть веб версия и довольно дорогая на мой взгляд)
Там вообще какой-то термояд. Неправильно символ написал - ты символ ввёл. Нельзя исправлять, нужно набирать дальше. Я там на тесте какие-то сумасшедшие 600 символов в минуту выбивал почти. Но это если потренироваться изначально. А вот в этом тренажёре выбиваю где-то 240 символов без особой тренировки. Тоже немного неудобно, не всегда понимаешь что нужно исправить, потому что не видно введённого текста. А так секунды теряются, пока допрёшь что там конкретно писать. И ошибок у меня 91-94%.
Спасибо за отзыв! Уточните, пожалуйста, что именно было непонятно в уведомлении об ошибках в моем тренажере? У нас при ошибке символ подсвечивается и звучит сигнал, исправить можно через Backspace, в конце упражнения система показывает подробный разбор ошибок и тепловую карту проблемных пальцев. Возможно, на высокой скорости подсветку просто сложнее заметить?
Круто. С телефона открывает тоже нормально. Стало интересно проверить свою скорость чтения
Спасибо за мнение, только мы там не скорость чтения измеряем)
Понятно, что измерение скорости печати, вы ставили как основную цель.
Попался на "ё" - тут скорее привычка равнозначности восприятия е и ё в настоящее время.
На мой взгляд ё нужно, это база в грамотном русском языке. С другой стороны нужно сделать опциональное игнорирование правил е, ё. Если опция стоит то просто не различать.
Да это спорный вопрос, буква ё базовое правило русского языка, но действительно стоит сделать ее проверку опциональным функционалом.
Лет 6 назад окончательно дотренил слепую печать в typingclub.com - геймификация и подробная статистика сделали свое дело. Ранее проходил соло на клавиатуре и несколько разных поделок - довольно быстро становилось скучно.
Спасибо, что поделились! Как раз наш опыт: скучный тренажёр бросают, поэтому статистику и разбор ошибок я сделал сразу, а игровые элементы следующие в планах. А что именно в TypingClub цепляло сильнее всего? Мне понравилась видео вставка перед началом упражнения.
бесплатность
звездная оценка выполнения заданий и в целом вот этот экран по завершении с скоростью и шкалами и тп
возможность видеть весь курс изучения и условно "еще 10 упражнений пострадать с буквами и пойдут цифры" или символы
тепловая карта клавиатуры (по скорости и ошибкам)
Промежуточные игры между упражнениями скорее не нравились, но может школьникам зайдет.
И еще, раз вы так подробно в статье про руки рассказываете - они же неправильно отображаются, вся рука перемещается по клавиатуре, тогда как в реальности она должна неподвижно лежать. Тут в идеале надо под каждую клавишу свою графику рисовать
собственно, как на этом сайте
рисование графики под каждую руку, не очень приятное занятие, ну и не очень оптимальное, придется хранить кучу комбинаций под каждую кнопку, в текущей реализации фишка в том что одна и та же картинка руки используются для абсолютно любой клавиши, согласен положение рук не отражает реальное положение, но оно схематично и показывает активный палец а не правильное положение руки. Подумаю над тем чтобы отображать прям именно правильное положение руки.
Я тоже чуть потестил, дизайн приятнее, более простой, меньше элементов на экране особенно в момент набора.
1. Пальцы показаны прозрачными/контурными, и они еще и всегда правильно ставятся, это вообще имба, маст хев, намного лучше чем неделимая просто смещаемая по x,y рука.
2. Звук клавиш очень классный, а на skilltap у меня звуки кнопок только изредко просираются, FF + win 10 + старый проц возможно, но тут звук норм работает. Да звук должен быть отключаемый конечно.
2. Да звук клавиш крутой у них откажемся от системных звуков перейдем на что-то более красивое.
1. Векторные прозрачные руки, я бы поспорил выглядит сухо, линия вектора некрасиво заезжает на кнопку, нет анимации нажатия на кнопку, дизайн простоват и сделан давно как будто бы, на мой вкус прям слишком просто, опять же отсутствие элементов на экране не назвал бы плюсом
Большое спасибо за Вашу работу, добавлю свои "5 копеек":
- на сколько я понял из анимации нажатие на клавишу всё время показывается для одного пальца (указательного), но крайние клавиши удобней нажимать мизинцем, т.е. я имею ввиду печать всеми пальцами, а не только указательными;
- добавьте возможность добавления своей раскладки. К примеру я использую фонетическую раскладку клавиатуры (немецкий/русский), которую сам прописал/собрал с помощью MSKLC и в стандартных раскладках её, конечно, не найти;
- также, на мой личный взгляд, анимация кистей рук перекрывает клавиши и при действительно слепом наборе будет закрывать раскладку - можно просто показывать пальцы внизу экрана/окна и подсвечивать нужный;
Да руки и позиции пальцев нормально сделаны вот тут, имхо надо автору это повторять, не смотря на то что это будет не просто сделать. http://typingclub.com/
Боюсь огорчу… Я попробовал, очень неудобно. Возможно для маленьких детей и подойдет…
Выделение следующей буквы сбивает с толку, и мешает набору.
Руки - они очень мешают, закрывают остальные клавиши. Сделайте расскраску по зонам, можно добавить цвет клавивши - этого достаточно. Да ещё руки неправльно двигаются 🤷♂️
Скины для рук!!! Вы серьезно? Это какой фетишь прям…
Про скины для рук это из детских креативов, нужно быть внимательными к пожеланиям детской аудитории) ну и опять же это просто одна из мыслей не превращенная в реализацию.
1. Не очень понял каким образом мешает, и о каком выделении идет речь, в данный момент 3 блока показывают следующую букву
2. Очень спорно, руки можно доработать и улучшить, в каких то других сервисах вам даже не показывают неактивные клавиши, движение рук сделано чистым css это максимум что можно выжать использую одна картинку, а переход на разные картинки на этапе mvp делать не хотелось и это не оптимально совсем.
Мешает читать. Возможно на маленьких скоростях это нормально. Но меня подсветка блоками, прям реально сбивает с толку. Невозможно читать текст, который постоянно прыгает блоками.
Руки лишнее. Да и по науке, - они должны минимально двигаться. Только пальцы. Т.е. руки должны лежать на своих местах. (Это еще вас ортолинейщики не просили раскладку свою залить 😊)
Две строчки на на текст это мало. Если текста больше чем 2 строки, то нужно показывать следующую строку ниже.
По аналогам - их море. Я выделил бы :
https://monkeytype.com/ - собственно стандарт, лежит на github, можно форкнуть. Все любят записывать видео на нем.
https://www.keybr.com/ - для начальной тренировки (тоже на github есть)
Конечно же https://klavogonki.ru/ Да, давно не модный интерфейс, да немного заброшен. Но
Там обитали все значимые клавагонщики, накоплен огромный опыт (например https://klavogonki.ru/forum/academy/15545/)
Словари для тренировок. Если хотите хотите действительно быстро печатать - без них никак
Книги для набора (и увы в том числе графомнаские, и давно лженаучные 😊)
Статистика (особенно если поставить расширения) И да, там есть одиночный режим, в котором можно тренировать все что угодно
+++
Ещё нужны наборы кода, с комментариями. То есть английский код на питоне, c#, c, asm, java script, json с русскими комментами и вводом-выводом. Можно легко найти хорошие примеры на гитхабе и брать их себе, разные языки и наборы мало комментов/много комментов, полностью английский/смешанный.
этих тоже навалом, например: https://www.speedtyper.dev/
Но чисто код никто не набирает, все с автокомлитом, а сейчас так вообще через ИИ
Да однозначно, сделать не сложно и может найти свою аудиторию
Пару слов про самый лукавый показатель “Скорость печати”
Он зависит от сложности текста, (просто слова без знаков препинания дают 30-40 % от обычного текста)
Чем длиннее текст, тем ниже будет у вас итоговая скорость.
Средняя скорость будет ниже от вашей рекордной на 30-40%
Самые продвинутые опять же клавогонки (там есть режимы марафон, безошибочный и т.п.), разные тексты .
Имею на клавогонках рекорд в 402 в обычном (к книгах получалась до 412 разогнаться)
При этом на monkeytype во всех 8 режимах за 400 cpm есть . На некоторых "кибертекстах" (это из клавогонок) есть достижения за 500 cpm
Как учился: в 2012 подарили клавиатуру - тогда впервые преодолел в "обычке" 300 cpm. И забросил, т.к. нужно упорно тренироваться на клавиатуре - но я был молодой, здоровый и мне некогда было.
В 2024 - появились проблемы со здоровьем, и появилось время которое можно проводить за компьютером, ну и втянулся.
Про определение "слабых клавиш"
Можно посмотреть как сделана статистика на keybr. Там есть про биграммы, триграммы и т.п.
Из практики, мне больше нравиться подход, когда отрабатываешь проблемные слова, на monkeytype есть режим и предыдущее слово включаешь.
На клавагонках это называется "работа над ошибками", но пожалуй у них очень топроно сделано
Подумал, что будет что-то в духе The Typing of the Dead.
Для меня лучшим решением была картинка зонированой клавиатуры под монитором и сама клавиатура под столом. Освоить на хорошем уровне не получилось, но вполне хватает.
П.С,
Однажды провел эксперимент весь день печатал только двумя пальцами. Устал как собака. Но текста напечатал +/- столько же. Попутно выяснил тройка лидеров по нажатиям Tab, Пробел и Enter.
И в заключение
Про мотивацию для малолетних.
В свое время меня тронула история одной клавгонщицы:
Она рассказывает, что в детстве на ноутбуке без интернета нашла тренажёр «Бомбина» и набирала «Сказку о золотом петушке» и «Евгения Онегина». На текст давалась минута или две, а при новом запуске он начинался сначала — поэтому ей хотелось печатать быстрее, чтобы продвинуться дальше… Полная история здесь: https://klavogonki.ru/u/#/171712/
И докатилась она до скоростей за 900 знаков в минуту!!!
А сегодня можно не напрягаться. Голос отлично переводится в текст (приложение Handy) и это убивает всю мотивацию.
Не соглашусь что сейчас можно не напрягаться, для ии нужно писать промты, за ним нужно подправлять код, нужно отвечать на работе на корп почту, нужно вносить точечные правки в проектную документацию и тд, бухгалтеры в 1с работают с цифрами, они будут для статей затрат использовать голосовой ввод? Опять же голосовой ввод не в каждой среде уместен, в open space офисах для каждого набора текста использовать голосовой ввод и идти в переговорную чтобы тебе не мешали посторонние шумы? Ввод с клавиатуры стал таким же базовым навыком как умение читать и писать и востребованность его будет актуальна до тех пор пока ии не научиться считывать мысли пользователя)
С месяц назад затестил на хорошей локальной модели из комплекта, и подсел. С тех времён когда распознавание было хреновым прошло много лет, оказывается там тоже революция в качестве. Короче теперь пользуюсь постоянно и всем рекомендую. Годится для всего, для телеги, для агентов в ллм, для чатов, для консоли линукс даже. ;)
https://handy.computer/
Конечно это не отменяет нужность работы с клавой, но помогает когда надо огромный промпт выкатить очень сильно.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Сделал сыну тренажёр слепой печати, потому что существующие показались ему скучными