В рамках технологического мероприятия AI Dev 25 Мэтт Палмер, отвечающий за направление Developer Relations в компании Replit, продемонстрировал возможности современной ИИ-разработки в облачной среде. На примере создания полноценного full-stack сервиса для нетворкинга спикер показал, как автоматизированные агенты меняют привычный цикл создания программного обеспечения. Палмер подробно разобрал практические шаги от генерации первой строчки кода до деплоя готового продукта, а также поделился ментальными моделями, необходимыми для эффективного проектирования систем в эпоху генеративного ИИ.
🚀 От идеи к работающему прототипу за считаные минуты 0:00
Выступление началось с разбора классической проблемы современных конференций: участники постоянно обмениваются контактами, пытаясь найти свои QR-коды в интерфейсах LinkedIn или X (бывший Twitter). Мэтт Палмер предложил прямо в реальном времени создать специализированное приложение для сетевого взаимодействия, оптимизированное для быстрого сохранения и отображения персональных QR-кодов и ссылок. Главной целью эксперимента было доказать, что современный инструмент автоматизации способен выдать не просто «игрушечную» демо-версию для локального компьютера, а полноценный живой продукт в интернете.
Процесс начался с формулирования текстового запроса в диалоговом окне платформы Replit. В работу включился Replit Agent — специализированный фреймворк, функционирующий как автономный инженер-программист. Первым шагом ИИ-агент сформировал и вывел на экран подробный план будущей архитектуры, чтобы подтвердить, что он правильно понял техническое задание пользователя.
После одобрения предложенной стратегии система сгенерировала предварительный визуальный макет интерфейса и начала транслировать процесс написания серверного и клиентского кода в режиме реального времени. По словам Палмера, успех создания приложений с помощью ИИ во многом зависит от предварительного планирования. Пользователи часто совершают ошибку, перескакивая этап проектирования и сразу переходя к хаотичному тестированию промптов. В качестве практической рекомендации для менее опытных разработчиков Мэтт Палмер предложил использовать сторонние ИИ-инструменты для предварительного создания шаблонов PRD (документов с требованиями к продукту) и последующей передачи их в Replit Agent.
🛠️ Под капотом Replit: Полноценная среда разработки в облаке 3:40
Для понимания масштаба происходящего спикер подробно описал внутреннюю экосистему платформы. На базовом уровне Replit предлагает пользователям три ключевых продукта:
- Workspace — интерактивное облачное пространство разработки, существующее на рынке уже более пяти лет.
- Agent — автономный разработчик, способный с нуля сконфигурировать рабочую среду и развернуть сложную кодовую базу.
- Assistant — контекстный ИИ-помощник, оптимизированный для оперативного редактирования кода, ответов на вопросы и ведения точечных чат-сессий.
Главным отличием Replit от стандартных генераторов кода, создающих изолированные фрагменты разметки, выступает наличие полноценной операционной системы и файловой структуры в облаке. Программа разворачивается непосредственно по сетевому URL-адресу. Платформа в автоматическом режиме установила среду Node.js, настроила все системные зависимости, библиотеки и пакеты, сформировав полноценную клиент-серверную архитектуру.
В процессе работы ИИ-агент не просто пишет код, а циклически тестирует его: запускает скрипты, анализирует вывод терминала, выявляет ошибки компиляции и самостоятельно исправляет их на лету. Вся техническая рутина скрыта за лаконичным интерфейсом чата, однако при желании разработчик может скачать весь проект в виде ZIP-архива для локального использования.
💾 Интеграция базы данных и авторизации без лишней сложности 8:06
Создав базовый интерфейс для генерации QR-кодов, Палмер усложнил задачу. Встроенная система авторизации Replit Auth позволила мгновенно подключить профили пользователей без необходимости писать кастомные модули безопасности или настраивать внешние сервисы. Первоначально сгенерированные ссылки сохранялись во временной локальной памяти приложения, что делало данные уязвимыми при перезапуске сервера.
Для персистентного хранения информации Мэтт Палмер добавил в проект полноценную базу данных PostgreSQL. Внутри Replit доступна интеграция с бессерверными решениями от технологического партнера Neon. Процесс подключения прошел через один текстовый запрос. Получив команду, Replit Agent самостоятельно определил структуру таблиц (схему данных), настроил подключение и перенес существующую логику хранения на новую архитектуру.
Во время миграции данных ИИ-агент столкнулся с технической проблемой круговой зависимости в схеме базы данных (circular dependency). Вместо остановки процесса система перешла в режим автономной отладки:
- Агент проанализировал логи консоли и зафиксировал ошибку Drizzle Kit при пуше схемы.
- Самостоятельно выполнил проверочные SQL-запросы для оценки структуры таблиц в информационной схеме базы.
- Переписал проблемный участок кода, устранив конфликт зависимостей, и успешно перезапустил сервер.
В результате в панели управления Neon появились функционирующие таблицы пользователей и сохраненных ссылок, а приложение стало корректно обрабатывать авторизованные сессии.
🧠 Философия «вайб-кодинга»: Отладка и уровни мышления 16:36
Переходя от демонстрации кода к методологии, Мэтт Палмер затронул популярный в ИТ-индустрии термин «вайб-кодинг» (vibe coding). По мнению спикера, за этим понятием не скрывается никакое мистическое волшебство — процесс целиком подчинен строгой логике, анализу информации и системному решению возникающих проблем. В эпоху ИИ ключевыми навыками становятся понимание контекста и умение проводить базовую отладку.
Палмер утверждает, что пользователям необязательно глубоко знать синтаксис языков программирования, но критически важно уметь читать логи консоли. Понимание простых вещей — например, разницы между успешным сетевым ответом с кодом 200 и ошибкой с кодом 400 — позволяет быстро локализовать проблему. В большинстве случаев для исправления сбоя достаточно скопировать сырой текст ошибки из консоли и отправить его обратно большой языковой модели.
Для описания эволюции навыков современного инженера Палмер привел наглядную четырехуровневую иерархию мышления на примере шахматной игры:
- Логическое и аналитическое мышление — базовый уровень непосредственной игры по правилам.
- Вычислительное мышление (Computational thinking) — уровень, необходимый для того, чтобы запрограммировать компьютер строго соблюдать правила шахмат.
- Процедурное мышление (Procedural thinking) — высший уровень, позволяющий обучить компьютер играть в шахматы на конкурентном, гроссмейстерском уровне.
По мнению спикера, при создании приложений с помощью ИИ человек берет на себя роль не просто исполнителя, а продукт-менеджера и системного архитектора. Требуется процедурный взгляд на вещи: понимание того, как отдельные независимые компоненты — библиотеки генерации кодов, протоколы авторизации и базы данных — состыковываются в единый работающий организм.
🆚 Replit против локальных сред: В чём разница? 23:23
В финальной части сессии представитель компании Gooo World Даниэль Клински задал спикеру вопрос о фундаментальных отличиях Replit от популярных локальных ИИ-редакторов кода, таких как Cursor.
Мэтт Палмер ответил развернутой аналогией, сравнив локальные редакторы с классическим текстовым процессором Microsoft Word, а Replit — с облачным сервисом Google Диск. Cursor работает на локальной машине пользователя, требуя ручной настройки окружения, компиляторов и системных утилит. В противовес этому, Replit полностью абстрагирует разработчика от инфраструктурных проблем.
Для демонстрации этого тезиса Палмер за несколько секунд установил инструменты поддержки языка Python прямо внутрь работающего облачного Node.js-приложения без каких-либо конфликтов окружения. Спикер подчеркнул, что локальные среды часто вынуждают пользователей сталкиваться со сложной настройкой пакетов (например, через менеджер Conda на операционной системе Windows). В Replit же вся инфраструктура, включая базы данных, файловое хранилище Blob Storage и механизмы деплоя в продакшен, активируется и масштабируется буквально в один клик мыши.
