5 ИИ-инструментов для программирования, о которых вам следует знать

Генерация кода - самое распространенное применение ИИ на сегодняшний день. Крупнейшие технологические компании участвуют в гонке по разработке лучших ИИ-помощников программиста для коммерческого использования, что говорит о растущей значимости этой технологии.

Согласно отчету Menlo Ventures о состоянии генеративного ИИ на предприятиях в 2024 году, генерация кода - главная сфера инвестиций для компаний.

Если вы разработчик или владелец бизнеса, который хочет использовать ИИ помощников по программированию, вы, возможно, задаетесь вопросом, какие инструменты лучше всего использовать. Поскольку сейчас доступно так много вариантов, выбор подходящего может существенно повлиять на производительность и результаты.

В этой статье я расскажу о пяти помощниках по программированию на базе ИИ, о которых вам стоит узнать в 2024 году.

1. Cursor AI

2. Bolt.new by StackBlitz

3. V0 by Vercel

4. ChatGPT

5. Claude Artifacts by Anthropic

Давайте начнем.

1. Cursor AI

Cursor AI - это инструмент, который я уже упоминал в предыдущих статьях благодаря его уникальным возможностям. Я лично использовал его для создания собственных веб-приложений, поэтому могу подтвердить его возможности.

Например, при создании моего последнего продукта, Flux Labs AI, я в основном использовал Cursor AI как для фронт-энда, так и для бэк-энда. Я сам не являюсь веб-разработчиком, поэтому я не смог бы создать такой продукт без помощи этого ИИ-помощника по программированию.

Принцип работы заключается в том, чтобы просто указать ИИ, что вы хотите создать. Cursor автоматически добавит изменения в файл и даже выделит измененные участки кода. Все, что нужно сделать, - это принять или отклонить изменения.

Чтобы начать работу с Cursor AI, перейдите на их сайт и загрузите программу установки. Установите приложение на компьютер и войдите в систему под своей учетной записью.

Кроме того, если вы столкнетесь с какими-либо ошибками в процессе разработки или выполнения, есть опция «Debug with AI», которая поможет вам быстро найти и устранить проблему.

Пользователи бесплатной версии получают 500 бесплатных промпт-кредитов, которых должно быть достаточно для изучения возможностей и создания простого веб-приложения.

2. Bolt.new от Stackblitz

Bolt.new, разработанная компанией StackBlitz, - это браузерная среда разработки на базе ИИ, которая позволяет создавать, запускать, редактировать и развертывать полноценные веб-приложения прямо в браузере.

Он использует технологию WebContainers, то есть запускается полностью в браузере, а не на удаленных серверах, что позволяет быстро создавать безопасные и изолированные среды для разработчиков.

• Он пишет код с нуля

• Создает файлы

• Исправляет ошибки и предупреждения

Я экспериментировал с Bolt в течение нескольких недель и пришел к выводу, что он лучше всего справляется с генерацией кода для фронтенда. Хотя он может создавать код для бэкэнда, его качество не дотягивает до качества Cursor AI.

Если вы собираетесь создать свое следующее веб-приложение с помощью ИИ, я настоятельно рекомендую начать с Bolt, чтобы создать пользовательский интерфейс, а затем загрузить проект и продолжить работу в Cursor.

Вот пример:

Промпт: Prompt: Build a website called “Not Real” which is a collection of AI-generated videos. There will be three sections: the navigation bar where the logo and the name is placed on the left side and a menu on the right side with options Sign in, pricing, and work with us. On the left side of the dashboard, there is a menu for the various video categories like trailers, music videos, top picks, promotional videos, fashion, and random videos. Then at the center is the list of the videos arranged in masonry layout grid.

Менее чем за 30 секунд Bolt создал для меня прекрасно оформленное веб-приложение, дополненное страницей с ценами и контактной формой.

Как разработчик, я люблю иметь локальную копию своих проектов для большей адаптации и гибкости. Если вы хотите загрузить свой проект, нажмите кнопку «Open in StackBlitz» в правом верхнем углу панели управления.

В этом случае откроется сайт StackBlitz, где вы можете нажать на значок загрузки на левой боковой панели, чтобы сохранить проект в виде zip-файла.

В загруженном zip-архиве содержатся все необходимые файлы для сборки и локального запуска приложения.

Обратите внимание, что Bolt работает только в браузере. Это означает, что у него меньше гибкости и нет расширенных возможностей, доступных в таких инструментах, как VS Code или Cursor AI.

Лучше ли он, чем Cursor AI?

Мое первое впечатление - Bolt лучше понимает промпты и знает, где генерировать файлы. С другой стороны, формат Cursor, основанный на IDE, дает мне больше контроля над структурой файлов, что некоторым разработчикам может понравиться больше, чем браузерная настройка Bolt.

3. V0 от Vercel

V0 - это ассистент, специализирующийся на веб-технологиях и фреймворках, который поможет вам генерировать функциональный код и пользовательские интерфейсы с помощью простых текстовых промптов.

V0 существует уже несколько месяцев, но, похоже, активное обновление началось только в последние недели. Возможно, Vercel оказался под угрозой из-за растущей популярности Bolt?

Несколько месяцев назад V0 мог сгенерировать только один файл кода NextJS, но теперь он уже может создавать полномасштабные проекты с помощью одного промпта.

Вот пример, в котором я попросил V0 создать оболочку приложения, используя референсное изображение:

Промпт: Using the attached reference image, generate a bento style grid of an AI video generator SaaS with a collapsible left section for the menu. Make sure it’s responsive. The header section includes the user’s name, profile icon, remaining credits, and the app logo and name on the upper left. Make sure to make each thumbnail interactive. When user hovers on the video, it autoplays and the description will be shown on the lower part with black faded background for readability. when user clicks on the video, it expands and shows a bigger video player with the video details on the right side.

Результат выглядит очень хорошо, а также отличается высокой отзывчивостью.

Самое замечательное в V0 - это его глубокая интеграция с Vercel. Так что если вы программист и много работаете с этой платформой, вам наверняка понравится пользоваться V0.

4. ChatGPT

Возможно, вы не ожидали увидеть ChatGPT в этом списке, но он действительно заслуживает третьей позиции. Почему? Потому что несколько дней назад OpenAI выпустила функцию, позволяющую ChatGPT получать доступ к исходным кодам в ваших настольных приложениях, таких как Xcode и VS Code.

Новая кнопка управления приложениями на рабочем столе расположена рядом с кнопкой поиска в Интернете, и при нажатии на нее отображается список совместимых приложений, которые можно включить/выключить.

Вот пример:

Промпт: Создай навигационное меню в нижней части экрана.

1. AI Tools

2. Creations

3. Discover

4. Account

ChatGPT просматривает код в моем открытом проекте Xcode и пишет для меня рекомендации по коду. Затем мне нужно скопировать код из ChatGPT и вставить его в Xcode. Вот как это выглядит:

Стоит отметить, что ChatGPT не может напрямую изменять код в Xcode. Вам придется копировать и вставлять все вручную, что не идеально, но позволяет справиться с задачей.

Это означает, что ChatGPT теперь может писать коды и отлаживать их напрямую, без того чтобы вы копировали и вставляли коды из вашей IDE в ИИ-чатбот. Несмотря на то, что он не может напрямую писать или изменять коды, это огромный шаг на пути к агентскому инструменту, который может помочь создавать приложения с помощью простых инструкций от пользователей.

С появлением ИИ-инструментов, которые могут получить доступ к нашим компьютерам, открывается множество возможных вариантов использования. Я даже не могу представить себе худший и лучший сценарий, который эти инструменты могут воплотить при работе с пользовательским ПК.

Вот лишь некоторые возможные последствия:

• Разработка программного обеспечения может сместить акцент с навыков на идеи.

• Производительность труда может резко возрасти благодаря автоматизации повторяющихся задач.

• Автоматизация может привести к сокращению рабочих мест в некоторых отраслях.

• Можно ожидать появления в Интернете большого количества программного обеспечения, созданного ИИ.

• Проблемы безопасности могут стать более серьезной проблемой, чем когда-либо прежде.

Claude Artifacts от Anthropic

Если вы еще не знаете, Claude умеет писать код и отображать результаты прямо в интерфейсе чата. Единственный минус - код состоит из отдельных файлов, и с его помощью можно создавать только простые приложения.

Эта функция Claude реализована в Claude 3.5 Sonnet, который находится на один уровень ниже, чем самая мощная модель, Opus.

В этом примере я попрошу Claude создать игру-змейку:

Промпт: создай полностью работающее веб-приложение для игры в змейку с системой подсчета очков

На изображении выше видно, что Claude достаточно умный, когда нужно использовать панель артефактов справа. Она визуализирует игру, а пользователь может управлять змейкой с помощью клавиатуры.

Эту функцию вы также можете использовать для создания презентаций, диаграмм и даже веб-сайтов.

Как включить артефакты?

Вы можете включить эту функцию в меню вашего профиля. Нажмите на «Feature Preview» и переключите настройку Artifacts, как показано на изображении ниже:

Что действительно интересно, так это то, что мы только нащупываем поверхность возможного. Сейчас мы работаем с Claude 3.5 Sonnet, но на горизонте уже маячит более продвинутая модель Claude 3.5 Opus.

ИИ-помощники по программированию начали активно развиваться всего несколько месяцев назад, когда Cursor получил широкую известность благодаря своей невероятной производительности в паре с языковой моделью Claude 3.5 Sonnet. Теперь растет список мощных инструментов, которые могут генерировать полнофункциональные веб-приложения, используя только текстовые описания.

И это только начало. К 2025 году мы, вероятно, увидим еще более продвинутые инструменты для программирования. Функция Anthropic «Computer Use» уже позволяет Claude управлять компьютером пользователя с помощью простых взаимодействий. Представьте, что вы можете сказать ИИ создать приложение, и он сделает все за вас, используя различные инструменты на вашем компьютере. Недавняя функция «Work with» в ChatGPT также движется в этом направлении, позволяя ему получить доступ к Xcode и VS Code для написания и отладки кода.

Если вы разработчик, очень важно знать об этих инструментах и стремительных изменениях в генеративном ИИ для программирования. А если вы владелец бизнеса, то понимание того, как эти инструменты могут оптимизировать процессы и повысить производительность, может иметь огромное значение для вашего бизнеса.