Вайбкодинг для чайников: как журналисты-гуманитарии Times.by сделали рабочее приложение

Никита Сафиуллин
Обновлено:
Фото: Times.by

Фото: Times.by

При помощи эксперта из белорусского офиса «Битрикс24» мы, не имея навыков программирования, смогли собрать рабочий инструмент для редакции.

Добавить в основные
источники Google

Что вы знаете о вайбкодинге? Наверняка слышали что-то смутное о нейросетях, которые пишут код за человека. Но мало кто представляет, что с их помощью можно создать абсолютно любую программу или сайт – от приложения для свиданий до визуализатора идеального распила фанеры. Причем все это получится сделать без профильного образования и команды разработчиков за спиной.

Мы тоже не сразу поверили. Поэтому Times.by вместе с онлайн-сервисом Битрикс24 (Беларусь), недавно запустившей собственную платформу для вайбкодинга, решил, словно Коннор «Я проверю, как это работает на самом деле», посмотреть, что сможет сделать чайник без опыта в программировании.

Что такое этот ваш вайбкодинг?

Вайбкодинг (от английского vibe – настроение или ощущение) – это метод создания программы или сайта, при котором человек не пишет код строчка за строчкой, а просто объясняет нейросети свою идею и пожелания простым языком. Всю техническую часть она берет на себя, а вы лишь регулируете результат: «здесь неудобно», «добавь еще вот это» и т.д.

Как это применимо в обычной жизни? Например, каждую неделю вы заполняете вручную отчет из трех таблиц. Достаточно небольшого запроса к нейросети – и готова программа, которая будет делать это сама, экономя добрый час рабочего времени.

Фото: Times.by

Фото: Times.by

До появления нейросетей для таких движух надо было либо учиться программировать (долго), либо платить специалистам (дорого), либо стоически принять бренность бытия и делать всю рутинную работу вручную. Теперь же порог входа заметно ниже: от вас требуется только понимание, что именно в вашей работе или жизни устроено неудобно, и умение понятно это объяснить.

Правда, из этого не следует, что программисты больше не нужны. За пользование большинством нейросетей надо платить, а в их бесплатных тарифах есть неприятные лимиты, которые не позволят вам в промышленных масштабах штамповать программы. Да и крупные проекты без участия профессионалов нейросеть не вывозит. Зато для решения мелких бытовых и рабочих задач она отлично подходит.

Приступаем к эксперименту

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

Фото: Times.by

Фото: Times.by

Наши журналисты часто ездят в командировки по всей стране и общаются с людьми из разных сфер деятельности. За год работы написано уже немало, и на планерках порой случается так: кто-то предлагает тему или героя, а выясняется, что о них уже писали. Бывает и наоборот – некоторые районы страны незаслуженно обделены вниманием, хотя там могут скрываться очень интересные истории.

Чтобы систематизировать информацию о наших поездках и репортажах, появилась идея создать интерактивную карту Times.by. Сразу после съемки журналист может создать на ней карточку, в которой будет указано что снимали, с кем и где. Со временем их накопится много – и мы увидим, в какие регионы Беларуси мы еще не заезжали, а также получим наглядный список героев и экспертов, к которым при необходимости можем вернуться.

Фото: Times.by

Фото: Times.by

Идея есть, осталось все это воплотить в жизнь. В роли «программиста» выбрали одну из популярных моделей: та думала около десяти минут и выдала 1733 строки кода. Разглядывая их, мы в очередной раз убедились, насколько сложна эта тема для неподготовленного человека – команды, несколько видов скобок, разные отступы и прочее. Чтобы в этом разобраться, точно нужно потратить не один год на обучение.

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

Скриншот

Скриншот

Полученный результат оценили на троечку. Формально все работает, разделы есть, но запах сырости прямо через экран бьет по носу. Карта Беларуси – темно-мутная и почему-то с водяными знаками, а место расположения городов не соответствует реальности. Например, Волковыск «заспавнился» где-то возле Вильнюса, а Слоним стал соседом Белостока. Мы с таким положением дел мириться не стали и отправились к специалистам, чтобы они помогли завершить нашу авантюру.

Фото: Times.by

Фото: Times.by

Промпт-инжиниринг уже в прошлом

В качестве эксперта мы выбрали специалиста белорусского офиса «Битрикс24». Знакомьтесь, Джо Блэк… точнее, Андрей Щёголев – внутренний специалист компании по вайбкодингу. Он ознакомился с нашим творением, тяжело вздохнул, но отметил, что для первого раза весьма неплохо. А потом сел допиливать с помощью платформы Битрикс24 Коворк/Код.

Фото: Times.by

Фото: Times.by

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

Первым делом он взялся за внешний вид карты – самое слабое место нашего прототипа. Отправил пару запросов нейросети, и та принялась за дело. И пока искусственный интеллект, как говорят «битриксоиды», кумекал, интеллекты биологические завели беседу о вайбкодинге.

Фото: Times.by

Фото: Times.by

Андрей объяснил, что модели нужно давать больше контекста: показать скриншот, объяснить, что и где находится, попросить переделать.

Но главный вопрос, который нас мучил: нужно ли использовать какие-то специальные промпты, ролевые модели, все эти «представь, что ты senior-разработчик»? Специалист засмеялся: «Можно объяснить и своими словами. Когда ИИ только появился, все пытались привлечь внимание к своим постам. Писали всякие крючки вроде «кто-то слил промпт, как на 100% раскрыть нейросеть». На самом деле это уже в прошлом. ИИ понимает то, что ты ему пишешь, даже если формулируешь простыми словами».

Фото: Times.by
Фото: Times.by
Фото: Times.by
Фото: Times.by
Фото: Times.by

Фото: Times.by

1/5

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

Пока мы вели беседы, Битрикс24 Коворк/Код уже выдал правленный сайт, и он стал выглядеть посолиднее. Темное нечто превратилось в полноценную карту с правильными границами районов: ИИ даже учел, что Национальный аэропорт и Сокол относятся к Минску. Остальные города тоже вернулись на свои места.

Скриншот

Скриншот

Мы остались довольны, а также получили от Андрея домашнее задание – доработать сайт самим, исходя из полученной от него информации. Этим в ближайшее время и займемся, чтобы встроить этот инструмент в повседневную работу.

«Кузня материалов» и приложение для свиданий

В качестве образца Андрей показал собственный сервис, который навайбкодил, чтобы облегчить себе работу, – «Кузня материалов», или редакционная платформа Битрикс24 с планированием и аналитикой публикаций, авторами, заготовками, AI-версткой, проверкой и согласованием материалов.

Скриншот

Скриншот

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

«Сначала было интересно, я даже с энтузиазмом брался за эти задачи. Но потом начало приедаться и превратилось в рутину. Недолго думая, я навайбкодил инструмент «Редакция», который сам все верстает, а также показывает, сколько статей мы сделали за тот или иной период. Это помогает с отчетами», – рассказал Андрей.

Полученный сервис оказался настолько удобным, что им теперь пользуются все коллеги Андрея. По его словам, это экономит целые часы рабочего времени коллектива.

Фото: Times.by

Фото: Times.by

Более забавная история у Юлии Кашура – ведущего специалиста по медиакоммуникациям. По образованию вообще не «программист». Тем не менее Юлия самостоятельно разработала приложение для… свиданий.

«У меня с моим молодым человеком очень много разных дел и планов: работа, уход за питомцами, закупка продуктов, спорт. Но нам все равно важно проводить время вместе и сохранять теплые отношения. Поэтому я решила сделать календарь свиданий, где прописано, в какой день и какое время мы свободны, чтобы можно было выбрать время и написать место, куда мы можем пойти», – рассказала Юлия.

Фото: Times.by
Фото: Times.by
Фото: Times.by
Фото: Times.by
Фото: Times.by

Фото: Times.by

1/5

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

«Я все прописывала простыми словами: «хочу календарь свиданий», «доступ только для двоих», «такого-то цвета», «за основу возьми вот такое приложение» и т.п. То есть я сразу дала подробный промпт, но простыми словами – и нейросеть начала работать. За один день она выдала мне рабочий вариант», – поделилась советом Юлия.

Фото: Times.by

Фото: Times.by

Где начать

Хватит мечтать об автоматизации – пора ее собрать. С Битрикс24 Коворк/Код создание сервисов становится таким же простым, как обычный чат. Ваш AI-сотрудник понимает человеческий язык: опишите, какой отчет или помощник вам нужен, и он сам напишет код, подтянет данные из CRM и представит вам готовый продукт.

Это ваш личный цифровой штат – от планировщика встреч до эксперта по приоритетам задач. И все это – без «танцев с бубнами» и сложных интеграций со сторонними сервисами.

Фото: Times.by
Фото: Times.by
Фото: Times.by
Фото: Times.by
Фото: Times.by
Фото: Times.by

Фото: Times.by

1/6

Платформа «Вайбкод» уже ждет вас на любом платном тарифе «Битрикс24». Внутри платформы действует собственный баланс – вайбы. А еще «Битрикс24» собрал подробный гайд, в котором есть все, что нужно для уверенного старта: сценарии вайбкодинга, форматы подключения к порталам и ключевые понятия платформы.

Так что если вы до сих пор думали, что вайбкодинг – это что-то для избранных, то, надеемся, мы вас переубедили.

битрикс2.jpg

ИУП «1С-Битрикс»

УНП 192042385