Что такое no-code и как это работает – обзор сервисов

No-code – это подход к разработке, который не предполагает программирования. Схожий с ним low-code тоже относится к разработке, но немного программирования в нем все же есть. Основная цель no-code – сэкономить бизнесу деньги на программистах, дизайнерах и прочих специалистах. О том, как он появился, какие у него плюсы и минусы, какие инструменты используются и какое вообще будущее у технологии – читайте ниже.

Что такое no-code

Сразу оговоримся, что под no-code мы в том числе будем иметь и low-code – различия между ними не настолько сильные, чтобы рассматривать их по отдельности. Так вот, no-code – это подход к разработке какого-то цифрового продукта, при котором программировать либо не нужно вовсе, либо используемое программирование можно самостоятельно освоить за пару часов. Достигается эта цель за счет визуального программирования – это когда вы перетаскиваете формочки, компонуете их между собой и прописываете им свойства вместо того, чтобы делать все это кодом.

Как мы уже говорили, основной мотиватор для использования no-code – экономия денег. Даже простой одностраничный сайт стоит денег – нужно найти дизайнера, который сделает шаблон, и программиста/верстальщика, который переведет шаблон в страницу, разместит все это на хостинге, поможет получить доменное имя и так далее. Кроме этого, сайт нужно будет поддерживать, то есть вам придется платить дополнительные деньги при внесении каких-либо изменений или в случае поломок. Маленький бизнес, привыкший экономить на всем, с трудом может позволить себе такие расходы. И здесь на сцену выходит сервис вроде Tilda, который делает очень заманчивое предложение: «У нас есть конструктор сайтов, с помощью которого можно самостоятельно сделать себе страницу, подключить к ней корзину, разместить готовый сайт на хостинге с доменным именем – и все это за 20$ в месяц». И это предложение оказывается очень выгодным, поскольку все выглядит прозрачно: на одной стороне – непонятно сколько трат на разработку и поддержку сайтов; на другой стороне – немного самостоятельного труда и понятные/фиксированные 20$ в месяц за услугу.

Если делать какой-то общий вывод, то no-code – это обычно платформа, которая за определенные небольшие деньги позволяет решить какую-то типовую проблему бизнеса: создание сайта, разработка чат-бота, интеграция сервисов между собой, создание простого приложения и так далее. У любого более-менее крупного no-code сервиса есть готовая база шаблонов/настоек, которые позволяют создать решение проблемы в пару кликов. Если у вас не совсем простая проблема – ее можно будет решить конструкторами, что займет у вас максимум день-два.

Если же у вас какая-то нетривиальная проблема – не факт, что no-code сервис вообще с ней справится – смотрите «Плюсы и минусы» ниже.

История появления

No-code зародился где-то в 90-х годах, в те времена, когда активно развивался интернет. Верстка сайтов производилась на HTML + CSS, и это занятие было жутко утомительным (тогда еще не было блочной верстки с div и CSS-фреймворков). Чтобы упростить задачу, различные группы программистов стали создавать инструменты для быстрой верстки – так появились Front Page и Dreamweaver, которые позволяли верстать статичные HTML-страницы так, как будто те являлись просто текстовыми документами в каком-нибудь Word.

Следующая итерация развития no-code – это CMS вроде Wordpress и Joomla. Да, в них был код, и вы могли править его на свое усмотрение, но вы могли и не делать этого – просто установить готовые шаблоны и подключить к ним расширения. Особенный упор на отсутствии кода сделала Wordpress, и это себя окупило – поскольку поднимать сайты на Wordpress было намного более удобно, чем на других CMS, Wordpress быстро завоевала рынок (и продолжает его удерживать).

Далее no-code начал планомерно развиваться в сторону расширения функционала и захватывания новых сфер, вроде разработки игр и мобильный приложений. Это развитие происходит и сейчас, существенным толчком стал 2020-й год, когда из-за пандемии практически весь малый бизнес «переполз» в интернет, и владельцам бизнеса массово потребовались сайты/приложения.

Сейчас на рынке СНГ доминирует Tilda – конструктор сайтов с относительно демократичными ценами и широким функционалом для создания одностраничных сайтов.

Как растет и популярность и инвестиции в no-code:

Плюсы и минусы no-code и low-code

Из плюсов:

• Дешево и сердито. Неважно, нужно вам проверить какую-то маркетинговую гипотезу или создать простой сайт/приложение для своего бизнеса – с помощью no-code вы можете сделать это буквально за копейки, если сравнивать разработку на no-code платформе с разработкой у аутсорсинговой компании.
• Высокая скорость разработки. У любого уважающего себя конструктора есть и пошаговые гайды, и дружелюбный к новичкам интерфейс – вам даже не придется особо разбираться в том, что и где лежит, вы сразу приступите к разработке.
• Не нужны специализированные знания. Вам не нужно учить высокоуровневые языки программирования или HTML/CSS – вы будете перетаскивать блоки и вставлять картинки. Даже в low-code обычно не нужны особые знания – нужно будет только гуглить редкие непонятные моменты.
• Разработка на все платформы сразу. Обычно no-code сервисы позволяют создавать сайты/приложения, которые будут сразу работать на всех платформах.
• Высокая безопасность. Поскольку вы при разработке будете использовать типовые и уже 1 000 раз протестированные решения, ваши сайты/приложения будут иметь минимальное количество дыр в безопасности. Кроме того, когда no-code сервис выпускает какое-то обновление безопасности, оно автоматически применяется ко всем его клиентам (если платформа хранит сайты/приложения, разработанные клиентом, где-то у себя), поэтому вы можете вообще забыть о вопросах безопасности – просто не передавайте никому свои данные.

Из минусов:

• Очень плохая масштабируемость. No-code продукты обычно рассчитаны на то, что их один раз создадут и будут ими пользоваться. Это звучит хорошо ровно до тех пор, пока вам не нужно будет расширить функционал своего сайта/приложения/бота и так далее. Поскольку вы вынуждены придерживаться строгой архитектуры, навязанной платформой, при добавлении нового функционала вы можете упереться в непробиваемую стену.
• Подходит для решения только типовых задач. Вам доступны строго те инструменты, которые предоставляет платформа. Если вы столкнулись с нетривиальной задачей – высока вероятность того, что вам придется придумывать какие-то костыли (и не факт, что в итоге что-то получится). 
• Привязка к определенному сервису. Обычно когда вы создаете какой-то продукт с помощью no-code сервиса, вам не дают исходники – то есть вы не можете перенести этот продукт на свой хостинг или еще куда-нибудь. Вы вынуждены пользоваться выбранным сервисом, хотите новый – будьте добры делать все заново.

No-code инструменты

Инструменты – это и есть те самые no-code сервисы, которые позволяют что-либо создавать. Основные инструменты – это сервисы для разработки сайтов и мобильный приложений.

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

Использование инструментов

Все инструменты no-code очень похожи друг на друга: вы получаете центральное окно, в котором видите шаблон приложения/сайта, и по бокам у вас расположены различные инструменты/кнопочки/формочки/…, которые можно добавлять в центральное окно.

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

Обзор no-code и low-code платформ

Bubble

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

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

Особенности:

• Большая библиотека плагинов.
• Процесс разработки приближен к реальному – только без кода.
• Не самый удобный интерфейс.
• Сложно создать адаптивное приложение.
• Сфера работы – бизнес-приложения, не подходит для создания развлекательных приложений.

Tilda

Самый популярный в СНГ конструктор для сайтов. Все сайты создаются строго из блоков, что очень удобно – у Тильды нет проблем с адаптивной версткой. Подходит практически для всех видов сайтов: лендинги, инфосайты компаний, личные сайты, интернет-магазины. Есть готовые шаблоны, более 200 штук – с их помощью можно создать сайт за 20 минут. Можно прямо через Тильду подключать в интернет-магазины платежные системы. Поставляет свой собственный CRM. Тильда умеет делать довольно неплохую анимацию. Есть много дополнительных фишечек: защита от спама и DDOS-атак, инструменты для SEO-оптимизации, инструменты для сбора статистика, геолендинги, рассылка писем и прочее и прочее. Можно даже выгружать созданные сайты себе на хостинг – правда, только на дорогих тарифах.

Особенности:

• Быстрая блочная верстка сайта.
• Практически полноценная поддержка интернет-магазинов.
• Более 200 готовых шаблонов на выбор.
• Множество дополнительного функционала.
• Можно выгружать созданные в Тильде сайты.

Glide

Сервис для быстрой разработки веб-приложений. Умеет делать прогрессивные приложения – это когда ваше приложение одновременно является и приложением, и веб-страницей, что упрощает интеграцию. Приложения создаются на основе Гугл-таблиц, вам сначала придется разобраться, как это работает. Не поддерживает перетаскивание блоков, вообще не поддерживает разработку игр. Приложения сложно разместить в App Store – нужна будет дополнительная обертка. Библиотеки плагинов нет – с учетом развертки из Гугл-таблиц, в библиотеке нет смысла. 

Особенности:

• Быстрая разработка – после того, как вы разберетесь с разверткой приложения из Гугл-таблицы, вы сможете создавать приложения за полчаса.
• Поддерживает прогрессивные приложения.
• Нет привычных no-code инструментов вроде перетаскивания блоков.
• Интегрировать сторонние сервисы в Glide очень сложно.

Webflow

Мощный конструктор для сайтов. Поддерживает все виды сайтов, от одностраничников до сложных корпоративных сайтов и интернет-магазинов. Есть собственный хостинг и инструменты для e-commerce. Конструктор – стандартный, блочный, по дизайну очень похож на продукты Adobe. У каждого сайта будет интегрированная собственная CMS, с помощью которой можно управлять контентом и быстро добавлять новый.

Особенности:

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

Adalo

Сервис позволяет создавать приложения (на телефоны или web) вообще без использования какого-либо кода. Как и у других сервисов, у Adalo весь функционал разбит на 3 основные категории: интерфейс, обработка триггеров и обращения к базе данных. Сначала вы создаете интерфейс, затем размещаете в нем триггеры (действия при определенных условиях), в процессе работы данные попадают в базу. Разработка ведется постранично, что для мобильных приложений очень удобно. Есть поддержка сложных типов данных, например – словарей.

Особенности:

• Поддерживается перетаскивание и другие визуальное изменение блоков и страниц.
• Есть инструменты аналитики для уже готового приложения.
• С помощью Adalo можно разрабатывать довольно сложные приложения.
• Если немного умеете кодить – можно подключать через специальный интерфейс практически любые сторонние сервисы.

Bravo Studio

Сервис для разработки приложений, плотно сотрудничающий с Figma. Изначально вы создаете в конструкторе сайтов прототип приложения, после чего переносите этот прототип в Bravo и создаете из него приложение. Процесс переноса – довольно муторный, потому что нужно править руками некоторые вещи, но перенос можно произвести практически полностью – очень удобно, если у вас уже есть сайт в Figma, и вы дополнительно хотите выпустить приложение с практически таким же дизайном. Огромное преимущество: созданные приложения можно публиковать в сторах Google и Apple. 

Особенности:

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

Carrd

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

Особенности:

• Есть готовые шаблоны.
• Пошаговая разработка.

Thunkable

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

Особенности:

• Простой и понятный интерфейс.
• Приложение работает на всех устройствах + портируется в веб.
• Есть шаблоны, есть готовые к использованию изображения.
• Все приложения – адаптивные.

Zapier

No-code инструмент для связывания между собой различных сервисов. Работает предельно просто: указываете 2 сервиса, затем указываете, при каком событии должно происходить то или иное действие. Невероятно гигантское количество сервисов для связывания – более 3 000.

Особенности:

• Можно подключить самые разные сервисы.
• Очень простая настройка.
• Можно добавлять свои события и действия.
• Интеграции можно выгружать и загружать.

Voiceflow

Инструмент для создания ботов. Поддерживает как текст, так и голос – можно записать своего «робота-ответчика». Есть 2 версии сервиса: можно работать в браузере и в отдельной программе. Сама разработка – простая и понятная, вы создаете блоки действий и выстраиваете между ними цепочки переходов – при выборе такого-то варианта пользователь окажется в таком-то блоке, где бот сообщит ему такую-то информацию. Созданные боты легко интегрируются во множество популярных сервисов.

Особенности:

• Есть поддержка голоса.
• Можно быстро подключить бота практически к любому сервису или соцсети.
• Быстрое создание и редактирование.
• Есть возможность совместной разработки.

Airtable

Инструмент для работы с данными. Предоставляет те же возможности, что и Google Sheets + база данных на SQL, но вам не нужно знать ни язык запросов, ни команды таблиц Гугла – все можно сделать руками в красивом интерфейсе. Есть опции совместного доступа и редактирования. Есть множество встроенных типов данных – вам достаточно просто выбрать нужный из списка, и сервис сам его правильно обработает. 

Особенности:

• Распознавание типов данных.
• Есть совместная работа.
• Приятное и наглядное предоставление информации.
• Поддерживаются сложные операции работы с данными, на уровне SQL-запросов.

Сервисы для решения задач, связанных с no-code разработкой

Инструменты для интеграций

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

Инструменты для дизайна и прототипов

Здесь у вас на выбор уже больше инструментов:

1. Tilda.
2. Webflow.
3. Cardd.

Если вы заинтересованы в простом одностраничнике без корзин, оплат и прочего сложного функционала – рекомендуем сразу ознакомиться с Cardd. Если он вам не подошел (в том числе и если вам нужно больше функционала) – пробуйте Тильду, благо гайдов по ней – множество, ввиду популярности инструмента. Если и Тильда вас не устроила – тогда пробуйте Webflow, но если вам не подошла Tilda, то не факт, что no-code вам подойдет вовсе.

Инструменты для чат-ботов

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

Инструменты для приложений

Здесь вариантов больше всего:

1. Bubble.
2. Glide.
3. Adalo.
4. Bravo Studio.
5. Thunkable.

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

Инструменты для работы с данными

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

Перспективы no-code в будущем

Среди «настоящих программистов» бытует мнение, что no-code и low-code – это какие-то детские игрушки, которыми ничего серьезного создать нельзя и которые «отсохнут» от индустрии, когда всем надоест. Для этих людей у нас есть плохие новости: за 30 лет существования индустрия no-code даже близко не показывала тенденции к умиранию, а объемы рынка с каждым годом все больше растут. Это связано с тем, что no-code – действительно выгодная и удобная альтернатива классической разработке через код. Со временем no-code полностью «отожмет» нишу простых проектов, и разработчикам придется «ютиться» в больших проектов.

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

FAQ

Стоит ли учить no-code для последующей работы фрилансером?

Если вы раньше фрилансером никогда не работали, то самостоятельно освоить и no-code, и работу во фрилансе у вас вряд ли получится – придется столкнуться с очень большой конкуренцией. Но есть специализированные курсы, которые предлагают и освоить no-code, и начать свой бизнес – это может сработать.

Что выбрать для своего бизнеса – no-code или услуги аутсорса?

Сначала попробуйте создать проект сами через no-code, если это не получится – ищите аутсорс.

Подведем итоги

Тезисно:

• No-code – это подход к разработке цифровых продуктов, при котором код как таковой не используется.
• No-code активно развивается с 90-х и даже не думает останавливаться.
• Кроме no-code, есть еще low-code – разработка продуктов с минимальными усилиями в плане кода. На практике грань между no-code и low-code очень размыта.
• No-code отлично подходит для проверки бизнес-теорий и создания типичных проектов.
• No-code сервисы можно разбить на 5 основных категорий: разработка сайтов, разработка приложений, работа с данными, разработка чат-ботов, интеграция сервисов.
• Основной инструмент для no-code разработки сайтов в СНГ – Tilda.