немного магии, безумные идеи и zero dev skills. про вайб-кодинг #1
На связи Степан😎
Сегодня расскажу про vibe coding.
Небольшая предыстория: я (достаточно) опытный бизнес-аналитик, но навыков программирования у меня нет. Даже если что-то и было после университета (последний раз кодил на C в 2015-м), я все давно забыл. В том же универе делал какие-то убогие HTML-странички с минимумом JS (и боже упаси, PHP) - на этом мой опыт разработки закончился.
А сейчас везде стали мелькать посты про то, как восьмилетние дети создают игры, как люди пилят приложения, не зная кода. Реклама в Instagram обещает стать разработчиком за вечер. В общем, решил проверить - действительно ли современный ИИ может превратить мою идею в рабочее приложение?
⸻
Эксперимент первый: телеграм-бот чтобы подколоть друга
Идея простая до безобразия - создать мини-приложение в Telegram с большой кнопкой, которая выдает шутливые предсказания. Фишка в том, что к каждому предсказанию я хотел дописать персональный подкол для конкретного друга😈
Инструменты:
- Claude Sonnet (у меня была подписка на $20)
- GitHub (бесплатно)
- Netlify (тоже бесплатно)
Процесс: попросил Claude написать код и пошаговую инструкцию. Сначала он предложил GitHub Pages (оказался платным), потом переключились на Netlify. Описал шаги по созданию бота, настройке кнопки в самом боте, связыванию с веб-приложением.
Результат: за 2-3 часа получил рабочую мини апку, запускаемую через @StepansGameLauncher_bot ! Просто скопировал код в два файла (index.html и app.js), залил на GitHub, связал с Netlify (для автодеплоя при изменении главной ветки). Друзья поугорали, миссия выполнена🎼
_______
Эксперимент второй: футбольный предсказатель
Вдохновили ребята из футбольного чата - там есть бот для предсказания голов, но интерфейса нет. Я загорелся и решил запилить красивое приложение.
Сначала продолжил кодить с Claude, но пока навертел туда много логики - ИИ запутался. В какой-то момент поставил Cursor (AI-редактор кода, форк VS Code с встроенным ИИ), но с бесплатным планом он генерировал какую-то херню. Взял его код, понес в Claude исправлять - в итоге запутался окончательно и ничего не работало😅 Обратился к ChatGPT - получил минимально рабочую апку, но с невероятно убогим интерфейсом. Вернулся в Cursor, попросил написать всю логику заново - помогло! А потом в обзоре на хабре наткнулся на Lovable - и вот тут началась магия! Повторил промт туда.
Lovable - это платформа для разработки, с которой ты можешь общаться натуральным языком. То есть буквально пишем: "хочу веб апку, логика такая-то, стиль такой". Получаем ссылку на рабочую апку. Причем обещают не просто frontend, а с backend'ом, базой данных, автодеплоем - все в одном флаконе. У меня пока фронт, проблем не замечено, автодеплой работает.
Пара минусов - лимит бесплатных запросов очень быстро заканчивается, приходится ждать следующего дня (платную подписку покупать не хотелось, тк уже есть Claude). Ощущается "слишком просто", уже нет ощущения контроля за процессом. Зато эффективно достигает цель в виде разработанного приложения. Пожалуй, как-нибудь куплю подписку, чтобы прощупать пределы платформы.
Ссылочка на апку.
Post #30
113
- ❤ 4
- 🔥 3