НеКодер
137 subscribers
12 photos
2 videos
1 file
20 links
Канал про Ноукод и всё то, что с ним связано 🧑‍💻

🔸️ Nocode - инструменты
🔸️ Советы и лайфхаки
🔸️ Новости

Автор канала - @ne_koder_dev
Download Telegram
Всем привет!✌🏻

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

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

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

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

🤖"Bubble AI"

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

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

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

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

📱 “Native mobile apps”

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

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

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

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

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

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

Надеемся лишь, что вводя новый функционал, компания не забудет довести до ума старые функции 🧐
👍5🔥51
🚀 Обновление в редакторе 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 💃

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

Источник
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1232🔥2
😱 Да простит меня 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>


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

Надеюсь, что кому-то пригодится для скрытия знака на бесплатном тарифе 💃
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥97👏3
😘 Полезные 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 в стилях

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

Пишите комментарии и вопросы / ставьте реакции, если понравилось 💃
Please open Telegram to view this post
VIEW IN TELEGRAM
👍182🔥1
🎓 Большое обновление в Bubble Developer Certification 🎓

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

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

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

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

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

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

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

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

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


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

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

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


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

Источник: Bubble Blog
👍5
Всем привет! ✌🏻

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

На прошлой неделе, 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 будут не только анонсы, но и полноценные релизы...

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

👀 Оставайтесь на связи, подписывайтесь, и следите за обновлениями! 👀
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥101👍1
🔧 Расширение для браузера: 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 - разработке, пишите в комментариях. Соберем подборку вместе. Лично я, помимо этого, пользовался лишь парой библиотек элементов. Ставьте реакции, если интересны такие находки.

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

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

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

Ссылка на расширение
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥2
🚨 Боевая тревога 🚨

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

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

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

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

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

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

Ссылка на форум
Please open Telegram to view this post
VIEW IN TELEGRAM
😱3🔥2🤔1
💃 Хорошие новости для владельцев Bubble - агентств 💃

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

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

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

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

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

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

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

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

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

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

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

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

Очень жду возможности протестировать их интерфейс для трекинга логов 👀
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10
🔥 Native App Builder от Bubble.io 🔥

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

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

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

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

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

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

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

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

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

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

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

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

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

YouTube канал

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

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

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

Подписаться "Некодер - канал про ноукод" 💃
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥142
НеКодер
🔥 Native App Builder от Bubble.io 🔥 --------------------------------------- 🥳 Наконец-то вновь добрался до создания контента 🥳 --------------------------------------- В обзоре я разбираю: - Ключевые особенности редактора нативных мобильных приложений…
🔥 Новый инструмент от 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

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

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