Это первый урок цикла, который я начал писать для своей команды разработки.
Нам нужно начать с теории.
Что вообще такое вайб-кодинг?
Это когда разработчик (или даже не разработчик) описывает желаемые функции на обычном языке, а ИИ уже переводит это в программный код. Вообще термин вайб-кодинг появился лишь только в феврале этого года, так что это очень свежее явление.
Суть одна, но реализаций инструментов у неё несколько.
Я условно разделяю инструменты для вайб-кодинга на 3 категории:
1. Blackbox — сервис либо вообще не показывает нам код, либо показывает, но не даёт отредактировать.
Он просто сделал задачу, мы это запускаем, тестируем и всё. Ну и в репозиторий (место хранения кода) можно закинуть.
Это Replit, Bolt, Lovable — они стараются делать свои продукты для непрограммистов.
2. Greybox — сервис показывает код, но он работает на автопилоте.
Мы видим, что там ИИ сгенерировало, какой код конкретно появился/изменился, но управление чаще всего происходит через только промпт.
3. Whitebox — это когда работаем с кодом мы сами, а ИИ является нашим напарником. Как правило, этот инструмент выглядит как IDE (программа для разработки). Мы видим, что ИИ создало, и можем за ним исправлять, отменять её изменения полностью или частично, направлять.
А также есть вариант, когда компания пытается охватить сразу все варианты — как Firebase studio от Google.
Также можно просто кидать код обычном Gemini, Claude, GPT — и они будут выдавать результат. Но это подходит для маленьких задач или, что более ценно — для планирования работы.
Но есть не только сервисы, которые просто генерят код
Есть и те, которые создают под него документацию (codeguide.dev, factory.ai), делают ревью-проверку и ищут баги (cubic.dev, coderabbit.ai), создают дизайн (UXpilot, Uizard) и так далее. Их мы тоже разберём. Хотя, вероятно, те ребята, которых я уже описал выше, большинство из второстепенных функций постепенно в себя вберут.
Приятный бонус — все инструменты выше работают без VPN, разве что оплачивать нужно иностранной картой. Они не требуют сильного ноута — какие-то работают через браузер, какие-то через приложение на ноутбуке, но на малых мощностях.
Что я считаю минимальным набором джентльмена на данный момент?
• GPT и/или Gemini — для планирования. Можно даже обойтись без подписок, работая в aistudio.google.com
• UXpilot — для создания дизайн-макетов для веб и мобильных приложений
• Lovable — для веб-фронтенда. Они дают 5 бесплатных генераций в день, нередко этого даже достаточно, чтобы сделать полноценный сайт!
• Rork — для мобильного приложения. Хотя Lovable вроде бы грозится эту нишу тоже охватить.
• Cursor — для работы с бэкендом (серверной логикой приложения). Он самый быстрый, самый функциональный и удобный. Apple в мире вайбкодинга.
• Coderabbit — для ревью кода (проверки). Хотя вскоре его полностью может заменить Cursor.
Вот с этих приложений мы и начнём наш путь в вайбкодинг.
Напоминаю, что это серия я серия постов с обучением по вайб-кодингу, которая которая проходит в тг канале
В пикабу будет часть постов, но основная линия будет там. Буду рад вашему участию)
