Полтора года назад, когда я переосваивал навык десятипальцевой слепой печати на клавиатуре, среди прочих сайтов и сервисов по тренировкам и проверкам скорости набора мне повстречался сайт https://zty.pe. Он был хорош. Минимализм, игровая составляющая. Единственное, что не пришлось мне по душе это доступный для игры только английский язык. Его набор я тоже немного осваивал, но он был не в приоритете. Тогда я подумал — как здорово было бы иметь подобную игрушку с возможностью использовать русский язык.
Эта идея в тот момент осталась где-то на задворках сознания. Как и множество других. Не хватало навыков и умений, нужно было выделить значительный кусок времени, которого тоже обычно не хватает. Поэтому все откладывалось на когда-нибудь потом.
Эпоха вайбкодинга и рождение RUTYPE_
Затем наступила эпоха вайбкодинга. И вот, спустя полтора года, когда у меня появилось немного свободного времени и возможность пробовать реализовывать различные идеи и необычные штуки, в том числе в виде интерактивных онлайн-страниц и приложений, мысли вернулись к этой теме.
За основу внешнего вида и механики игры я взял упомянутую выше игру, но в качестве языка по умолчанию выбрал русский. С возможностью добавлять и другие. Сейчас там доступны также английский и украинский.
В работе над проектом мне помогал чат-бот Claude, который, на мой взгляд, из бесплатных аналогов сейчас лучше всего справляется с написанием кода и созданием архитектуры программ. Он же придумал и название, которое мне показалось весьма удачным, поэтому оно и осталось.
Техническая сторона и переезд на GitHub Pages
Когда-то я был ярым сторонником десктоповых приложений и плевался от веб-сервисов. Это были времена не очень быстрого, иногда дорогого, интернета, не всегда доступного. Поэтому вариант иметь программу у себя и не зависеть от чего-то внешнего казался идеальным.
Но все течет, все меняется. Сейчас я как-то неожиданно для себя стал предпочитать веб-страницы в качестве приложений. Их проще писать, нужно меньше инструментов, нет необходимости в компиляции и работает оно буквально везде, где есть браузер. А где его нет? Веб-страницу хоть на телефоне запускай. Так что стек у меня максимально простой — html, css и js. Все! Ничего лишнего. Максимум простоты и чтобы работало где угодно. И еще так проще делиться результатом. Кто сегодня будет качать приложение и устанавливать его? Надо сильно постараться, чтобы пользователь соизволил сделать все это. О времена, о нравы!
Именно с целью поделиться я сначала разместил тренажер у себя на сайте: https://igorlutiy.pp.ua/study/rutype/. Затем добавил онлайн таблицу рекордов, внес еще некоторые изменения.
И все бы ничего, но хостинг у меня недорогой, ресурсов не так уж много. В отличии от планов. Поэтому задумался, а почему бы не разместить это дело на GitHub Pages? Тем более я давно хотел более детально разобраться и с тем, как устроен и работает сам GitHub, и с публикацией сайта на GitHub Pages.
Так что, не долго думаю, я стал разбираться, как это все работает, какие есть плюсы, какие минусы, и заведется ли все как надо, учитывая мои потребности. Здесь мой минимализм в разработке и выбранных технологиях сыграл на руку. Труда создать сайт и разместить там тренажер особого не составило, поэтому RUTYPE теперь доступен еще и там:
https://igorlutiy.github.io/interactive/rutype/.
Так же у него есть свой репозиторий:
https://github.com/IgorLutiy/rutype_
Возможности и особенности тренажера
Главное меню тренажера RUTYPE_ выглядит так:
А игровой процесс вот так:
На текущий момент доступны три языка: русский, английский и украинский. Есть ряд настроек, можно просто потренироваться набор, в том числе своего текста. Можно соревноваться с другими, на скорость и точность, есть таблица рекордов за сутки и за все время (таблица одна и на моем сайте и на git pages) по каждому языку:
Это тот случай, когда я сделал удобный инструмент для себя, но решил, что польза от него может быть и другим. Поделиться — почему бы и нет?
А польза, лично для меня, оказалась заметной. Когда попробовал играть на время, увидел некоторые пробелы в своих навыках слепого набора. Все из-за того, что целенаправленные тренировки подзабросил, а обычный набор текста не создает условий для развития, позволяет игнорировать небольшие недочеты и ошибки. Поэтому теперь ежедневно захожу и тренируюсь, в том числе на скорость. И планирую дальше развивать свой тренажер.
Важное замечание. Многие начинающие программисты не знают, как практиковаться. Проходят курсы, решают типичные задачи, читают теорию и стопорятся дальше. Создавайте пет-проекты. Создавайте приложения, которые вам будут интересны и которые будут закрывать реальные потребности. Пусть небольшие, самые простые. Но это будет хорошим стимулом для развития, да еще и принесет реальную пользу.