Занимаюсь дизайном и разработкой на фрилансе — до этого преподавал английский и работал в... · 3 июл 2021 · geor.gy
Что есть no-code и как он может быть вам полезен?
Приветствую!
Я основатель сообщества «no-code — дизайн и разработка». Для многих no-code весьма непонятная и иногда вовсе неизвестная штука. Некоторые, кто знакомится с no-code, не знают с чего начать из-за обилия инструментов и сервисов. Я решил создать сообщество на Яндекс.Кью, чтобы отвечать на вопросы, объединять заинтересованных и делиться информацией по теме no-code.
В этом посте, на примере одного молодого предпринимателя, я относительно быстро расскажу о том, что такое no-code и познакомлю вас с парой сервисов, которые помогут вам создавать крутые приложения.
Начнём с основного вопроса: что же такое no-code и как это движение может быть полезно лично вам или вашему бизнесу?
Отвечая простым языком, no-code, в глобальном плане, это движение направленное на создание или автоматизацию чего-либо без написания кода, то есть, грубо говоря, программирования.
Например, вы решили создать мобильное приложение похожее на Инстаграм, но ориентированное только на любителей кошек — можно создать аккаунт своим питомцам, выбрать породу, возраст и даже найти партнёра.
Как создать такое приложение? Обычно, в, так сказать, традиционном подходе, вам придётся найти:
- UI дизайнера: тот кто создаёт интерфейс приложение, то есть, то как оно выглядит;
- UX дизайнера: человек придумывает как пользователь будет взаимодействовать с приложением. Хорошо, если UI дизайнер, также будет владеть познаниями в UX;
- Фронт-энд разработчика: тот кто будет воплощать визуал в действительность: для сравнения, дизайнеры — архитекторы, а разработчики — команда строителей, инженеры;
- Бэк-энд разработчика: если фронт-энд разработчик вооплощает внешнюю сторону приложения, то бэк-энд — то, что происходит вне глаз пользователя, то есть работу приложения. Отсюда и названия: front (фронт) — спереди, а back (бэк) — сзади.
И это самый минимум! Я не коснулся других сторон разработки и дизайна, а ведь ещё есть маркетинг и менеджмент.
Все эти специалисты стоят весьма больших денег, а у вас может и не быть нужных сум — как никак вы только начинаете свой стартап! Предположим вы решите сами разобраться во всём этом и создать приложение в одно лицо — думаю и объяснять не стоит насколько много времени у вас займёт изучение одной лишь фронт-энд разработки. Научиться дизайну так и вовсе может быть ещё дольше, если у вас, так сказать, нет вкуса — дизайн дизайну рознь.
В общем, вы начали поникать и решил откинуть свою идею в долгий ящик.
Однако, тут вы вспоминаете о сообществе «no-code — дизайн и разработка», решаете связаться со мной… Шутки в сторону! :)
Вы понимаете как много усилий займёт создание такого приложения. Денег у вас на команду тоже особо не хватает. Поэтому вы решаете запустить MVP (minimal viable product — минимально жизнеспособный продукт), то есть приложение с ограниченным функционалом, но который раскрывает вашу идею по максимуму. После вы можете предложить этот проект инвесторам, а дальше вы знаете что происходит.
Много времени я потратил на описание сценария для самых новичков, тех кто незнаком с разработкой вообще, поэтому сейчас будет самый смак и цель этого поста — инструменты no-code разработки!
Решив создать MVP, вы начинаете выбирать инструменты для создания своего приложения. Открыв сайты с базой данных этих инструментов у вас начинает кружиться голова — их достаточно много, плодяться словно на дрожжах. В этом посте, я приведу примеры пары инструментов, но вы не обязательно должны пользоваться ими. Сразу хочу упомянуть, что не все из них имеют перевод на русский язык, поэтому либо воспользуйтесь переводчиком и спрашивайте советы по использованию, например, у нашего сообщества, или воспользуйтесь российскими аналогами.
И так, прошелестив сайты с наборами no-code инструментов и сервисов вы остановились на двух из них:
- Glide (Глайд) — позволяет создавать веб-приложения (как мобильные приложения, но их не надо скачивать и устанавливать из Аппстора или Гугл Плея) благодаря Гугл Таблицам.
- Bubble (Бабл) — более сложный инструмент чем Глайд, который позволяет создавать веб-приложения с практически любым функционалом.
Выбрав Глайд и разобравшись в нём, вы приступили к дизайну и разработке приложения (идея-то ваша!). Создали, минимальный функционал есть, но вы хотите автоматизировать и связать, например, вашу почту и приложение. Хотите, чтобы каждый раз после регистрации пользователя в вашем приложении, вы получали письмо на почту об этом. Этот вопрос можно решить с помощью средств автоматизации!
В двух словах, автоматизация заключается в соединении одного инструмента/сервиса с другим посредством API (об этом расскажу в будущих постах, либо задавайте вопросик в сообщество).
Есть много отечественных и зарубежным сервисов автоматизации, сюда я приведу несколько из тех, что знаю — опять же, необязательно пользоваться именно ими:
- Zapier (Зэпиер)
- Integromat (Интегромат)
- Automate.io (Автомейт)
Таких сервисов достаточно много и все они схожи по функционалу. Все из них поддерживают популярные сервисы и инструменты, могут лишь отличаться в каких-то уникальных фишках или поддержке малопопулярных сервисов.
По итогу, разобравшись в Глайде и условном Зэпиере вы сможете создавать и фронт-энд и бэк-энд самостоятельно! Ваше приложение может связываться с платёжной системой, базой данной, другими приложениями — и всё это благодаря no-code!
Конечно же, есть много нюансов и ограничений в таком подходе. Например, скорость обработки данных в сервисах автоматизации. Самая большая, на мой взгляд, проблема в no-code инструментах — цена. Хотя если сравнивать во сколько обойдётся целый специалист кто умеет кодить, то разница видна не вооруженным глазом. Однако, в долгосрочной перспективе, no-code инструменты могут оказаться дороже. Тем не менее, не стоит забывать, что no-code — это для удобства и скорости, а также для тех кто не знает как кодить. Все эти преимущества стоит учитывать.
Этим небольшим рассказом о создании клона Инстаграма для любителей кошек, я попытался раскрыть суть no-code движения и поделиться несколькими инструментами, которые могут послужить отправной точкой для начинающего ноукодера (ого, первый раз это слово использую в посте!).
В следующих постах, я буду рассказывать о других крутых штуках из мира no-code — например, как создавать бомбезные сайты с помощью моего любимого инструмента под названием Webflow (Вебфлоу). Также, для самых начинающих, будет целый пост-гайд о том как создать сайт и запустить его без особых навыков дизайна и разработки — всё благодаря no-code!
Присоединяйтесь к сообществу «no-code — дизайн и разработка», задавайте вопросы по теме, обсуждайте инструменты и сервисы, и делитесь своими идеями или даже продуктами, если вы уже что-то забабахали!
Пост написал Георгий Алавердян — UX/UI дизайнер и no-code разработчик.
Мой сайт: geor.gy
Привет Георгий! Отличная статья, благодарю