Недавно читал пост Вастрика про Vibe-coding, где он писал о написании кода в эпоху генеративных моделей.
Рекомендую его блог — автор интересно пишет о путешествиях, кодинге, своей жизни и увлечениях. Когда открыл для себя этот блог, залип на несколько часов. А пост про путешествие в Японию помог мне в моём собственном путешествии.

Про вайб-кодинг:
"Идея в том, что с появлением LLM-инструментов генерации кода и даже целых проектов, таких как Claude Sonnet или Cursor, у любителей попрограммировать что-нибудь вечером открылся новый способ программирования — с помощью чата с LLM или даже голоса. Вы открываете Cursor или любую другую AI IDE, создаёте чистый проект и начинаете прямо в чате описывать, что вы хотите получить."

Для AdOps-специалиста нейросети, как мне кажется, стали отличными помощниками в решении многих задач — написании кода, решении технических проблем, работе с контентом, генерации идей и гипотез. Я не разработчик, мой уровень JS/HTML/CSS базовый — достаточный для работы AdOps-менеджером, но всегда хотелось попробовать больше. Поэтому я тоже решил немного заняться вайб-кодингом. Пара банок энергетика, VPN для обхода гео-ограничений ChatGPT и немного свободного времени — и в итоге получилась обёртка для Adfox с разными форматами:

Sticky-banner — мобильный/десктопный фиксированный блок с поддержкой следующих параметров:

settings: {
    bannerPosition: "bottom" || "top", // положение баннера сверху или снизу экрана
    buttonPosition: "right" || "left", // положение кнопки закрытия справа или слева 
    closeTimeout: 5, // таймаут доступности кнопки закрытия
    reload: true, // перезагрузка рекламного блока каждые 30 секунд
    visibleReload: true, // перезагрузка блока в зоне видимости
    buttonType: "square" || "side" // тип кнопки закрытия: сверху рекламного блока или сбоку
}

Wrapper для статичного рекламного блока:

settings: {
    reload: true, // перезагрузка рекламного блока каждые 30 секунд
    visibleReload: true, // перезагрузка блока в зоне видимости
    lazyLoad: { // параметры lazyLoad Adfox'а
        fetchMargin: 10, // расстояние до баннера, с которого начнётся запрос (в процентах высоты экрана) 
        mobileScaling: 2 // множитель значения fetchMargin для мобильных устройств
    }
}

Нейросети довольно быстро справляются с написанием кода, но чувствительны к промтам — напишешь слабый промт, получишь на выходе мусор. Чем дольше общаешься с чат-ботом, тем больше он начинает путаться и терять контекст. В итоге он может вообще переписать весь код, удалив 80% функционала, лишь бы пофиксить один визуальный баг.

К тому же лимиты GPT-4o быстро заканчиваются. Варианты решения:

- Продолжить работу с DeepSeek — он немного хуже справляется с задачами, чем нейросеть от OpenAI.
- Включить Copilot в Visual Studio Code — он тоже использует GPT-4o, но через аккаунт GitHub.

Код (если это вообще можно назвать кодом) пока не оптимизирован: в нём куча повторяющихся строк, и над ним ещё работать и работать.

Что дальше?
В планах доработать этот пет-проект:
✅ Оптимизировать код и перевести его на TypeScript (сейчас пишу на JS).
✅ Добавить новые форматы: полноэкранный Fullscreen и межэкранный Interstitial.
✅ Поддержка Header Bidding: Adfox HB (базово уже есть в wrapper) и Prebid.js.
✅ Трекать видимость рекламы через Intersection Observer API или OpenVV (но сначала нужно разобраться, где хранить и обрабатывать данные).
✅ Сделать проект Open Source.