{"id":14294,"url":"\/distributions\/14294\/click?bit=1&hash=434adac65d5ae5d3e2e945d184806550325dd9068ef9e9c0681ca88ae4a51357","hash":"434adac65d5ae5d3e2e945d184806550325dd9068ef9e9c0681ca88ae4a51357","title":"\u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0418\u0418 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u043d\u043e\u0441\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c \u043c\u0438\u043b\u043b\u0438\u0430\u0440\u0434\u044b \u0432 \u0433\u043e\u0434","buttonText":"","imageUuid":""}

ChatGPT написал приложение для застройщика

Студия разработки Mintrocket воспользовалась популярной нейронной сетью для создания мобильного приложения. Результат нас удивил.

Введение

Мы уже неоднократно встречали статьи и видео, где описывали создание мобильных приложений через ChatGPT. Нам стало интересно, сможет ли обычный пользователь, далёкий от программирования, написать приложение «под ключ» с помощью этой нейросети.

В качестве эксперимента мы выбрали отрасль, в которой у нас больше всего экспертизы — недвижимость.

Какое было техническое задание?

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

Первый вариант задания для ChatGPT

Какой результат показал ChatGPT?

Результат прикреплён в виде скриншота. Он нас немного смутил, но энтузиазма и азарта не убавилось: мы продолжили работать дальше.

Первая версия главного экрана от ChatGPT

Стало очевидно, что пока получается какая-то бесвкусица.Чтобы улучшить результат, нам понадобилось 5 итераций. Мы уточнили, где должны располагаться блоки и какой в них должен быть функционал. Теперь по нажатию на кнопку телефона открывалась "звонилка". Вернее, открывалась бы. Функционал написан так, что работает это только на старых версиях Flutter. Этот результат был все еще далек от желаемого:

Вторая версия главного экрана от ChatGPT

Было решено дать ChatGPT реальное ТЗ

Мы отправили ChatGPT техническое задание на разработку главного экрана. За основу взяли одно из типовых ТЗ для застройщиков. Правда, мы его немного переработали, чтобы нейронная сеть правильно прочитала требования. Скриншот задания для нейронки вы видите на экране.

Переработанная часть ТЗ для ChatGPT

В ответ бот выдал код на 130 строк с 37 линтер проблем и оверфлоу. Оверфлоу быстро поправили руками и получилось вот так:

Ещё одна попытка ChatGPT сделать главный экран

Однако в кнопках отсутствовала логика, а в виджетах были поля deprecated.

Поля deprecated

ChatGPT добавляет логику в свой же код

Мы скопировали описание логики из реального ТЗ и отправили ChatGPT. Код получился обрезанным, но потом мы поставили ему задачу: объединить код с логикой и версткой. Появилось обращение к серверу, а еще бот прописал функции. Правда, они оказались пустыми. Как бонус — ChatGPT написал комментарии:

void fetchAccountInfo() { // здесь необходимо вызвать функцию из модуля API и получить информацию о счете, балансе, активности и т.д. // результаты запроса необходимо сохранить в соответствующих полях состояния } void changeCurrentAccount() { // здесь необходимо реализовать изменение текущего лицевого счета } void addAccount() { // здесь необходимо реализовать добавление нового лицевого счета } void payOrTopUp() { // здесь необходимо реализовать оплату или пополнение баланса текущего лицевого счета } void submitMeterValues() { // здесь необходимо реализовать отправку данных счетчиков на сервер }

Ещё появилось меню, в котором кнопки должны вести на другие экраны в соответствии заданной логикой. И снова появилась проблема с оверфлоу. На этом мы остановили наш эксперимент, а финальный результат смотрите ниже:

Финальная версия главного экрана приложения потенциального застройщика

Выводы по ChatGPT

Так может ли человек без навыков программирования создать приложение с помощью ChatGPT? Скорее нет, чем да. Всё упирается в грамотное техническое задание. Но даже с таким ТЗ возникнут ошибки, которые невозможно устранить без понимания основ программирования.

Можно ли рассматривать ChatGPT как инструмент автоматизации создания мобильных приложений? В текущем виде — сомнительно. Однако у этой и подобных ей нейронных сетей виден большой потенциал. Ждём общедоступного релиза GPT 4 и GPT 5. Подпишитесь, чтобы не пропустить сравнение результатов ChatGPT и более новых нейронных сетей.

Друзья, а какой у вас был опыт использования ChatGPT? Напишите об этом в комментариях!

Подписывайтесь на канал в Telegram, где мы рассказываем о полезных рабочих инструментах, интересных кейсах и даём полезные рекомендации.

Нужна консультация по разработке мобильного приложения или веб-сервиса? Пишите на почту [email protected] или в Telegram.

Ссылка на сайт: mintrocket.ru

Автор материала: Дмитрий Агамалиев, Андрей Пашнин.

0
Комментарии
-3 комментариев
Раскрывать всегда