Как я сэкономил 60К рублей на разработке и сделал всё за два часа на вайб кодинге
У меня есть еще один проект - сервис для владельцев собак
Там есть карта площадок для прогулок. Мне было нужно встроить эту карту на сайт, так чтобы при клике на конкретную площадку открывалась стильная карточка с описанием, а еще была кнопка (в моем случае скопировать уникальный номер, но может быть все, что угодно). Конструктор карт от Яндекс так делать не может и я обратился к бывшему коллеге разработчику. Он прикинул время на разработку, свой прайс и озвучил стоимость 60 000 рублей. Я решил еще подумать и описал подробно задачу в GPT.
В итоге получилась вот такая схема из двух скриптов:
1️⃣В GitPages (бесплатно) загрузил скрипт с данными площадок
2️⃣На странице сайта в Tilda стоит Zero блок со скриптом, который накладывает дизайн, точки на карте и кнопки из GitPages.
Оба скрипта я получил за пару итераций с помощью промта (который мне GPT сгенерировал):
Напиши HTML-скрипт для вставки в HTML-блок Tilda, который отображает интерактивную карту Яндекса. Данные — массив площадок и парков (с полями number, type, name, lat, lon) — загружаются с внешнего JSON-файла по URL (например, с GitHub Pages). Требования: Использовать API Яндекс.Карт версии 2.1. Указать API-ключ (он будет добавлен позже, но структура должна его поддерживать). Карта: центр — Москва [55.75, 37.6], зум 10. Все метки должны быть объединены в кластеризатор. При клике на метку — открывается балун с: Номером (жирный, крупный), Типом + названием (мелкий серый текст), Кнопкой «Скопировать номер», которая копирует number в буфер обмена (с обработкой ошибок, без alert, только консоль). Стили: зелёные стандартные иконки (islands#greenCircleIcon) и инвертированный зелёный кластер. Код должен быть готов к вставке в Tilda (без <html>, <head> и т.п.), и корректно работать на GitHub Pages. Отдельно приложи полный HTML-файл для размещения на GitHub Pages, включая подключение внешнего JSON-файла с тем же содержимым.
Вот так, пару часов работы вместо 60 000 рублей и нескольких дней ожидания с вероятными правками.
Vibe Code работает! Интересно подробнее? Загляните в гайд по вайбкодингу.
