С тех пор, как на сцену вышли чат-боты на основе ИИ, такие как ChatGPT, возникла небольшая паника по поводу того, что ИИ заберет все наши рабочие места. Хотя есть еще много вещей, которые чат-боты на основе ИИ пока не могут делать, одна область, в которой они доказали свою эффективность, — это кодирование.
Теперь любой может сгенерировать свой собственный код с помощью чат-ботов на основе искусственного интеллекта, просто объяснив, что он хочет сделать в подсказке, — метод, который стал известен как кодирование с помощью вибрации. Я решил попробовать кодирование с помощью вибрации, чтобы посмотреть, смогу ли я создать простое приложение, не введя ни одной строки кода самостоятельно.
Что такое Vibe-кодирование?
Кодирование Vibe — это метод создания программного обеспечения или приложений с использованием инструментов ИИ, таких как чат-боты, для генерации кода на основе письменных описаний. Если вы хотите создать, например, платформенную игру с боковой прокруткой, вместо того, чтобы писать код самостоятельно, вы просто объясняете чат-боту ИИ, что вы хотите, чтобы игра делала, и чат-бот сгенерирует весь код для вас.
Затем вы можете усовершенствовать свое творение с помощью дополнительных подсказок, попросив чат-бота внести изменения в поведение игры или исправить любые возникающие ошибки. Поручив чат-боту усовершенствовать код для вас, вы можете создать работающее программное обеспечение, не написав ни единой строчки кода.
Выбор идеи для создания
У меня есть небольшой опыт кодирования, но я хотел посмотреть, смогу ли я использовать кодирование vibe, чтобы создать что-то без необходимости вносить какие-либо изменения в код самостоятельно. Я не хотел делать что-то слишком сложное; я просто хотел посмотреть, сработает ли кодирование vibe, чтобы создать полезное и функциональное приложение, просто описав то, что я хочу.
Я всегда боролся с производительностью, обнаружив, что легко отвлекаюсь, и я перепробовал множество приложений, чтобы попытаться решить эту проблему. Метод Pomodoro, состоящий из 25 минут сосредоточенной работы с последующим пятиминутным перерывом, помог, но я все равно обнаружил, что отвлекаюсь во время сосредоточенных сессий. Я также обнаружил, что блокировка времени полезна.
Классический таймер Pomodoro
Я решил попробовать создать приложение, которое бы объединяло оба варианта. Оно создавало бы 30-минутные блоки времени, которые я мог бы заполнить задачами, которые хотел бы выполнить. У каждого блока был бы свой таймер Pomodoro, который я мог бы запустить из блока, и в конце каждого 25-минутного сеанса работы оно предлагало бы мне ввести любые отвлекающие факторы, которые возникали. Это помогло бы мне отслеживать вещи, которые отвлекают мое внимание, чтобы я мог найти способы прекратить эти отвлечения.
Выбор модели ChatGPT
Теперь у меня был план, и я был почти готов начать. У меня есть подписка на ChatGPT Plus, поэтому я планировал использовать именно этот чат-бот. Следующим решением было выбрать, какую модель использовать в ChatGPT. Все модели в той или иной степени могут обрабатывать кодирование.
Некоторые модели поддерживают функцию Canvas, которая открывает отдельное окно для вашего кода, но поскольку я занимаюсь кодингом Vibe и вообще не хочу прикасаться к коду, это было неважно. В конце концов, я выбрал модель o3-mini-high, которая основана на модели o3-mini, которая имеет хорошую репутацию для кодинга. Модель o3-mini-high, как предполагается, более интеллектуальна, хотя и занимает немного больше времени.
Первые попытки создания моего приложения. Я изучил основы
Я начал с описания того, что я хотел, чтобы делало приложение. Я старался включить как можно больше функций, которые я хотел. Это была самая сложная часть всего процесса; мне нужно было четко представлять, что именно я хотел, чтобы делало приложение, и нужно было описать это как можно точнее. Это гарантировало, что результат будет максимально приближен к тому, что я хотел.
Я набрал подсказку, которая включала большинство функций, которые я хотел включить, и модель начала думать. Через минуту и 19 секунд (я знаю, потому что она мне это сказала) ChatGPT выдал блок кода. Я скопировал его в TextEdit, сохранил как HTML-файл, и когда я открыл файл, приложение загрузилось в моем браузере.
Первая попытка была достаточно хороша; в ней были установлены блоки времени и поля для ввода названий рабочих сессий, выбора времени и добавления их в расписание. Была кнопка очистки расписания, которая очищала всю страницу.
После того, как я ввел название сеанса, я мог нажать на значок «Воспроизвести» для этого сеанса, чтобы запустить 25-минутный таймер, после чего запустится пятиминутный таймер перерыва. Пока все хорошо. Однако это был не готовый продукт, поэтому мне нужно было внести некоторые изменения.
Использование дополнительных подсказок для исправления таймера обратного отсчета и макета
Была проблема с макетом; блоки времени были расположены так, что время увеличивалось горизонтально по экрану, но я хотел, чтобы время увеличивалось вертикально в столбцах. Я не указал этого в своем первоначальном запросе, так что это было на мне.
Кроме того, я хотел, чтобы таймер открывался как полноэкранное окно. Это помогло бы заблокировать все другие приложения и меньше отвлекало бы меня (я бы запустил приложение на своем MacBook, работая на своем iMac).
Я ввел подсказку, объясняющую, что я хотел исправить, а также еще пару правок, и ChatGPT подумал еще 44 секунды, прежде чем сгенерировать новый код. Запустив новый код, я обнаружил, что мои инструкции по макету были слишком неоднозначными; теперь время представляло собой одну длинную вертикальную колонку, а не сетку, которую я изначально просил. Это был важный урок о кодировании вибрации: результаты всегда настолько хороши, насколько хороши ваши инструкции.
Я добавил еще одно приглашение для уточнения, и еще через 39 секунд я получил исправленный код. Запуск новой версии дал мне нужную мне раскладку и исправил другие настройки, которые я просил.
Также была проблема с таймером обратного отсчета. Он работал нормально, когда экран обратного отсчета был в фокусе, но если я начинал использовать другие приложения, отсчет не продолжался точно. Если я использовал другое приложение в течение минуты, таймер уменьшался только на 30 секунд, например.
Я добавил еще одно приглашение с просьбой исправить проблему с таймером, объяснив, что я хочу, чтобы время измерялось точно, даже когда приложение не в фокусе. Еще через 72 секунды код был сгенерирован, и проблема с таймером была устранена.
Запрос дополнительного кода для автозаполнения полей
Следующая проблема заключалась в том, что я не учел, когда писал свой первый запрос. Планируя свой день, я, скорее всего, заполнял бы каждый временной блок по порядку. В своей текущей форме приложение автоматически заполняло поле времени временем следующего доступного блока.
Однако, поскольку выполнение большинства моих задач обычно занимает более 25 минут, я обычно вставляю несколько блоков для одной и той же задачи, поэтому имело смысл сохранить в названии сеанса имя предыдущего блока до тех пор, пока он не будет перезаписан.
Я создал еще одно приглашение, и ChatGPT сделал свое дело. Примерно через минуту код был сгенерирован. Он работал почти так, как и ожидалось, но была одна проблема. Если я выбирал альтернативное время с помощью раскрывающегося меню, сеанс добавлялся в следующий доступный слот, а не во время, которое я выбрал. Еще одно быстрое приглашение, и через 15 секунд проблема была устранена.
Добавление способа регистрации отвлекающих факторов
Я понял, что в своей первой подсказке я упустил одну важную часть. Одной из вещей, которую я хотел получить от своего приложения, была возможность регистрировать все, что отвлекало меня во время моей сосредоточенной рабочей сессии. Это помогло бы мне определить наиболее распространенные причины моих отвлечений и попытаться найти способы минимизировать их.
Вот тут я попробовал что-то немного другое. В моем первом приглашении отсутствовала некоторая ключевая информация, поэтому я задался вопросом, может ли ChatGPT помочь мне написать приглашение кодирования Vibe. Я открыл модель GPT-4o, объяснил, чего я хочу, в сбивчивых терминах и попросил его дать мне приглашение, которое я мог бы использовать для внесения соответствующих изменений в свой код.
Я взял полученный запрос и вставил его в свой чат кодирования Vibe, и ChatGPT обновил код для меня. Потребовалось еще несколько настроек, чтобы он заработал идеально, но вскоре у меня были все функции, которые мне были нужны для моего приложения.
Завершенное приложение делает все, что я просил, и оно было создано без единой строчки кода. Я уверен, что со временем внесу в него некоторые улучшения (для начала, оно выглядит не очень), но я уже использую его для планирования своих дней и для того, чтобы сосредоточиться на текущих задачах.
«Работа с приложениями» полезна, когда она работает
Очень удобная функция, которую я использовал при создании этого приложения, называется Work With Apps. Используя эту функцию, приложение ChatGPT для рабочего стола может взаимодействовать с другими приложениями, которые открыты на вашем компьютере. Я использовал TextEdit для ввода начального кода, и, нажав кнопку Work With Apps в ChatGPT, я мог связать его с моим файлом TextEdit.
Преимущество в том, что всякий раз, когда я меняю какой-либо код, ChatGPT может автоматически вносить изменения в файл TextEdit для меня, без необходимости самому копировать и вставлять. Все, что мне нужно сделать, это сохранить файл и обновить браузер, чтобы попробовать обновленную версию.
Однако это не всегда работает. Похоже, если приложение, с которым вы работаете, находится в фоновом режиме слишком долго, соединение теряется, и код больше не обновляется.
Кодирование вибраций может работать, если проявить немного терпения
Мое приложение вряд ли можно назвать чудом современных технологий, но оно делает именно то, что я хотел, и им вполне можно пользоваться. Более того, оно работает локально и ничего мне не стоит, в отличие от некоторых приложений для повышения производительности, которые я использовал раньше. Я смог собрать его всего за час с небольшим, и это могло бы быть намного быстрее, если бы я все как следует продумал заранее.
За весь процесс я ни разу не прикасался к коду; все изменения вносились через подсказки. Даже если бы у меня были нулевые знания в кодировании, я бы смог добиться того же результата. Это отличная отправная точка для не-кодеров, чтобы узнать, что возможно, но это пока не заменит ни одного разработчика программного обеспечения.
Кодирование Vibe все еще далеко от совершенства и требует терпения, чтобы разобраться с проблемами, которые вы найдете. Вам также нужно позаботиться о том, чтобы ваши подсказки были предельно ясными. Однако, если вы будете придерживаться этого, впечатляет то, что вы можете создать, не написав ни единой строчки собственного кода.
