🐣 С чего начать вайб-кодить если ты ни разу не запускал ничего сам?

Прошлый пост набрал больше 25 огонечков, и я понял, что меня читают люди, которые еще ничего ни разу не запускали сами, в силу своей профессиональной деятельности.

Я обещал начать цикл постов для таких ребят, чтобы помочь им стартануть без страха ошибиться.

1️⃣ Во-первых, ребят, вайб-кодинг, и в целом кодинг - это не та сфера, где не ошибаются. Ошибаются все. Даже у профи не всегда все запускается с первого раза. А точнее, почти всегда не с первого. Мы не сапёры, ошибаться можно.

2️⃣ Во-вторых, у вас уже есть все необходимые ресурсы, чтобы решить любую проблему - это ChatGPT и @vibe_coding_community.

3️⃣ В-третьих, за ошибками, которые вы преодолеете, вас ожидает дивный новый мир, в котором вы творец и можете на много больше, чем думаете о себе.

Итак, с чего можно начать, если еще ни разу ничего не запускали сами.

✈️ Дешевый и прямой маршрут без пересадок - SaaS сервисы.

На карте инструментов я уже перечислил лучшие инструменты, которые помогут начать без навыков программирования, повторятся тут не буду, но посоветую с российского сервиса harvi.pro, как самого простого и доступного для российской аудитории. У меня есть промокод на скидку 70% на все тарифы, до конца года, пишите в личку.

Что можно сделать в SaaS. Чаще всего это вся интерфейсная часть, сайты, посадочные страницы, интернет-магазины, блоги и так далее. Можно делать также более сложные вещи, такие как игры, веб-сервисы, таск-трекеры, аналитические дэшборды и так далее.

💪Когда набьете руку в SaaS, и захочется делать более серьезные вещи: чат-боты, аналитические системы, парсеры данных, микросервисы, работать с транскрибаторами, LLM, медиафайлами (редактирование и конвертация) и тому подобное, делаем следующее.

1️⃣ Скачиваем и устанавливаем себе на комп Python и Node.js, ссылки кликабельные, ставятся как обычные программы на компьютер.

2️⃣ Скачиваем и устанавливаем себе на комп Cursor, Windsurf, Trae, Kiro.

3️⃣ Лучше начать с Kiro, там есть Spec Driven Development режим, который вас проведет за ручку от формулирования требований до подготовки к релизу. Но и Cursor - это must have. Остальное по-желанию.

4️⃣ Начните с простых сервисов, чат-ботов например, таких которые часто встречаются в природе. Не начинайте сразу со своей гениальной невообразимой бизнес идеи, которой еще нет в природе. Сначала набейте руку, на том, что уже видели и знаете как работает.

5️⃣ Когда набили руку, выбрали лично для себя подходящий инструмент, и модель, которая вас слушается, тогда можете переходить к реализации своих гениальных уникальных идей.

6️⃣ Когда достигли на ваш взгляд релизного состояния, не спешите делится с миром. Нужно проверить на уязвимости. Об этом в следующих постах.

😱Если вдруг этот путь все равно кажется сложным и пугающим, запишитесь на мою менторскую программу, мы вместе с вами в индивидуальном порядке пройдем этот путь за ручку, и вам не нужно будет покупать никаких дорогостоящих курсов, чтобы начать делать.

🎚️ @vibe_coding_channel
🎚️ @vibe_coding_community

🎁 В Vibe Coding Community 499 участников, следующий кто подаст заявку на вступление в группу, получит от меня 100 Telegram Stars ⭐️

🗺 Карта фреймворков для начинающего вайб-кодера.

Многим зашла карта инструментов вайб-кодера и кажется был полезным пост "С чего начать вайб-кодить если ты ни разу не запускал ничего сам?". В продолжении этого поста, приготовил для вас первую версию карты фреймворков.

Что такое фреймворки в программировании? Это каркас, который предоставляет готовую структуру, набор инструментов и правил для создания программного обеспечения. Он позволяет разработчику сосредоточиться на уникальной бизнес-логике, не тратя время на создание базовых, повторяющихся функций.

Почему важно знать про фреймворки? В вайб-кодинге есть известная проблема - в процессе написания кода модели могут менять подходы, библиотеки, дублировать код или попытаться использовать разные фреймворки в одном проекте. Все это недопустимо и ведет к каше и техдолгу. Правильно подобранный фреймворк, и четко описанные лучшие практики в правилах, помогает частично устранить эту проблему, и придерживаться единого подхода в разработке.

Теперь непосредственно о карте фреймворков.

В первую версию я включил то, с чем сам так или иначе работал и то, что уже проверено и хорошо представлено в сети. Так как модели учатся на открытых данных, то чем больше материалов в сети по фреймворку, тем точнее они выдают результат. Python и JavaScript самые представленные в сети языки программирования, поэтому сюда вошли фреймворки исключительно для них.

Я разделил карту на 4 направления:
- Web Development
- Bot Development
- Game Development
- Mobile Development

Теперь расшифровка по каждому направлению.

📱Mobile Development.
React Native - на мой взгляд один из лучших инструментов для разработки большинства кроссплатформенных мобильных приложений, модели отлично с ним справляются.
Flutter - тоже отличный кроссплатформенный фреймворк, можно делать приложения под Android, iOS, Windows, etc. В вайб-кодинге сам его не использовал, но знаю, что некоторые ребята из @vibe_coding_community использовали его в вайб-кодинге и рекомендовали.
Swift - это не фреймворк, а язык программирования для разработки нативных приложения для Apple.
Kotlin - это тоже не фреймворк, а язык программирования, но уже под Android.

🤖 Bot Development.
Aiogram - ассинхронный фреймворк для создания Telegram ботов на Python.
GrammY, Telegraf - тоже самое, только на Node.js
Telethon и Gram.js я выделил слегка другим цветом, так как, это фреймворки для создания Telegram клиентов, а не ботов. То есть по-сути дает возможность подключать твой основной аккаунт и автоматизировать его работу.

🎮 Game Development
Хотя есть много разных фреймворков, я выделил наиболее представленные в сети, с хорошей документацией и примерами на JavaScript.
Конечно GTA 6 вы на них не сделаете, но базовые 2D, 3D игры вполне себе сможете реализовать. Сразу предупрежу, что модели еще не очень хорошо работают с 3D, могут путаться с координатами, делать не ровные модели. Пока лучше всего у меня получалось работать с Three.js и делать игры в стиле Low Poly. Добавил Unity, просто чтобы не обидеть матерых гейм девелоперов.

🖥 Web Development
На Python используйте FastApi для создания бэкенд приложений, REST API сервисов. Django можно для админок и более комплексных штук с интерфейсами использовать.
На Node.js для создания API хороши Fastify, Nest.js. React.js для фронтенд приложений. Next.js для создания фулстек приложений, то есть и интерфейсы и бэкенд в одном флаконе.

🤔Подумал, что в следующей версии карты фреймворков можно добавить раздел AI Development и перечислить фреймворки для создания ИИ-агентов. Как считаете? Ставьте огонечки, если согласны.

🎚️ @vibe_coding_channel
🎚️ @vibe_coding_community

📰Рынок IT массово ищет специалистов по «вайб-кодингу»

Источник: Коммерсантъ

Число вакансий с требованием навыка «вайб-кодинг» — программирования с помощью нейросетей — с начала 2025 года выросло на 27%. Об этом свидетельствуют данные исследования hh.ru, с которым ознакомился «Ъ». Медианная зарплата на таких позициях в Москве и Петербурге достигает 140 тыс. руб.

Подход, при котором разработчик формулирует задачу ИИ на естественном языке, а тот генерирует код, ускоряет работу и снижает порог входа в профессию. В «СберТехе» его называют стратегическим преимуществом для бизнеса.

Однако эксперты предупреждают о рисках: код становится более «тяжелым», уязвимым и дорогим в поддержке. Для минимизации угроз в компании возвращают обязательный код-ревью и фиксируют ответственность за проверку решений ИИ.

Мой комментарий:

С одной стороны льстит такое внимание к сфере, в которой я работаю и развиваюсь, с другой стороны забавно наблюдать как СМИ мастерски оперируют формулировками и относительными цифрами, такими как %, потому как, пока что абсолютные значения не такие уж и великие. И часто ищут не чистых вайб-кодеров, а разработчиков, которые готовы делегировать задачи по написанию кода ИИ агентам, и проверять их работу.

Я периодически здесь публикую дайджесты вакансий для вайб-кодеров: вот и вот. Их действительно становится больше с каждым месяцем. Но как резонно заметили в комментариях, ИИ должен был сократить время на работу, а в некоторых вакансиях по прежнему пишут 6 дней по 9 часов. Кажется это не тот результат, к которому шли люди создающие искусственный интеллект. Или я не прав? Что вы думаете?

🎚️ @vibe_coding_channel
🎚️ @vibe_coding_community

Вайб-кодинг сократил время обработки данных более чем в 12 раз.

Сегодня ко мне обратились коллеги за помощью, у них был Excel файл с 600+ записями с данными.

Эти данные по отдельности нужно было прогнать через LLM и положить результат в соседнюю колонку.

Ручная обработка 200 записей заняла полтора дня. Тратить больше было уже нельзя. Результат нужен сегодня.

Процесс решения задачи.

Решил попробовать новый AI IDE от Alibaba - Qoder. Оказался сильно умный для этой задачи, наворотил кода, тестов, примеров, доков, хотя нужен был простой скрипт.

Тогда я открыл Warp, закинул ему эту задачу. Он сделал отличный скрипт, простой readme, и описал зависимости в requirements.txt. Все. Больше и не нужно.

Дальше я перешел в Cursor, так как мне нужен был интерфейс в котором я могу быстро переключатся между содержимым файлов. Наверно поэтому я так и не стал поклонником все этих CLI агентов, типо Claude Code, чувствуешь себя слепым котиком, не хватает контроля.

Первый запуск скрипта, 600 асинхронных запросов в миг высадили лимит в 200 запросов в день от OpenAI, а дальше ошибка 429, и все.

Пришлось пересесть на DeepSeek API. Цены дешевле раз в 5, лимитов на количество запросов почти нет.

Прошу выполнять обработку синхронно, друг за другом, но одновременно по 5 запросов.

Пошла обработка, смотрю предварительный результат, а там не полные ответы. Смотрю в код, а там моделька решила выставить лимит на выходящие токены в 1500. Убрал лимит. Запустил.

Результат решения задачи.

Примерно через 2 часа оставшиеся 400 записей успешно обработаны, результат сохранен в отдельный Excel файл. На процедуру затрачено около 4$. Прирост скорости решения задачи больше 12 раз.

Больше успешных кейсов, можно найти в топике «Успешные кейсы» в Vibe Coding Community.

🎚️ @vibe_coding_channel
🎚️ @vibe_coding_community

🤼‍♂️ Провел первые индивидуальные ментор-сессии по вайб-кодингу. Что из этого вышло?

На сессии выбрал двух человек с навыками программирования, и двух без технических навыков. Было интересно посмотреть разницу в коде, в процессах и результатах.

На первых сессиях в основном было знакомство и погружение в проблематику менти.

💡Какие были инсайты?

1️⃣ Практически все делают ИИ агентов. Это ломает кривую освоения профессии программиста. Раньше начинали с простых программ и плавно двигались в сторону более сложных решений. Сейчас ИИ дает ощущение всемогущества. С этим ощущением нужно быть аккуратным, чтобы не лишить себя мотивации в процессе обучения.

2️⃣ Самый частый запрос: «Дайте нам уверенность, что мы все правильно делаем». Причем этим вопросом задаются в равной степени и технари и не технари. Только технарям нужна уверенность в правильном выборе инструментария и подходов. А не технарям - что у нас там в коде.

Тут у меня один комментарий. Сфера разработки с ИИ агентами только формируется. Мы все сейчас исследователи. И единственный правильный подход - пробовать разные инструменты, модели и подходы. Все четверо менти оказались хорошими исследователями, не боялись пробовать новое. Если вы пробуете - вы все делаете правильно.

3️⃣ Модели хорошо структурируют код. Намного лучше, чем джуны разработчики. Когда я раньше приходил на новый проект, где до меня потрудились джуны, это было насилие. Неясный нейминг директорий и переменных, слепленные в кучу функции выполняющие разные задачи. Смотря репозитории написанные ИИ я сразу понимал в какой директории что мне нужно искать, это круто.

4️⃣ Нетехническим специалистам нужны инструменты визуализации процессов, происходящих в коде. Достичь такой визуализации можно разными путями. Во-первых, просить модели сделать mermaid диаграмму процессов и алгоритмов. Во-вторых, можно сначала сделать алгоритм в n8n, а потом попросить модель переписать его в код. В-третьих, когда мы говорим про агентов, можно использовать LangGraph Studio, чтобы визуально видеть все процессы протекающие внутри ИИ агента.

🧾Резюме

ИИ кодинг агенты все таки усредняют технический опыт. Пока конечно маленькая у меня выборка, чтобы утверждать точно, но в среднем результаты у обоих групп были на хорошем уровне. Из-за того, что область вайб-кодинга только формируется, многим не хватает уверенности в том, правильно ли они делают. Но добьется успехов тот, кто не боится пробовать и ошибаться.

1️⃣ Если у вас есть такая же неуверенность в процессах или коде, заполните анкету на ментор-сессию, и мы вместе с вами посмотрим, что у вас получается, и откорректируем путь на раннем этапе. Сразу скажу, что я смогу применить 100% моих компетенций, если вы пишите на Python, JavaScript, TypeScript, React.js. В более специфичных стеках, смогу подсказать только общее направление, алгоритмы, подходы. Также могу помочь вам, если вы еще ни разу ничего не запускали сами.

3️⃣ Заполнить анкету

🎚️ @vibe_coding_channel
🎚️ @vibe_coding_community

📆 Пришли инвайты на оффлайн посещение конференции Big Tech Night в офисах Яндекса и Т-Банка.

12 сентября пойду в офис Яндекса послушать 3 лекции:

17:30 Роадмап разработчика 2.0: как адаптироваться к новой реальности ИИ.

18:30 Ре(э)волюция инструментов разработки в эпоху AI. В мире и Яндексе.

21:50 Как быть AI-инженером?

В Т-Банк видимо придется онлайн подключится, чтобы послушать про рефакторинг с помощью ИИ в 19:20.

Также пришел инвайт на оффлайн посещение Ozon.Tech 14 сентября, там послушаю:

16:30 AI-агенты в помощь разработчику, или Как встроить AI-агента в свой dev workflow

17:30 Практика внедрения коммунальной LLM4Code внутри компании: рецепт и собранные шишки.

Пишите, если тоже там будете оффлайн.

🎚️ @vibe_coding_channel
🎚️ @vibe_coding_community

👨‍🎓Прохожу тут на сайте СберУниверситета курс по основам менторинга, и одно из заданий привело меня в замешательство:

"Выберите персонажа из понравившейся книги, фильма, сериала - того, от чьего менторинга вы бы не отказались".

🤔 Пока никто в голову не приходит.

🙏Накидайте в комментариях своих версий, интересно у кого вы бы хотели поучится и почему.

3️⃣ Сегодня Warp зарелизили свой Warp Code, а-ля Claude Code, но в красивом интерфейсе, и со своими фишками!

Я не поклонник CLI инструментов типа Claude Code, прежде всего потому, что мне не хватает контроля над кодом, быстрого переключения между файлами, для быстрого ревью кода, быстрых правок. Warp Code решил эту проблему! Они встроили в свой терминал легковесный редактор кода с табами, файловым деревом, подсветкой синтаксиса, find/replace и другими полезными фичами для удобного ревью.

На рынке много продуктов для code review, но подход Warp уникален: он создан для людей, которые проверяют код, сгенерированный агентами. В мире, где всё больше кода пишут именно агенты, именно этот сценарий становится ключевым. В итоге ты лучше понимаешь происходящее и можешь проще отправлять в продакшен корректный, поддерживаемый код, написанный агентом.

Теперь в Warp Code есть свой WARP.md, а-ля CLAUDE.md, которую можно создать также командой /init, вызвав ее из красивой панельки команд. Warp Code также поддерживает AGENTS.md, CLAUDE.md и правила Cursor. Кроме /init, slash-команды позволяют быстро добавлять глобальные правила, MCP-сервера и запускать сохранённые промпты.

И наконец, в этой версии появились Agent Profiles. В профиле задаётся модель и набор разрешений для агента. Это позволяет запускать разных агентов под разные задачи — с уверенностью, что они не выйдут за рамки выделенных полномочий.

Ну всё, теперь из терминальных ИИ кодинг агентов Warp Code мой фаворит. ❤️

Видосики как это работает можно посмотреть в их блоге.

🎚️ @vibe_coding_channel
🎚️ @vibe_coding_community