НеКодер

🔥 Новый инструмент от OpenAI — AgentKit Builder 🔥

---------------------------------------

✌🏻 Всем привет! Сегодня разберём свежий релиз от OpenAI — Agent Builder, визуальный редактор для сборки и отладки многошаговых агентских воркфлоу. 🛠

---------------------------------------

💡 Что это такое?
Agent Builder — это визуальный конструктор, где можно собирать агентские сценарии буквально из блоков (нод). Вам не нужен глубокий кодинг, чтобы:
- проектировать агента,
- тестировать его работу на реальных данных,
- и сразу же деплоить результат в свой продукт.

---------------------------------------

🛠 Ключевые фичи:
- Drag & Drop интерфейс — соединяйте ноды, задавайте входы/выходы и стройте логику.
- Превью и отладка — можно запускать тесты прямо внутри конструктора и отслеживать, как данные проходят через шаги.
- Шаблоны воркфлоу — стартуйте с готовых паттернов (например, учебный помощник или маршрутизатор задач).
- Оценка качества — встроенные “грейдеры” для анализа треков выполнения и оценки эффективности.
- Публикация и версионирование — любое изменение фиксируется как версия с ID.
- Деплой:
- через ChatKit (простое внедрение на сайт),
- или скачав SDK-код для глубокой интеграции.
- Виджеты / встроенные компоненты — можно будет встраивать агент как UI-виджет в приложения/сайты (об этом заявляют в новостях как развитие интеграции агентов).

---------------------------------------

🔐 Безопасность
OpenAI отдельно предупреждает о рисках (prompt injection, утечка данных). В документации есть советы, как минимизировать угрозы при создании агентов.

---------------------------------------

Доступные ноды:

🟢 Core nodes
- Start — задаёт входы в воркфлоу, фиксирует ввод пользователя.
- Agent — основной шаг с инструкциями, инструментами и моделью.
- Note — комментарии внутри схемы (не влияют на логику).

🛠 Tool nodes
- File search — поиск данных в векторных хранилищах.
- Guardrails — фильтры на PII, джейлбрейки, злоупотребления.
- MCP — подключение внешних сервисов и API (Gmail, Zapier и др).

⚙️ Logic nodes
- If/else — условные ветвления.
- While — циклы на условиях.
- Human approval — запрос одобрения у пользователя перед действием.

📊 Data nodes
- Transform — преобразование выходных данных в нужный формат.
- Set state — глобальные переменные для повторного использования в потоке.

---------------------------------------

📌 Документация
🎥 Видеообзор от OpenAI

---------------------------------------

Делитесь своими мыслями в комментариях! 🚀

🔥 Native App Builder от Bubble.io 🔥

---------------------------------------

🥳 Наконец-то вновь добрался до создания контента 🥳

---------------------------------------

В обзоре я разбираю:

- Ключевые особенности редактора нативных мобильных приложений
- Его отличия от редактора веб-версии
- Новые элементы
- Новые воркфлоу и экшены

и многое другое касательно нативного приложения!

---------------------------------------

Видео уже на Youtube Канале. Переходите по ссылке ниже, смотрите и комментируйте.

Буду рад услышать ваше мнение 😎

---------------------------------------

➡️ Ссылка на видео ⬅️

Таймкоды в описании к видео

---------------------------------------

YouTube канал

Документация Bubble Native App Builder

Ссылка на Waiting list бета-теста Bubble Native App Builder

---------------------------------------

Подписаться "Некодер - канал про ноукод" 💃

💃 Хорошие новости для владельцев Bubble - агентств 💃

---------------------------------------

🔥 Интеграция Flusk в Bubble.io 🔥

Первые новости после объявления об объединении Flusk и Bubble после BubbleCon2024

С 21 ноября функции Flusk станут доступны пользователям Agency аккаунтов, чтобы помочь командам создавать безопасные приложения для своих клиентов. 🚀

---------------------------------------

🔑 Что это значит для агентств:

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

❗️После передачи приложения клиенту его доступ к Flusk будет зависеть от выбранного тарифного плана. ❗️

---------------------------------------

📌 Если вы уже используете Flusk, подключить аккаунт Bubble Agency здесь

---------------------------------------

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

Очень жду возможности протестировать их интерфейс для трекинга логов 👀

🚨 Боевая тревога 🚨

---------------------------------------

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

---------------------------------------

Множество пользователей жалуются на всплывающий попап с выбором подключения криптокошелька.

Лечится простым удалением плагинов, использующий Lottiefiles. Советую проверить свои текущие и завершенные проекты 👍

---------------------------------------

Ссылка на форум

🔧 Расширение для браузера: Bubble.io Editor Customiser 🔧

---------------------------------------

Упрощаем работу с Bubble! Расширение Bubble.io Editor Customiser позволяет настроить редактор Bubble под себя и избавиться от ненужных элементов интерфейса.

---------------------------------------

Доступные настройки:

- Save your desired elements tree height here — Задайте нужную высоту дерева элементов (например, 24px). Мой любимый параметр, делает древо гораздо компактнее, но менее 20px ставить не советую

- Change element tree left padding — Измените отступ слева для дерева элементов (например, 26px).

- Hide element tree icons — Скрытие иконок дерева элементов (у меня не работает, ничего не изменяется).

- Make top left Bubble logo unclickable — Отключение кликабельности логотипа Bubble в верхнем левом углу.

- New workflow tab colour overrides — Настройка цветов для новых вкладок workflow. Выбранным цветов выделяется весь воркфлоу в древе, а не только мелким кружком.

- Hide top element picker — Скрытие поисковик элементов возле списка страниц.

- Hide gift icon — Убирает иконку подарка.

- Hide mouse icon — Скрытие иконки мыши.

- Hide "View" / "Arrange" dropdowns — Скрытие одноименные меню.

- Hide Components — Убирает панель "Components".

- Hide help and profile icons — Скрытие иконок помощи и профиля.

---------------------------------------

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

---------------------------------------

В будущем планирую делать обзоры платных плагинов. Какие бы вам было интересно увидеть / разобрать?

---------------------------------------

Ссылка на расширение

Всем привет! ✌🏻

---------------------------------------

На прошлой неделе, 1-2 октября, состоялось значимое событие для всех Bubble-разработчиков — BubbleCon 2024. 🛠 В ходе конференции были представлены важные нововведения и планы по развитию платформы. Ниже — самое интересное.

---------------------------------------

💡 Новый интерфейс AI-ассистента

Теперь AI-ассистент включает строку ввода для описания ключевых функций и пользовательских сценариев. 📋 Введённые функции (User stories / Key features) можно увидеть в предпросмотре и подтвердить перед генерацией приложения. Обновление интересное, но неважное. В большинстве случаев клиенты приходят с уже готовым дизайном, а структуру БД лучше собирать самому, учитывая все тонкости.

⚡️ Альфа-тест стартует в ноябре! (Ссылка на блог)

---------------------------------------

🛠 Новый дизайн Workflow-редактора

Его переработали и внешне упростили, но на практике большинство пользователей чуть-ли не сразу откатили обновление обратно, поняв, что это представление списка воркфлоу наоборот все усложняет. Оно наполнено визуальным шумом в виде ненужного подсчета экшенов в WF.

Изменения слишком радикальны и непродуманны, я бы совместил сильные стороны старого и нового представления.

Что касается вертикального вида шагов WF, он неплох, но пока нет завершенной версии с циклами / условиями / ответвлениями, пользоваться этим обновлением не стоит. Однако начало неплохое. (Ссылка на блог)

---------------------------------------

🔐 Интеграция Flusk в Bubble

Теперь сервис для проверки безопасности и мониторинга приложений Bubble.io будет встроен непосредственно в редактор. Опять же это лишь анонс, сам функционал будет доступен за отдельную плату в одной вероятно в одной из вкладок, а может просто сделают переадресацию в их дэшборд через токен в URL.

Такую интеграцию считаю крайне полезной, данный сервис довольно полезный + у них есть/будет более дружелюбный и удобный интерфейс для трекинга логов приложения, который очень хочется опробовать. (Ссылка на блог)

---------------------------------------

📱 Native Mobile Apps

Наконец самая сочная и интересная новость, ради которой большинство смотрело BubbleCon - возможность создания Native Mobile Apps! 🚀

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

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

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

---------------------------------------

🎥 Для тех, кто хочет лично посмотреть BubbleCon 2024, вот плейлист. "Фильм" на вечер найден🍿

---------------------------------------

Очень надеюсь, что на будущих BubbleCon будут не только анонсы, но и полноценные релизы...

---------------------------------------

👀 Оставайтесь на связи, подписывайтесь, и следите за обновлениями! 👀

🎓 Большое обновление в Bubble Developer Certification 🎓

---------------------------------------

В сотрудничестве с Airdev команда Bubble полностью перестроила платформу сертификации, перенеся ее с внешнего сервиса на Bubble.

---------------------------------------

🌟 Основные улучшения

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

Надёжность: Частота сбоев снизилась с 5% до практически нуля.

Контроль: Новый сервис контроля не прерывает экзамен и предоставляет поддержку 24/7.

Массовые покупки: Для агентств теперь намного проще делать массовые покупки, отслеживать их и видеть, кто использовал попытки.

Единый интерфейс: Дизайн панели управления сертификацией и экзамена теперь соответствует стилю Bubble.

---------------------------------------

📈 Обновления в управлении экзаменом

- Период блокировки после двух неудачных попыток сокращён до трёх недель.
- Сертификат можно перенести на другой аккаунт при переходе между агентствами.
- Можно перерегистрироваться на экзамен на другого человека, если не использованы обе попытки (особенно полезно для массовых покупок экзаменов).
- Подтверждение своего имени перед выдачей сертификата.

---------------------------------------

Источник: Bubble Blog

😘 Полезные CSS 😘

---------------------------------------

Вот еще несколько CSS, которые я регулярно использую в своих проектах. Думаю, вы найдете их полезными для себя👉

---------------------------------------

Выравнивание Popup по центру экрана:

<style>
    #popup123 {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
</style>

*Поменять #popup123 на свой ID

---------------------------------------

Включает скролл контейнера, у которого содержимое превышает его размеры:

<style>
#cont1 {
overflow: auto!important;
}
</style>

Желательно, чтобы внутреннее содержимое было объединено в одну группу, а сама внутренняя группа была зафиксирована по ширине либо Fit width.
Я использую данный стиль для таблиц / RG, которым нужен скролл по горизонтали, чтобы уместить все колонки.

*Поменять #cont1 на свой ID

---------------------------------------

Этот CSS (и немного JS) превратит стандартный Date/Time Picker в просто Time picker, скрыв часть с выбором даты:

<style>
    #idtimepicker {
        display: inline-block;
    }
    
    #idtimepicker .date_div {
        width: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    #idtimepicker .time_div {
        width: 100% !important;
    }
</style>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var idtimepicker = document.getElementById('idtimepicker');
        if (idtimepicker) {
            var computedStyle = window.getComputedStyle(idtimepicker);
            var paddingLeft = parseFloat(computedStyle.paddingLeft);
            var paddingRight = parseFloat(computedStyle.paddingRight);
            idtimepicker.style.marginLeft = -(paddingLeft + paddingRight) + "px";
        }
    });
</script>

*Поменять #idtimepicker и idtimepicker в JS на свой ID

---------------------------------------

Инструкция к применению, как обычно:

- Добавь блок HTML на страницу
- Вставить в него нужный код
- Поменять #id в стилях

---------------------------------------

Пишите комментарии и вопросы / ставьте реакции, если понравилось 💃

😱 Да простит меня Bubble.io 😱

---------------------------------------

CSS для скрытия банера
"👋 Built on Bubble"

---------------------------------------

🔤🔤🔤🔤🔤🔤

ИСПОЛЬЗОВАТЬ НА СВОЙ СТРАХ И РИСК 😅

Если Bubble узнает, могут заблокировать аккаунт

This app is a free plan and should have a Bubble banner. Removing or altering this banner in any way is against Bubble terms and can lead to your account termination.

---------------------------------------

Просто бросьте HTML - блок в канву и вставьте туда этот код.

<style>
    div[style*="width: 128px"][style*="position: fixed"][style*="bottom: 10px"][style*="right: 10px"][style*="height: 29px"][style*="z-index: 100000000000"][style*="box-shadow: 0px 0px 20px 0 #00000069"][style*="background: #0205D3"][style*="border-radius: 3px"] 
{
top: -100px!important
    }
</style>

---------------------------------------

Надеюсь, что кому-то пригодится для скрытия знака на бесплатном тарифе 💃

🚀 Обновление в редакторе Bubble.io! 🚀

---------------------------------------

Доброго времени суток!✌🏻

Помимо изменения иконок вкладок редактора, сегодня Bubble представил что-то интересное! Обсудим, в чем заключаются изменения в интерфейсе.

---------------------------------------

🌳Обновленная структура древа элементов

Теперь элементы в древе разделены на два типа:
- Overlays (popups, floating groups, group focus, alerts и reusable elements)
- Layers, где находятся все остальные элементы.
Добавлена возможность растягивать окно древа элементов, удерживая границу между ними.

---------------------------------------

📝 Обозначения элементов

Иконки выполнены в стиле Figma, выглядят чище и приятнее. Теперь по значку элемента видно его функционал, даже если элемент полностью переименован.

---------------------------------------

🔍 Строка поиска в древе элементов:

Теперь есть возможность искать уже используемые элементы прямо в древе, помимо общего поиска сверху. Это удобно, так как можно увидеть тип элемента по его иконке.

Переименовать элемент теперь можно прямо в списке!

---------------------------------------

🤏🏻Новый Drag-and-Drop функционал

Теперь можно перетаскивать элементы из списка прямо в древо элементов страницы, что делает процесс создания более плавным.
Новые взаимодействия с древом элементов:

Над деревом:

👁 Показывает только скрытые элементы.
Стрелки сворачивают и разворачивают все группы в древе.

Внутри древа (напротив каждого элемента):
👁 Скрывает/показывает элемент в редакторе.
🔒 Блокирует/разрешает перетаскивание элементов мышью внутри канвы.

---------------------------------------

⌨️ Новые сочетания клавиш

Теперь они работают внутри древа элементов:
- Cmd+C: Скопировать элемент.
- Cmd+X: Вырезать элемент.
- Cmd+V: Вставить.
- Cmd (Ctrl)+Click: Выбрать несколько элементов.
- Shift+Click: Выбрать несколько элементов в ряд.

---------------------------------------

Неплохое обновление, однако все мы ждем обещанного на BubbleCon 💃

---------------------------------------

Источник

Всем привет!✌🏻

---------------------------------------

🚀 Анонс новых возможностей на платформе Bubble.io! 🚀

Потрясающие новости для разработчиков, использующих Bubble.io. Час назад на Youtube канале Bubble.io были сделаны два анонса предстоящих обновлений.

---------------------------------------

🤖"Bubble AI"

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

Релиз ожидается в первом квартале 2024

Ссылка на видео

---------------------------------------

📱 “Native mobile apps”

Bubble.io расширяет возможности создания приложений для мобильных устройств. Теперь вы сможете создавать полноценные приложения без написания кода как для Android, так и для iOS и использования сторонних “оберток” и контейнеров. Появится возможность использовать нативные компоненты и настраивать навигацию еще интуитивнее. Просматривайте приложения в реальном времени на устройствах и публикуйте их в App Store и Play Market, когда будете готовы.

Интересно, будет ли это включено в план или же будет продаваться как отдельная оплачиваемая услуга?

Релиз ожидается в середине следующего года

Ссылка на видео

---------------------------------------

Что ж, Bubble не стоит на месте🚀

Надеемся лишь, что вводя новый функционал, компания не забудет довести до ума старые функции 🧐

Всем привет! И хорошего дня ✌🏻

---------------------------------------

🧐 Вчера я озадачился вопросом о структуризации своих уроков и полезных вещей, собранных на просторах интернета

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

---------------------------------------

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

Готов выслушать предложения и пожелания в комментариях.

---------------------------------------

➡️ Ссылка на Gitbook

---------------------------------------

#некодер #bubble #база_знаний

Горизонтальный скроллинг группы в Bubble.io без CSS за 30 секунд!

---------------------------------------

В последнее время в проектах, где много таблиц, часто возникает необходимость их адаптации.

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

Я решил, что выбирать незачем, если можно уместить вообще всё!

Данный кейс имеет множество применений, не только в отношении таблиц.

---------------------------------------

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

Для этого необходимо:

1. Фиксируем ширину группы, которой добавляем скролл

2. Копируем значение максимальной ширины этой группы

3. Оборачиваем ее Repeating Group с параметрами:
- 1 строка
- 1 столбец
- Мин. ширина 0
- Макс. ширина = макс. ширине вложенной группы (просто вставляем, что скопировали в шаге 2)

4. Задаём Data source и Type of content для Repeating Group

---------------------------------------

В источник Repeating Group можно поместить что угодно. Например, выбрать тип данных "User", а в Data source поместить выражение Current User :converted to list. Это самый простой пример, чтобы не грузить приложение лишними запросами к БД, то есть берем пользователя и представляем его в виде списка оператором :converted to list.

P.S. Даже когда пользователь не залогинен у него есть свой текущий временный User в БД, если, насколько я знаю, на устройстве не запрещены Cookies.

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

---------------------------------------
#некодер #bubble #ui #rg #советы

Решил собрать авторские каналы про ноукод разработку, чтобы вы всегда могли найти что-то полезное для себя😉 Если вы вдруг ведёте свой канал, то присылайте ссылку в комментах - буду дополнять подборку

https://t.me/pro_nocode - нескромно поставлю наш канал первым:) собираем полезные хаки и советы по Bubble, планируем расширяться в сторону других инструментов. Канал чисто для разработчиков и тех, кто хочет на этом зарабатывать.

https://t.me/revbubbledev - канал Вити Решетняка про bubble. Вместе работали. Собирает и находит крутые вещи про Bubble. Докапывается до мелочей - поэтому точно будет интересно читать

https://t.me/necoder_ru - канал Вани Вахрушева. Тоже работали вместе. Миксует как прикладной, так и личный контент. Интересно.

https://t.me/Tim_nocode - свежий канал от Тимофея. Уверен, что тоже будет супер полезно и интересно.

https://t.me/failblog - канал фаундера ноукод студии. Прикладной инфо по разработке нет, но полезно почитать про то, какие сложности бывают при управлении своей студии

https://t.me/denonline - канал Дэна. Дэн топ спец в ноукод инструментах, поэтому жду, когда там начнёт появляться контент.

https://t.me/ProNoCode - канал фаундера Creatium. Интересно наблюдать за тем, как развивается целый ноукод инструмент

https://t.me/noosfera_IT - канал про ноукод и жизнь ноукод разработчика. Прикладной и жизненный контент. Интересно следить.

https://t.me/georgystories - лично с автором не знаком. Пишет про вебфлоу, проводит стримы и делится полезностями

https://t.me/ne_koder - канал Димы Федосеева про Bubble. Наверное, самый топовый по качеству на данный момент. Жаль, что не так много контента, как хотелось бы:)

https://t.me/codewords - канал студии мобильной разработки от @ilyatkach

https://t.me/sashadontcode - канал про ноукод от @alexanderolssen

1️⃣0️⃣0️⃣ подписчиков на канале! 💃

---------------------------------------

Спасибо всем кто присоединился! 😘

---------------------------------------

Извиняюсь, немного подзабросил канал и Youtube из-за переезда, миграции и текущих проектов, но обещаю, что исправлюсь!

Новый полезный контент очень скоро! 😮

---------------------------------------

Подписывайтесь на YouTube - канал, чтобы ничего не пропустить

Как стилизовать таблицу в Bubble.io?

---------------------------------------

В этом небольшом посте я расскажу о том, как закрасить чётные или нечётные ячейки таблицы.

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

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

---------------------------------------

Создадим conditional:

Для четных ячеек: Current index < modulo > 2 is 0

Для нечетных ячеек: Current index < modulo > 2 is not 0

После него выбираем нужную вам заливку. Готово!

---------------------------------------

Можно создать только одно условие, в случае его невыполнения будет применен стиль из вкладки "Appearance".

---------------------------------------

Оператор "X < modulo > Y" позволяет найти остаток от деления числа X на число Y. Результатом вычислений будет сам остаток (число), если же его с чем либо сравнить с помощью логических операторов, то к вам вернётся Yes / No.

---------------------------------------

Всем продуктивной недели 💪🏻🔥

---------------------------------------

#некодер #bubble #ui #rg #советы

Как получить расширение файла из его имени? 🤔

---------------------------------------

Первый способ:

После обращения к имени файла добавить оператор split by, в окно разделителя поставить точку. В результате к вам вернется список текстов, последним элементом которого будет расширение файла, для получения добавляем :last item.

File's name :split by(.) :last item

Второй способ:

После обращения к имени файла добавить оператор Extract with RegEx, в появившемся поле вписать выражение "/\.[0-9a-z]+$/" без кавычек. Готово!

---------------------------------------

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

---------------------------------------

#некодер #bubble #regex #советы

Всем привет! ✌🏻

---------------------------------------

Downnotifier

---------------------------------------

Сервис, который уведомит тебя, если твой сайт (любой, который укажешь) лёг и не просыпается. Позволит оперативно принять меры по устранению неполадок.

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

Поддерживает Email и SMS уведомления. Для подключения достаточно указать ссылку на сайт и свой номер или почту.

В платных версиях функционал расширен (Whatsapp уведомления, полная история логов, частота мониторинга 20 сек и прочие плюшки)

---------------------------------------

#некодер #bubble #сервисы

Доброго времени суток, коллеги! ✌🏻

---------------------------------------

Горячие клавиши | Shortcuts | Bubble.io

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

Найти их можно во вкладке "Help" -> "Shortcuts list" в верхней панели редактора.

Надеюсь, всем будет полезно 💪🏻

---------------------------------------

Ниже продублирую сочетания и их значения на русском языке

---------------------------------------

#некодер #bubble #советы