Почему Bubble.io? Обзор no-code сервиса для разработки веб-приложений
Мир no-code сервисов разнообразен. От конструкторов сайтов и лендингов (Tilda и Wix), создания простых мобильных приложений (Glide), до коннекторов (Zapier и Integromat) и профессиональных сервисов для создания сложных веб-приложений (Bubble и Directual).
Разработка приложений без кода — это особый тип создания приложений. Мы потратили много времени на тестирование и проверку возможностей разработки приложений во многих конструкторах приложений без кода. Самый мощный и универсальный сервис для создания веб-приложений, на наш взгляд, это Bubble — часто называемый Bubble.io, ранее известный как Bubble.is.
Bubble.io — это среда разработки приложений без кода, которая позволяет проектировать, разрабатывать, размещать и масштабировать приложения без написания кода. Bubble в настоящее время содержит сотни тысяч веб-приложений с миллионами пользователей, начиная от хобби-проектов и запущенных стартапов и заканчивая компаниями из списка Fortune 500 и университетами. Bubble названа одной из самых инновационных малых и крупных компаний 2021 года по версии журнала Fast Company.
Основная миссия Bubble — помочь любому создавать веб-приложения без написания кода. Хотя это делает формулировку миссии легко запоминающейся, на самом деле она упускает из виду один очень важный момент. Путь от идеи до выхода на рынок часто сложнее, чем просто написание строк кода. В традиционной разработке вам нужна команда узкоспециализированных экспертов, работающих над конкретными сегментами разработки, развития и обслуживания приложения.
Что нужно каждому приложению?
- Приятный пользовательский интерфейс, делающий приложение простым в использовании и привлекательным.
- База данных для сохранения и извлечения информации, такой как продукты, статьи и публикации в социальных сетях.
- Безопасность, чтобы убедиться, что никто не может получить доступ к данным, которые им не положены.
- Масштабируемость, обеспечивающая беспрепятственный рост пользовательской базы и объема данных.
- Связь с другими сервисами и системами.
Хотя это не исчерпывающий список, суть ясна: Bubble заменяет гораздо больше, чем просто разработчика. Он предлагает все эти услуги в визуальном и высокоавтоматизированном виде, что позволяет одному человеку или небольшой команде легко управлять всем.
В то время как другие платформы без кода предпринимали попытки заменить написание кода различными способами, философия Bubble заключается в том, чтобы устранить все препятствия, которые могут возникнуть при выходе приложения на рынок.
С технической точки зрения Bubble объединяет модули с кодом JavaScript, CSS и HTML в работающее приложение node.js. Собственный язык Bubble основан на JSON. Хотя вам не нужно полностью понимать эти термины для создания приложений, они говорят об одной важной вещи: Bubble следует проверенным и общепринятым веб-стандартам, что позволяет разработчикам значительно расширять его собственные функции.
Это видно в магазине плагинов Bubble, предлагающем сотни бесплатных и платных расширений основных функций. Это также означает, что если вы достигнете точки, когда основных функций Bubble вам будет недостаточно, есть множество разработчиков, готовых настроить для вас собственное решение на JavaScript.
Возможно, самый важный плагин в магазине — это собственный API-коннектор Bubble. Как следует из названия, это позволяет вам подключаться к другим приложениям и службам и обмениваться действиями и данными. Вместо того, чтобы вдаваться в технические подробности о том, как это происходит, давайте проиллюстрируем это несколькими примерами удивительных вещей, которые могут делать API:
- Получайте актуальные данные о погоде из любой точки планеты.
- Получите информацию о компании, номер телефона, адрес, фотографии, логотип и отзывы о любой компании на Картах Google.
- Обмен информацией между различными системами, например, создание лида в вашей CRM или назначение встречи в вашем Календаре Google, когда событие инициируется в Bubble.
- Доступ к алгоритмам машинного обучения, таким как распознавание изображений и перевод.
- Бронирование рейса или номер в отеле в любом уголке мира.
С недавним взрывным интересом к no-code может показаться, что Bubble — это недавнее изобретение, но на самом деле Bubble существует уже давно. Он был основан еще в 2012 году, когда Джошуа Хаас (выпускник Гарварда по философии) увидел потенциал решения известной проблемы: как упростить для нетехнического предпринимателя создание технологического продукта? Он познакомился со своим соучредителем, выпускником Гарвардской школы бизнеса французского происхождения Эммануэлем Страшновым, и они договорились о концепции.
Это будет не очередной конструктор веб-сайтов, а платформа, достаточно гибкая для создания любого приложения, управляемого базой данных.
В течение следующих лет Джош и Эммануэль работали над улучшением Bubble, постепенно добавляя ключевых членов в свою команду. К тому времени, когда снова начались дискуссии о привлечении инвестиций, у Bubble уже было 250 000 зарегистрированных пользователей и годовой доход в 1 миллион долларов. Предстоящий начальный раунд привлек крупных инвесторов с портфелями, которые включали Facebook, Dropbox, Lyft, AirBnB, Notion, Behance и Lean Startup.
Собственная история Джоша и Эммануэля очень рекомендуется и интересна для чтения, а раздел комментариев к сообщению отражает преданность их первых пользователей. Вы также можете прочитать больше о компании и посмотреть список ее инвесторов на Crunchbase.
В 2017 году компания превысила 250 000 пользователей. В 2019 году они привлекли 6,25 миллиона долларов от посевных инвесторов и еще 100 миллионов долларов в виде венчурного финансирования в 2021 году.
По данным Similarweb, Bubble.io посещают около 2,1 миллиона посещений в месяц с июня по август 2021 года. По состоянию на середину октября 2021 года по данным Alexa, Bubble.io занимает 3323-е место среди самых популярных веб-сайтов в Интернете в мире.
Согласно нашему анализу с использованием данных Google Trends, трафик на Bubble.io вырос более чем на 430% в 2021 году по сравнению с сопоставимыми периодами 2017 года.
Одной из вечных проблем для предпринимателя или небольшой команды является вопрос о курице и яйце: необходимость создать программное обеспечение, чтобы проверить идею, чтобы собрать средства, необходимые для создания программного обеспечения… ну вы поняли. Без технического соучредителя или бюджета для найма разработчиков идеи так и останутся нереализованными. Большинство инвесторов инвестируют не в хорошие идеи, а в концепции, которые доказали свою ценность на рынке и нуждаются в средствах для роста.
Bubble открывает возможность создавать программное обеспечение самостоятельно, быстро и недорого, а также тестировать его на реальных пользователях. Давайте взвешенно взглянем на плюсы и минусы и различные пути, по которым вы можете добраться до своей цели и создать новый продукт.
Первое, что вы можете рассмотреть, это создать приложение самостоятельно. Хорошим местом для начала изучения Bubble является официальная академия Bubble, где вы найдете официальное обновленное руководство, длинный список видеоуроков и очень полезные интерактивные курсы. Хотя они обучают только самым основным функциям, я настоятельно рекомендую их как самый быстрый способ освоить навигацию по вкладкам редактора Bubble.
Полезно иметь в виду, что, хотя Bubble относительно прост в освоении, все же есть кривая обучения. Планируйте тот факт, что в ближайшие недели вы совершите много ошибок, некоторые из которых потребуют трудоемких исправлений. Большинство профессиональных разработчиков согласны с тем, что полнофункциональный MVP можно создать за две-пять недель (в зависимости от сложности приложения). Как новый разработчик, вы должны реалистично закладывать срок, как минимум вдвое больше.
Во многих случаях также полезно сделать ваше первое приложение чистым экспериментом, а не реальным приложением, в которое вы вкладываете деньги. Считайте его чистым холстом, который вы можете портить сколько угодно. Когда вы научитесь работать с Bubble, вы обнаружите, что возвращаться назад и исправлять работу, которую вы сделали вчера, намного медленнее, чем делать ее правильно с первого раза — и никто не делает этого без определенного опыта. Youtube также становится отличным источником учебных пособий и уроков и иногда может предоставлять решения для очень специфических проблем. В целом, сообщество без кода и, в частности, официальный форум Bubble — это мое любимое место, где можно задавать вопросы. Вы будете поражены тем, насколько полезными могут быть люди, и уже существует большое хранилище вопросов, на которые были даны ответы за многие годы.
Со временем вокруг Bubble возникло множество агентств, которые занимаются созданием приложений для клиентов. На официальном сайте Bubble есть список таких агентств. Большинству агентств сегодня требуется минимальный размер бюджета в диапазоне от 2000 до 7000 долларов в зависимости от сложности проекта и реализуемых функций. Одним из плюсов разработки у агентства является выделенная команда профессиональных разработчиков, которая занимается созданием приложения. В дальнейшем агентство может поддерживать и развитить ваше приложение. В этом случае заключается договор с относительно небольшой фиксированной ежемесячной платой, по сравнению с затратами на собственный IT-отдел.
Наша студия веб-разработки 0code состоит в списке агентств Bubble и предоставляет услуги по разработке и поддержке приложений.
Для небольших проектов найм фрилансера может стать альтернативой агентствам. Вы можете публиковать проекты и находить работников на форуме Bubble, но я рекомендую вам искать исполнителей на биржах фриланса, таких как Kwork. Это дает вам возможность найти работников с опытом работы и отзывами, а также обеспечивает безопасную оплату, обеспечивая при этом интересы обеих сторон.
No-code значительно снижает стоимость и время вывода на рынок новых приложений для стартапов и малого и среднего бизнеса.
Давайте рассмотрим несколько различных сценариев, в которых отсутствие кода может дать вашей компании значительное конкурентное преимущество:
С помощью разработки на Bubble можно получить MVP от стадии эскиза до запуска за несколько недель, что позволит вам быстро тестировать гипотезы с реальными пользователями и реальными транзакциями. Зачем тратить время на бизнес-план, если вы можете проверить свои гипотезы на реальном рынке?
Пользовательское программное обеспечение
Низкая стоимость разработки дает каждой компании возможность дополнить или заменить готовое программное обеспечение индивидуальными системами. Продавайте продукты, управляйте персоналом, управляйте запасами, решайте проблемы и оптимизируйте процессы.
Автоматизация
Настройте автоматизацию, чтобы заменить ручную работу, собирать данные и эффективно общаться. Избавьтесь от разрозненности отделов и программного обеспечения. С помощью API вы можете запускать рабочие процессы и синхронизировать информацию в разных системах.
Не думайте о Bubble как о новом инструменте или технологии: вместо этого думайте о нем, как о внезапном резком снижении цены и времени разработки индивидуального программного обеспечения. Не нужно написания громоздких технических заданий, не нужно большой команды разработчиков. Хороший Bubble-разработчик это менеджер по продукту, дизайнер, разработчик, тестировщик и аналитик в одном лице.
Многие наши клиенты, которые раньше не были знакомы с Bubble, а обращались к традиционным методам разработки сильно удивляются, когда после демонстрации макетов будущего приложения и объяснения логики получают от нас ответ: “Мы готовы приступить завтра, а через 3 недели вы сможете протестировать первую версию вашего приложения. Если потребуется внести какие-то правки или изменения, это займет всего пару дней”.
Благодаря одному из самых гибких конструкторов рабочих процессов без кода в сочетании с отличным API-коннектором, мы считаем, что Bubble должен быть в верхней части списка всех начинающих стартаперов и предпринимателей, желающих создать свой цифровой сервис. Через несколько лет использование мощного гибкого подхода Bubble станет не только ничем не примечательным, но и массовым явлением. Возможности создания полнофункциональных приложений корпоративного уровня без кода никуда не денутся.
Сервис для найма продактов с нуля на Bubble: что в платформе не так и почему она все равно крутая
Паша Шишкин из «Карьерного цеха» рассказал о своем кейсе на Bubble — без цензуры. Он продакт, в бэкграунде — разработка и даже победа в Чемпионате мира по программированию. Паша собрал приложение на Bubble для проекта, который он делает вместе с Глебом Кудрявцевым из Skyeng. Приложение создавал в одиночку и Bubble до этого не знал — изучал всё самостоятельно.
Что такое «Карьерный цех»
«Карьерный цех» берёт на себя первую половину воронки найма, чтобы компаниям не надо было проводить по 30 собеседований на одну позицию, а кандидатам — каждый раз проходить всю воронку найма. Основная часть воронки найма — тестовое задание. Мы даем одно задание на всех продактов, они выполняют его и оценивают друг друга — на выходе получается рейтинг кандидатов, компании выбирают тех, кто по своему мышлению и уровню проработки тестового подходит им больше всего. Модель монетизации простая — компании платит комиссию, если кандидат успешно прошел испытательный срок.
Вторая особенность «Цеха» — продакты могут сравнить себя с рынком, понять и оценить свой уровень, посмотреть на других, откалибровать план своего развития.
Рейтинг продактов
Как начали делать «Карьерный цех» и почему выбрали Bubble
Я закончил работать в «Авито» и решил делать свой проект — и вышел на Глеба. У него была идея проекта для упрощения найма продактов. Проработали идею и я стал выбирать техническое решение — на чем делать «Карьерный цех». Кодить вручную — долго, нанимать разработчиков — дорого, а Bubble показался отличным вариантом. Правда, изучить его оказалось непросто — уровень самостоятельного вхождения в Bubble очень «кровавый».
Зато всю бизнес-логику реализовали на Bubble.Сначала было тяжело, но когда появилось понимание платформы, основных сущностей и концептов, дело пошло быстро и сроки стали предсказуемыми.
Бизнес-логика в интерфейсе Bubble
Решил собирать «Цех» самостоятельно, чтобы понять всю внутрянку и получить уверенность, что все работает без ошибок и проблем. Например, в Bubble есть workflows. И надо разобраться: страница считается загруженной, только когда загрузились все элементы или раньше? Или пользователь нажимает кнопку: насколько быстро при этом перезагрузится страница и успеет ли отработать дополнительный JS-код. Если проект сложный — однозначно надо проводить эксперименты, чтобы понимать, как работают все компоненты и как протекают все процессы. То есть выбирая разработчика на Bubble, лучше отдать предпочтение тому, кто понимает внутреннее устройство веба, принципы работы браузеров.
Bubble сложно использовать, если нет опыта в разработке — для сложных проектов надо понимать много программистских концепций, операторы условий и т.п. Я бы сказал, что это в первую очередь инструмент для разработчиков, который позволяет раз в пять быстрее собирать веб-приложения.
Анкета, которую пользователи заполняют после регистрации
Что под капотом «Карьерного цеха»
В «Цехе» много разных страниц. Самое интересное: регистрация с анкетой, загрузка выполненного тестового, рейтинг работ других ребят и оценка. Все пришлось делать через эксперименты. Мне очень понравились настройки приватности — они гибкие, удобные и обеспечивают хорошую защиту. Например, нельзя задебажить API, подставить какой-то ID и посмотреть чужие работы. Есть и проблемы — те же поля в формах не могут принимать пустые значения, обязательно надо что-то выбрать, хотя бы дефолтные значения.
Настройки приватности в Bubble
Самая интересная часть бизнес-логики — оценка работ других участников. Их надо перетаскивать в специальную область и ранжировать. Тут пришлось добавлять свой код и разные функции, размечать поля, между которыми перетаскивались тестовые. Стандартные плагины Bubble мне не подошли — многие вещи в них реализованы слишком прямолинейно и негибко.
Сортировка заданий интерфейс
Еще надо понимать, что каждое поле в Bubble отправляется отдельным запросом, такое ограничение системы. Например, все 170 позиций рейтинга у нас загружались довольно долго.
Легко сверстать адаптивное приложение не получится: в версии для мобильного у нас вначале даже была надпись «Поверните телефон горизонтально», плюс пришлось разбивать контент на две колонки — решение костыльное, но другого я не нашел. Поэтому лендинг «Цеха» в итоге тоже сделали на Тильде — это было проще, инструмент понятный и известный, верстать в ней удобнее. Скажу сразу: никогда не делайте лендинг на Bubble — выйдет в пять раз дольше, чем на Тильде и адаптив сложный.
Сортировка тестовых заданий бэкенд
Но в Bubble есть и очень крутые фичи.
Динамика изменения полей обработки состояний. На этом экономится куча времени.
Некоторые участники хотели скрыть свои профили — тут Bubble тоже показал себя отлично, настройки очень удобные, причем никакими подменами ID это не хакнуть.
Еще у нас есть страничка для экспорта данных о кандидатах в Google Sheets, такая мини-CRM для эйчаров, на Bubble реализовать ее было довольно просто.
Сколько времени заняла разработка
Я собирал приложение для «Карьерного цеха» полтора месяца, тратил на это по 15−20 часов в неделю. То есть в сумме ушло примерно 120.
Если бы мы нанимали для этой задачи программиста, пришлось бы искать его, тестировать, делать ТЗ, описания, заплатить пару сотен тысяч рублей — и все равно конечное решение было бы менее гибким, а я потратил бы порядка 60 часов. Команда разработчиков с исследователями, UX-дизайнерами, бизнес-аналитиками, системным архитектором, тимлдидом и разработчиком вообще обошлась бы в миллион рублей и пилила бы приложение полгода.
Выгрузка данных по кандидатам — страница для представителей компаний
Итоги
Если в вашем продукте ключевая вещь — технологии, то не стоит собирать решение на Bubble. Например, игру, какое-то премиальное приложение и т.п. Bubble грузится дольше. А вот бизнес-логику, админки круто собирать на Bubble.
На Webflow или Glide подобное решение сделать было бы невозможно — в них не хватает гибкости и мощи Bubble. По сравнению с Bubble это как блочный конструктор сайтов. Мощнее Bubble — только фреймворки для разработки.
В общем, если бы я снова начал разрабатывать такой проект, я бы точно выбрал Bubble. Только я очень надеюсь, что у них появятся конкуренты и он исправят свои недоработки. Хотя скоро обещали выкатить вторую версию, возможно, там большую часть проблем устранят.
Bubble — это платформа для создания веб-приложений, не требующие навыков программирования. Bubble — это инструмент all-in-one. В нем есть визуальный редактор, базы данных, инструменты для бизнес-логики и работы с разными API. Позволяет создавать полнофункциональные чаты, форумы, системы сбора и обработки заявок, таск-трекеры, маркетплейсы, CRM и дашборды. Присоединяйтесь к нашему сообществу Bubble Chat & Community и каналу «Зерокодер».