Алексей Соин · zencod.ru
19 subscribers
165 photos
16 videos
4 files
1K links
Статьи по разработке

- frontend
- backend
- server

zencod.ru
Download Telegram
Forwarded from Machinelearning
✔️ OpenAI выложили в открытый доступ Customer Service Agent Demo

Теперь у всех есть пример, как сделать продакшн-агентов с маршрутизацией, безопасностью и интерфейсом — от запроса до ответа.

Что это такое:

• Многоагентная система для поддержки клиентов (например: бронирование мест, отмена рейса, статус рейса, FAQ)
• Демка написана на Python + Next.js
• Использует OpenAI Agents SDK
• Встроены guardrails: защита от неуместных запросов и попыток обхода правил
• UI: внутри готовый интерфейс чат-бота

Как работает:

1. Пользователь пишет запрос
2. Система выбирает подходящего агента (например, `SeatBooking`)
3. Агент отвечает или передаёт диалог другому
4. Есть fallback на человека, если нужно

Как запустить:


# Backend
cd python-backend
python -m venv .venv && source .venv/bin/activate
pip install -r requirements.txt
uvicorn api:app --reload --port 8000

# Frontend
cd ui
npm install
npm run dev


Далее открываем: http://localhost:3000

Особенности
• MIT-лицензия — можно адаптировать под свои задачи
• Удобно расширять: добавлять новых агентов, инструменты, правила
• Простой код, всё задокументировано
• Рабочий кейс от OpenAI

🔗 GitHub: github.com/openai/openai-cs-agents-demo

Если вы хотите собрать систему из агентов — это отличная точка старта.

@ai_machinelearning_big_data

#chatgpt #openai #aiagents #ai
Please open Telegram to view this post
VIEW IN TELEGRAM
Лучшие AI-модели для генерации изображений (мой личный рейтинг по всем-всем моделям рынка) / Хабр
https://habr.com/ru/articles/920440/
Все, что нужно для создания приложений с LLM: обзор возможностей LangChain / Хабр
https://habr.com/ru/articles/921096/
Forwarded from FrontEndDev
Облегчаем использование регулярных выражений в JS

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

https://2ality.com/2025/06/javascript-regexp-tips.html
Forwarded from FrontEndDev
Params Editor

Удобное расширение для Chrome для редактирования query параметров url

https://params-editor.isolpro.in/
8 вещей на удалёнке, которые вернули мне концентрацию и спокойствие / Хабр
https://habr.com/ru/companies/minerva_media/articles/924882/
Forwarded from FrontEndDev
Вертикальный ритм

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

https://habr.com/ru/companies/edison/articles/340670/
Forwarded from mefody.dev
Satisfies в TypeScript

Адам Ракис на примерах объясняет пользу ключевого слова satisfies в TypeScript.

Если коротко, это что-то вроде assert для типов. Представьте, что у вас есть тип с опциональным полем.


type Item = {
name: string;
description?: string;
};

function insertItems(items: Item[]) {}

insertItems(
backendItems.map(item => {
return {
name: item.item_name,
description_new: item.item_description,
};
})
);


В этом коде есть неприятный баг. TypeScript смотрит на типы и пытается их пересечь. Из-за опциональности поля description ошибки в коде нет с точки зрения типов. Но если дальше массив в рантайме передаётся с клиента на бэкенд, получим, вероятно, ошибку.

Как словить эту ошибку вовремя? Помимо явного указания типов вообще везде, где только можно вписать тип, можно сделать так:


insertItems(
backendItems.map(item => {
return {
name: item.item_name,
description_new: item.item_description,
} satisfies Item;
})
);


Здесь TS проверит реальное соответствие типу и ругнётся на лишнее поле. При этом автовыведение типов всё ещё работает.

Подробнее — по ссылке.

https://frontendmasters.com/blog/satisfies-in-typescript/
Forwarded from CodeCamp
This media is not supported in your browser
VIEW IN TELEGRAM
Тренируем алгоритмы — нашёл прикольный визуальный тренажёр с пошаговым выполнением кода.

Тут 70+ алгоритмов на JavaScript, Java и C++, всё красиво и с наглядно.

Забираем
Forwarded from CodeCamp
Полезно: нашёл для вас хардкорный гайд по Kubernetes. Автор пилил его целых 2 года, пересобрал сотни кластеров и провёл тысячи перезапусков, чтобы излить свою мудрость в тексте.

Что ждёт:

— Полный пошаговый гайд по сборке Kuberentes;
— Удобные alias’ы, функции и обёртки;
— Десятки скриптов, которые реально работают в бою;
— Важные нюансы, о которых обычно молчат туториалы.

Все упаковано в удобную MDX-документацию с фокусом на практику и читаемость.

Ещё и на русском
Ну, погоди! Как я создал свою версию культовой игры: от схемы до корпуса / Хабр
https://habr.com/ru/companies/ruvds/articles/923274/
Вайб-кодинг, это когда два инженера могут создать технический долг как минимум для 50 инженеров.

📱 @dev_notes_ru

#joke
Please open Telegram to view this post
VIEW IN TELEGRAM
Утилитные TS типы для работы с Promise

Примеры типизации сложных кейсов при работе с Promise.all или вложенными Promise.

https://spin.atomicobject.com/better-promise-all/
Forwarded from Мир Linux
This media is not supported in your browser
VIEW IN TELEGRAM
Быстрый совет по Linux

При просмотре файла с помощью less нажмите v, чтобы открыть файл в редакторе по умолчанию прямо на той строке, которую вы сейчас просматриваете.

Удобно для быстрого редактирования без выхода из less. По умолчанию редактором обычно является Vi, даже не Vim.

Хорошая идея задать свой редактор в .bashrc или .zshrc вот так:
export EDITOR=nano  
export VISUAL=$EDITOR


@linuxos_tg
Forwarded from mefody.dev
Дружелюбное введение в SVG

Джош Камю с хорошим туториалом для новичков по основам SVG. На интерактивных демках показывает, как рисовать линии, прямоугольники, круги, эллипсы и полигоны. Заодно объясняет отличие атрибутов width и height от viewBox. И не только.

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

https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/
Forwarded from FrontEndDev
ES-toolkit

Новая легковесная альтернатива для lodash с поддержкой типов и улучшенной производительностью.

https://es-toolkit.dev/
Forwarded from FrontEndDev
Операторы логического присваивания

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

https://allthingssmitty.com/2025/07/28/logical-assignment-operators-in-javascript-small-syntax-big-wins/