Вайбкодинг між прогулянками із собакою, танго з багами й нуль витрат: як гуманітарій без технічного бекграунду створила тенісний застосунок за 15 годин
Продюсерка комерційних спецпроєктів в AIN.UA Вікторія Хоровець взяла три дні відпустки, щоб перезавантажитися, а натомість… випадково стала вайбкодером. Без жодного технічного бекграунду, але з купою ентузіазму, Вікторія влаштувала 50-раундовий «пінг-понг» запитів між Claude та Gemini. Результат? Власний робочий застосунок для гри в теніс з друзями, який тепер красується іконкою на екрані її смартфона.
Вікторія поділилася з dev.ua досвідом перетворення гуманітарія на вайбкодера лише за три дні.
Залишити коментар
Продюсерка комерційних спецпроєктів в AIN.UA Вікторія Хоровець взяла три дні відпустки, щоб перезавантажитися, а натомість… випадково стала вайбкодером. Без жодного технічного бекграунду, але з купою ентузіазму, Вікторія влаштувала 50-раундовий «пінг-понг» запитів між Claude та Gemini. Результат? Власний робочий застосунок для гри в теніс з друзями, який тепер красується іконкою на екрані її смартфона.
Вікторія поділилася з dev.ua досвідом перетворення гуманітарія на вайбкодера лише за три дні.
Теніс, ШІ та три дні відпустки
Вікторія Хоровець відповідає за комерційні спецпроєкти в AIN.UA. Її стихія — це тексти, комунікації, креатив і робота з партнерами. Сама себе Вікторія називає стовідсотковим гуманітарієм, а свій попередній досвід в IT описує іронічно: «Максимум, що я вміла — це вбити чіткод motherlode в Sims 4». Попри те, що ШІ-асистенти на кшталт ChatGPT, Claude та Gemini давно стали її щоденними робочими інструментами для створення брифів чи аналізу інформації, до розробки софту руки ніколи не доходили.
Трендові дописи про «вайбкодинг» залишалися для Вікторії просто фоновим шумом, аж поки не з’явився цілком реальний біль. Продюсерка вже кілька років грає в теніс. Коли навколо гри сформувалася велика компанія друзів, постало питання організації турнірів. Ідеального софту під їхні потреби не було: наявні застосунки або вимагали обов’язкової реєстрації від кожного учасника, або лякали жахливим інтерфейсом та підписками. Готового, простого інструменту для швидкого шафлу гравців і виведення результатів Вікторія не знайшла.
Пазл склався неочікувано, коли продюсерка взяла три дні відпустки. Залишившись наодинці з вільним часом та без жодних чітких планів, вона вирішила кинути собі виклик.
Вайбкодинг між прогулянками із собакою
На створення застосунку пішло від сили 12–15 годин чистого часу впродовж триденних вихідних. Процес розробки відбувався між повсякденними справами та прогулянками з собакою. Головним викликом для новоспеченої «вайбкодерки» було не написання коду, в якому вона не розбирається, а вміння правильно формулювати свої думки. Пройти шлях у 50 ітерацій означало постійно перекладати власні ідеї мовою, зрозумілою штучному інтелекту.
«Я взагалі не думала про код (бо я в цьому і не розбираюсь). Я думала про те, як донести те, чого я хочу, своїми словами — максимально точно, щоб отримати той результат, який хочу бачити. Весь цей час, по суті, пішов саме на це: як правильно сформулювати, як пояснити, як переформулювати, коли щось йшло не так», — розповідає Вікторія.
На експеримент Вікторія не витратила жодної копійки — використовувала лише безплатні версії, просто міксувавши два ШІ, коли один із них вичерпував ліміти на запити.
Головним «архітектором» став Claude, оскільки він найкраще тримав контекст розмови й видавав естетичні й готові до роботи HTML-файли застосунку. Натомість Gemini виконував роль технічного супорта та джерела «другої думки». Він підключався під час пауз у Claude і виявився сильнішим у логічних завданнях та виправленні багів, хоча візуальна частина інтерфейсу йому вдавалася гірше.
«Тобто розподіл вийшов природньо, не запланований: Claude — основний, Gemini — коли треба чекати або перевірити щось під іншим кутом», — зауважила Вікторія.
Claude — дизайнер, Gemini — консультант
«Я прийшла із завданням зробити трекер для падл/теніс. Жодної ідеї робити „застосунок“ не було взагалі. Я просто описала все що хочу: база гравців, турнірна сітка, тенісний рахунок з deuce й advantage, переможець індивідуально і як пара. Claude одразу видав мені HTML-файл. Я його відкрила — і закохалася в інтерфейс. Ось тут все і почалося», — згадує Вікторія.
Наступним етапом став класичний QA-цикл (тестування та виправлення помилок). Головним технічним каменем спотикання виявився розподіл гравців на пари: алгоритм постійно дублював команди. Вікторії довелося самостійно прорахувати математичну модель унікальних комбінацій та переформатувати логіку запиту для ШІ.
Цікавим виявився і досвід менеджменту двох різних нейромереж в умовах обмежених лімітів безплатних версій. Оскільки Gemini мав тенденцію змінювати вже затверджений інтерфейс від Claude, Вікторія розділила їхні ролі: Claude залишався головним розробником і дизайнером, а Gemini виступав у ролі незалежного консультанта для дебагінгу складних моментів та генерації ідей.
Фінальний реліз продукту відбувся за допомогою інструменту GitHub Pages. За порадою Gemini, Вікторія розмістила там код, отримала пряме посилання і через браузер Safari вивела іконку сторінки на робочий стіл смартфона. Попри те, що архітектурно застосунок є HTML-сторінкою, він повністю задовольнив усі потреби гравців у теніс.
«Бажання кинути взагалі не виникало. Я рухалася на якомусь адреналіново-дофаміновому драйві, мене неможливо було зупинити. Як болід Формули-1 — бачу ціль, не бачу перешкод. Тому я навіть не можу згадати якийсь момент, коли реально опустилися руки».
Вікторія зізнається, що не має таємних промпт-інженерних трюків, адже все базується на конкретиці та контексті. Проте кілька власних правил вона все ж вивела:
по-перше, писати грамотно, оскільки нейромережі стабільніше працюють з охайним текстом (бажано англійською);
по-друге, у разі тупика — просити сам ШІ поставити навідні запитання або розшифрувати логіку своїх дій.
Хоча танцювати «танго з багами» доводилося регулярно: ШІ часто ламав дизайн, лагодячи логіку програми, і навпаки. Коли нейромережа остаточно втрачала нитку розмови, продюсерка застосовувала радикальний метод — змушувала її писати проблемний шматок коду з нуля.
За словами Вікторії, найважчою частиною «вайбкодингу» є сам ітераційний процес, який вимагає колосальної терплячості, скрупульозності та системного мислення. Натомість найпростішим виявився запуск проєкту. Опис технічного завдання звичайними словами (наче в розмові з подругою) одразу дав готовий та естетичний інтерфейс.
Цей миттєвий результат без жодного рядка коду зняв головний психологічний бар'єр і довів: відсутність технічної освіти — більше не вирок для створення власного продукту.
Турнірний менеджер для падлу й тенісу
Застосунок уміє зберігати базу гравців (з іменами та емодзі для кастомізації), окремо вести статистику для обох видів спорту та автоматично генерувати матчі за системою Americano для 4, 6 або 8 учасників, де кожна пара грає разом лише раз.
Під час гри рахунок ведеться за класичними тенісними правилами (0, 15, 30, 40, AD), а якщо в лідерів турніру однакова кількість перемог — система використовує різницю очок як тайбрейкер. Після фіналу застосунок визначає чемпіона та відправляє гру в архів із повною деталізацією.
Ба більше, Вікторія передбачила функцію видалення турнірів з автоматичним перерахунком загального рейтингу, а також можливість експорту й імпорту даних через JSON-файл, що розв’язало проблему синхронізації між її ноутбуком та смартфоном.
Застосунок уже пройшов бойове хрещення. «Уже встигли протестувати один раз прямо на корті. Знайшли одразу баги, які неможливо було б знайти без справжнього живого тесту. Загалом усі були задоволені зручністю та пишались тим, що це я зробила сама — для них це був сюрприз!»
Що далі
Поки що Вікторія фокусується на тому, щоб відшліфувати поточний застосунок до ідеалу та виправити знайдені на корті баги. Перетворювати хобі-проєкт на великий комерційний продукт дівчина не поспішає, проте зазначає: якщо побачить реальний попит за межами своєї тенісної компанії, то цілком готова подумати про щось серйозніше.
Проте на одному застосунку кар'єра «вайбкодерки» точно не закінчується. Наступна амбітна мета продюсерки — створення власного бота-аналітика. На цей крок її надихнув кейс Олександра Улицького, чиїм досвідом у LinkedIn вона щиро захопилася. Схоже, ера ШІ-експериментів для Вікторії тільки починається.
Поради від вайбкодера-гуманітарія
Головна порада від Вікторії всім, хто має ідеї, але боїться програмування — починати з конкретного болю, а не з технологій. Не варто вчити щось складне просто «заради корисної цілі». Набагато ефективніше зайти з позиції кастомера, якого щиро дратує якась побутова проблема, і спробувати її вирішити. На думку продюсерки, ми живемо в «золотий вік», коли гуманітарій може перетворитися на розробника всього за три дні.
Крім того, не потрібно намагатися зрозуміти сам код — для цього є штучний інтелект. Головна зона відповідальності людини в цьому процесі — чітко розуміти, чого саме вона хоче. ШІ без проблем напише технічну частину, але архітектором ідеї та фінального результату завжди залишається автор.
Уся історія копіпастів в одному місці: продакт-менеджер навайбкодив апку для Mac «під себе» — Copypastik
По темi
Уся історія копіпастів в одному місці: продакт-менеджер навайбкодив апку для Mac «під себе» — Copypastik
Український айтівець із Wix за допомогою ШІ створив 3D-переглядач КТ-знімків у браузері
По темi
Український айтівець із Wix за допомогою ШІ створив 3D-переглядач КТ-знімків у браузері
Розробник навайбкодив брату з вадами слуху візуалізатор звуку для гри в шутери. Застосунок із купою налаштувань він створив за чотири години, і навіть не довелося відволікатися від гри
По темi
Розробник навайбкодив брату з вадами слуху візуалізатор звуку для гри в шутери. Застосунок із купою налаштувань він створив за чотири години, і навіть не довелося відволікатися від гри
Читайте головні IT-новини країни в нашому Telegram
По темi
Читайте головні IT-новини країни в нашому Telegram
Схожі новини
Rain coming? Satellite shows new western disturbance approaching India
BOJ should raise policy rate at appropriate pace, says board member Junko Koeda
3 Best Smart Ring Brands: Oura, RingConn, and Samsung (2026)