Как делать свои приложения и автоматизацию с ИИ правильно: от идеи до сервера
Эмиль Салихов · основатель Emayaemaya.kz
Блок 1 · Что такое вайбкодинг
Эволюция
Станок, компьютер, программист со счётом. Теперь человек просто говорит с ИИ
01 Что такое вайбкодинг
emaya
Каждые полвека дорогой ручной труд становится дешёвым
XIX век
Станок
Заменил ремесленника
1980-е
Компьютер
Заменил бумагу и счёты
2000–2020
Программист
Автоматизация за миллионы
Сейчас
Вайбкод
Говорите с ИИ, он пишет код
01 Что такое вайбкодинг
emaya
Подписка вместо счёта на миллионы
Было
Месяцы на ТЗ и согласования
Полгода разработки
Десятки миллионов ₸
Каждая правка — новый счёт
Стало
Подписка 20–200 $ в месяц
Первый прототип за вечер
Правки сразу, без допсоглашений
Но думать за вас ИИ не будет
01 Что такое вайбкодинг
emaya
Вопрос залу
Сколько вам предлагали заплатить за автоматизацию?
Назовите сумму и что за неё обещали
02 Что можно сделать
emaya
Что я делаю на вайбкоде
Программа для автосервисовПлатформа продаж квартирСайты с заявками в CRMСайты жилых комплексовВидео и мультики из кода
Квизы и калькуляторы Боты и автопостинг Договоры в один клик Склад и учёт
и ещё десятки проектов
02 Карта лекции
emaya
Путь вайбкодера: 8 шагов
1Идея
2ТЗ через допрос ИИ
3Путь и макет
4Архитектура
5Работа этапами
6Агенты-проверяющие
7GitHub и сервер
8Проверка безопасности
Пропустили шаг — получили проект, который ломается или течёт
03 Главная ошибка
emaya
Промпт в одну строку
ВыСделай мне сайт с квизом для заявок
ИИГотово! Вот сайт: 10 вопросов, форма, анимации, личный кабинет, чат…
Красиво. Только это не то, что вам было нужно
03 Главная ошибка
emaya
Почему так
Одна строка = 100 решений, которые ИИ принял за вас
Какие вопросы? Куда летят заявки? Где они хранятся? Кто их видит? ИИ угадал всё. Наугад
Блок 3 · Главная ошибка
Генератор
К одному узлу прикручивают всё подряд, пока он не ломается
03 Главная ошибка
emaya
Правило № 1
Сначала думаем. Потом генерируем
03 Главная ошибка
emaya
Вопрос залу
Кто уже пробовал написать ИИ «сделай мне приложение»?
А у кого получилось то, что хотели?
04 ТЗ
emaya
Не пишите ТЗ сами. Пусть ИИ вас допросит
Вы знаете свою задачу. ИИ знает, какие вопросы задать. Вместе получается ТЗ
04 ТЗ
emaya
Промпт, который заменяет аналитика
Я хочу сделать [что] для [кого]. Не пиши код. Сначала задай мне максимум вопросов, по 3–5 за раз: кто пользователи, что они делают, какие данные храним, кто что видит, с чем связать, что считаем успехом. Спрашивай, пока тебе не станет всё ясно. Потом собери ТЗ и разбей работу на этапы.
04 ТЗ
emaya
Как это выглядит
ИИКуда отправлять заявку из квиза: Telegram, WhatsApp, CRM? Кому именно?
В Telegram, в группу менеджеров
ИИА если Telegram недоступен, заявка должна где-то сохраниться?
Конечно, терять нельзя
04 ТЗ
emaya
Почему ТЗ должно быть подробным
ИИ строит ровно по ТЗ. Дыра в ТЗ — дыра в продукте
ТЗ — память проекта: новый чат продолжит с того же места
По ТЗ проверяют результат: сделано или нет
Раздел «Чего НЕ делаем» защищает от лишнего
С ТЗ любой программист подхватит проект за день
04 ТЗ
emaya
Работа этапами: сделал → проверил → «ок»
этап 1Макет экранов
→
этап 2Квиз без отправки
→
этап 3База и Telegram
→
этап 4Админка заявок
→
этап 5Сервер и проверка
Один этап за раз. Не идём дальше, пока текущий не работает
Блок 4 · ТЗ
Кривой чертёж
Робот строит ровно по чертежу. Даже если дверь на крыше
04 ТЗ
emaya
Голосование
Что важнее?
Идеяруки вверх
ТЗруки вверх
05 Путь и дизайн
emaya
Нарисуйте путь пользователя
шаг 1Увидел рекламу
→
шаг 2Открыл сайт
→
шаг 3Прошёл квиз
→
шаг 4Оставил телефон
→
шаг 5Ответ за 5 минут
И путь вашего сотрудника: где он увидит заявку и что с ней сделает
05 Путь и дизайн
emaya
Сначала макет, потом код
До главного действия — не больше 3 кликов
Соберите 5 сайтов, которые нравятся, как образец
Сделайте макет экранов в Claude Design
Покажите макет трём людям ещё до кода
Блок 5 · Путь пользователя
Заблудился
Клиент бродит по кнопкам и уходит
05 Путь и дизайн
emaya
Вопрос залу
Сколько кликов терпит ваш клиент?
Посчитайте на своём сайте: от входа до заявки
06 Архитектура
emaya
Архитектура — это план дома до стройки
Фронтендчто видит человек
Бэкендлогика и проверки
База данныхзаписи и заявки
Хранилище файловфото, документы
Админкаваш пульт
Роли и правакто что видит
ИнтеграцииTelegram, оплата, CRM
Сервер и доменгде всё живёт
06 Архитектура
emaya
Как это выглядит на схеме
06 Архитектура
emaya
Зачем разделять фронтенд и бэкенд
Код фронтенда видит любой посетитель. Ключам там не местопароли и ключи живут только на бэкенде
Меняете дизайн, не трогая логику
Один бэкенд обслуживает сайт, приложение и бота
Права проверяет сервер, а не спрятанная кнопка
06 Архитектура
emaya
Зачем база данных и где она живёт
Таблица или файл
Правит один человек за раз
Видно всё или ничего
Удалил строку — пропала навсегда
Тормозит на десятках тысяч строк
База данных
Сотни людей одновременно
Каждый видит только своё
Живёт на сервере, наружу закрыта
Копия каждый день в другом месте
06 Архитектура
emaya
Фото и файлы — в отдельное хранилище
Сервер
Думает
Логика, проверки, ответы. Диск не забит гигабайтами фото
База
Помнит
Хранит запись и ссылку на файл, а не сам файл
Хранилище
Хранит
Фото, документы, видео. Дёшево, быстро отдаёт, легко копировать
06 Архитектура
emaya
Архитектуру тоже составляет ИИ. По вашему ТЗ
Вот ТЗ. Предложи архитектуру: фронтенд, бэкенд, база данных, хранилище файлов, админка, роли и права, интеграции, где всё будет жить. Объясни простыми словами, нарисуй схему и назови риски. Код пока не пиши.
Блок 6 · Архитектура
Дом без фундамента
Красивый фасад, а под ним пусто
06 Архитектура
emaya
Вопрос залу
Где сейчас лежат файлы и данные ваших клиентов?
И что будет, если этот компьютер или аккаунт пропадёт?
07 Инструменты
emaya
Где работать: терминал сильнее чата
Чат в браузере
Видит только то, что вставили
Код копируете руками
На сервер не попадает
Каждый раз с нуля
Claude Code в терминале
Видит всю папку проекта
Сам создаёт и правит файлы
Сам выкладывает на сервер
Помнит проект, умеет скиллы
07 Инструменты
emaya
Скиллы: готовые умения для ИИ с GitHub
Задача
Скилл
Дизайн без «шаблонности»
impeccable, taste-skill
PDF, Word, Excel, презентации
anthropics/skills
Анимация на сайте
gsap-skills
Видео и мультики из кода
remotion skills
Проверка безопасности
trailofbits/skills
Скилл — это инструкция с примерами. Ставьте только из проверенных источников. Ссылки в гайде
07 Инструменты
emaya
GitHub: зачем репозиторий
Репозиторий — папка проекта с машиной времени
Каждое изменение сохраняется как версия
ИИ всё сломал — откатились за минуту
Ноутбук украли — проект цел
Репозиторий только приватный
07 Процесс
emaya
ИИ проверяет ИИ: агенты после каждого этапа
1
Строитель
Делает этап по ТЗ
2
Тестировщик
Проходит сценарии как пользователь, ищет ошибки
3
Ревьюер
Ищет дыры, баги и уязвимости
4
Чистильщик
Убирает лишнее, дубли и мусор в коде
Без чистки код за месяц обрастает мусором, и каждая правка ломает три места
07 Инфраструктура
emaya
Как проект попадает в интернет
1 · ноутбукПишете с ИИ и проверяете
→
2 · GitHubВерсия сохранена
→
3 · серверРаботает 24/7, HTTPS
→
4 · доменВаш адрес .kz
Обновление одной командой: попросите ИИ написать скрипт выкладки
07 Инфраструктура
emaya
Один сервер или несколько?
Старт: всё на одном
Дёшево и просто
Подходит для проверки идеи
Но упал сервер — упало всё
Фото съедают диск
Рост: по частям
Приложение на своём сервере
База на отдельном, закрыта от интернета
Файлы в облачном хранилище
Каждую часть усиливаем отдельно
Блок 7 · Инфраструктура
Красавчик
Всё сделал, выключил компьютер, и сайт пропал
07 Инфраструктура
emaya
Вопрос залу
Где сейчас живёт ваш сайт?
И у кого пароль от домена?
08 Безопасность
emaya
Три способа потерять всё
1
Ключ в коде
Пароль попал в публичный GitHub. Боты находят такие за минуты
2
Открытая база
База доступна из интернета без пароля
3
Нет проверки прав
Поменял цифру в адресе и видит чужую заявку
08 Безопасность
emaya
Что закрыть до запуска
Ключи и пароли — только в файле .env, не в коде
Вход и админка — надёжный пароль и второй фактор
Права проверяет сервер, база закрыта от интернета
Оплату и документы — через проверенные сервисы
Копия базы каждый день, в другом месте
08 Безопасность
emaya
Закон РК о персональных данных · поправки 2026
Требования ужесточили. Отвечает владелец
«Хранение персональных данных осуществляется… в базе… которые находятся на территории Республики Казахстан»ст. 12
«…в течение одного рабочего дня… уведомить уполномоченный орган о нарушении безопасности персональных данных»ст. 25
Утечка у малого бизнеса — штраф 3,2 млн ₸. При серьёзном вреде — уголовная статья
Блок 8 · Безопасность
Взлом за ночь
Вечером выложил проект, утром база клиентов продаётся
08 Безопасность
emaya
Вопрос залу
Чьи персональные данные хранятся у вас?
Клиенты, сотрудники, кандидаты… Где лежит эта база и у кого к ней доступ?
09 Специалист
emaya
Сделали на вайбкоде. Зачем теперь программист?
Найти дыры раньше, чем их найдут хакеры
Проверить, что база и ключи закрыты
Выдержать нагрузку, когда пришли тысячи людей
Подключить банки, оплату, госсистемы
Распутать архитектуру, если всё держится на одном узле
09 Специалист
emaya
Сами с ИИ
Прототип и проверка идеи
Сайты, квизы, калькуляторы
Внутренние инструменты
Отчёты и автоматизация
Аптечка вайб-кода
Проверим проект на дыры
Починим то, что сломалось
Разложим по серверам правильно
Запустим и поддержим
Собрали сами, а оно сломалось или страшно запускать? emaya.kz
Блок 9 · Вместе
Рукопожатие
Предприниматель с ИИ и программист теперь в одной команде
— Финал
emaya
Запомните порядок
1Идея
2ТЗ через допрос ИИ
3Путь и макет
4Архитектура
5Работа этапами
6Агенты-проверяющие
7GitHub и сервер
8Проверка безопасности
Подписка вместо миллионов — но только по этому порядку
