QArtText: QR коды для чтения невооружённым глазом
Прочитать содержание QR-кода невооружённым глазом можно, но весьма непросто. Поэтому лучше ещё при создании QR-кода разместить внутри него визуальную информацию для людей — например, чтобы и без телефона было понятно, куда ведёт этот код.
Читать далее
👉 Node.JS [ru]
Прочитать содержание QR-кода невооружённым глазом можно, но весьма непросто. Поэтому лучше ещё при создании QR-кода разместить внутри него визуальную информацию для людей — например, чтобы и без телефона было понятно, куда ведёт этот код.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1
withComponentInputBinding: меньше связанности, зависимости — наоборот
В Angular компоненты, сидящие на роутах, частенько превращаются в оркестраторов: тащат внутрь
Только вопрос: правда ли им вообще нужно знать и про
Читать далее
👉 Node.JS [ru]
В Angular компоненты, сидящие на роутах, частенько превращаются в оркестраторов: тащат внутрь
ActivatedRoute, вытаскивают из него параметры, потом через доменные сервисы инициализируют данные. Такое обычно называют умными контейнерами.Только вопрос: правда ли им вообще нужно знать и про
ActivatedRoute, и про конкретный сервис? В материале разбирается, как с помощью withComponentInputBinding и резолверов зависимости у routed-компонентов выворачиваются наизнанку, а связанность уходит в минус.Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
Внутри 54 проекта разной сложности по Terraform, Kubernetes, Docker, CI/CD, DevSecOps, AWS, Azure, безопасности и мониторингу.
Есть полноценные лабораторные с кодом и конфигами и также пошаговые гайды — так что можно разобраться, повторить всё своими руками и положить результат в портфолио.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
Что там накидали в HTML к 2026-му
HTML ползёт медленнее, чем CSS с JavaScript, но свежих фишек всё равно хватает. В обзоре Криса Койера — элемент geolocation, HTML-in-Canvas, управление камерой и микрофоном через usermedia и элемент model. А Лия Веру снова поднимает извечное: нужен ли вообще большинству сайтов постоянно торчащий переключатель тёмной и светлой темы?
В свежем выпуске Frontend Focus: W3C запилил всемирный опрос 2026 года — собирают мнения разработчиков о том, куда двигать свою работу и веб-стандарты; предложения по Interop 2027 ждут до 23 сентября; Chrome переехал на двухнедельный цикл релизов, за ним подтянулись Firefox, Edge и Brave; поддержку JPEG XL по умолчанию включат в Firefox 158. Команда Tailwind CSS присоединяется к Shopify, и при этом «ничего не меняется с Tailwind CSS или любыми другими нашими open-source проектами».
Полный выпуск: Frontend Focus #757
👉 Node.JS [ru]
HTML ползёт медленнее, чем CSS с JavaScript, но свежих фишек всё равно хватает. В обзоре Криса Койера — элемент geolocation, HTML-in-Canvas, управление камерой и микрофоном через usermedia и элемент model. А Лия Веру снова поднимает извечное: нужен ли вообще большинству сайтов постоянно торчащий переключатель тёмной и светлой темы?
В свежем выпуске Frontend Focus: W3C запилил всемирный опрос 2026 года — собирают мнения разработчиков о том, куда двигать свою работу и веб-стандарты; предложения по Interop 2027 ждут до 23 сентября; Chrome переехал на двухнедельный цикл релизов, за ним подтянулись Firefox, Edge и Brave; поддержку JPEG XL по умолчанию включат в Firefox 158. Команда Tailwind CSS присоединяется к Shopify, и при этом «ничего не меняется с Tailwind CSS или любыми другими нашими open-source проектами».
Полный выпуск: Frontend Focus #757
Please open Telegram to view this post
VIEW IN TELEGRAM
Почему видос из аниме-плеера не засунуть в iframe, и как я всё-таки сделал совместный просмотр на двоих
Затея была плевая: гонять аниме с корешами, чтобы пауза у одного стопорила картинку у всех. Никаких Discord Go Live с его артефактами и мыльной рябью, никаких «на счёт три давим пробел». Нужен нормальный общий плеер: кто угодно ткнул — у всех перемоталось. Автор прикинул, что управится за вечер. Ага, конечно. Вылезло четыре неочевидные проблемы, три из которых он вообще нигде не нашёл описанными, плюс ночь отладки того, с какого перепугу hls.js молча не делает ничего.
Под катом: почему прямая ссылка на видео в браузере — пустышка, как выглядит прокси с подписанными токенами и переписыванием HLS-плейлистов на лету, как синхронизировать плеер без бесконечного эха событий и почему
Читать далее
👉 Node.JS [ru]
Затея была плевая: гонять аниме с корешами, чтобы пауза у одного стопорила картинку у всех. Никаких Discord Go Live с его артефактами и мыльной рябью, никаких «на счёт три давим пробел». Нужен нормальный общий плеер: кто угодно ткнул — у всех перемоталось. Автор прикинул, что управится за вечер. Ага, конечно. Вылезло четыре неочевидные проблемы, три из которых он вообще нигде не нашёл описанными, плюс ночь отладки того, с какого перепугу hls.js молча не делает ничего.
Под катом: почему прямая ссылка на видео в браузере — пустышка, как выглядит прокси с подписанными токенами и переписыванием HLS-плейлистов на лету, как синхронизировать плеер без бесконечного эха событий и почему
preload="none" ломает Media Source Extensions.Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
Бесплатный AI-сервер на Google Таблицах: параллельные запросы к Gemini для обработки сотен новостей
Запилить бесплатный новостной конвейер на Google Таблицах, Gemini API и Telegram — плёвое дело, пока Apps Script не напомнит, кто тут главный: 6 минут на один запуск и бесконечное ожидание ответов от LLM. Автору позарез нужен был умный фильтр и саммаризатор для сотен иноязычных отраслевых новостей по одной узкой теме (AI в энергосбережении). А когда запросы идут друг за другом, скрипт тупо отваливался по таймауту уже на первой пачке.
В статье разобран конкретный рабочий приём: как раскидать независимые запросы к Gemini по параллельным потокам через
Читать далее
👉 Node.JS [ru]
Запилить бесплатный новостной конвейер на Google Таблицах, Gemini API и Telegram — плёвое дело, пока Apps Script не напомнит, кто тут главный: 6 минут на один запуск и бесконечное ожидание ответов от LLM. Автору позарез нужен был умный фильтр и саммаризатор для сотен иноязычных отраслевых новостей по одной узкой теме (AI в энергосбережении). А когда запросы идут друг за другом, скрипт тупо отваливался по таймауту уже на первой пачке.
В статье разобран конкретный рабочий приём: как раскидать независимые запросы к Gemini по параллельным потокам через
UrlFetchApp.fetchAll(), засунуть обработку 50 анонсов в 20 секунд вместо двух минут и при этом не обрушить бесплатные квоты API.Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
Shopify уходит с React Native
Шесть лет назад Shopify сделала ставку на React Native. Теперь ставка сыграна: приложения переписывают на Swift и Kotlin. Аргумент — кодинг-агенты снизили стоимость создания одних и тех же функций дважды. Обещают также рассказать, что дальше будет с React Native Skia, FlashList и Restyle.
А ещё есть отдельный пост про то, как переписали приложение Shop за 12 недель — с метриками запуска, стабильности и размера приложения до и после.
Согласны с таким поворотом не все: в r/reactnative разгорелось обсуждение, и один из основателей Expo заявил, что Shopify приняла «скорее политическое решение, чем техническое», а сравнивали там приложение на старой архитектуре со свежей перепиской.
Источник: React Status #490
👉 Node.JS [ru]
Шесть лет назад Shopify сделала ставку на React Native. Теперь ставка сыграна: приложения переписывают на Swift и Kotlin. Аргумент — кодинг-агенты снизили стоимость создания одних и тех же функций дважды. Обещают также рассказать, что дальше будет с React Native Skia, FlashList и Restyle.
А ещё есть отдельный пост про то, как переписали приложение Shop за 12 недель — с метриками запуска, стабильности и размера приложения до и после.
Согласны с таким поворотом не все: в r/reactnative разгорелось обсуждение, и один из основателей Expo заявил, что Shopify приняла «скорее политическое решение, чем техническое», а сравнивали там приложение на старой архитектуре со свежей перепиской.
Источник: React Status #490
Please open Telegram to view this post
VIEW IN TELEGRAM
RWC. Реактивные веб-компоненты
Год назад автор выкатил RWC — реактивные веб-компоненты на сигналах, без JSX и без компилятора шаблонов. Восемь тысяч народу прочитали, тридцать отписались в комментах — и после этого ядро переписали с нуля.
А в 3.0 разбор: что поменялось и ответы на главные претензии из тех самых комментов. Зачем это вообще нужно, если есть Lit, и вправду ли Web Components настолько плохи, как про них говорят.
Читать далее
👉 Node.JS [ru]
Год назад автор выкатил RWC — реактивные веб-компоненты на сигналах, без JSX и без компилятора шаблонов. Восемь тысяч народу прочитали, тридцать отписались в комментах — и после этого ядро переписали с нуля.
А в 3.0 разбор: что поменялось и ответы на главные претензии из тех самых комментов. Зачем это вообще нужно, если есть Lit, и вправду ли Web Components настолько плохи, как про них говорят.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
[Перевод] Жизненный цикл токена API: от выпуска до отзыва
API-токен? Да кому он интересен, мелочь какая-то, деталь реализации. Юзер логинится, бэкенд ему выкатывает токен, браузер это дело придерживает и суёт в каждый защищённый запрос. Сверху схема выглядит как детский сад. А вот с точки зрения безопасности там всё куда веселее.
В статье разбирают весь путь токена API целиком — от момента выдачи до того, как он протухнет или его принудительно отзовут.
Читать далее
👉 Node.JS [ru]
API-токен? Да кому он интересен, мелочь какая-то, деталь реализации. Юзер логинится, бэкенд ему выкатывает токен, браузер это дело придерживает и суёт в каждый защищённый запрос. Сверху схема выглядит как детский сад. А вот с точки зрения безопасности там всё куда веселее.
В статье разбирают весь путь токена API целиком — от момента выдачи до того, как он протухнет или его принудительно отзовут.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
ИИ уже клепает микросервисы с одного промпта. Но я, как разраб, всё ещё в деле
Разработчиков хоронят по расписанию — раз в несколько лет. Сначала визуальные конструкторы, следом no-code и low-code, автогенерация CRUD, Copilot. Теперь на очереди LLM: за вечер они накидают тебе backend, frontend, Docker Compose, миграции, OpenAPI, Kafka, PostgreSQL, Redis, авторизацию, тесты, README — и компилятор в довесок. Соцсети при этом гудят одно и то же: «SaaS за 20 минут», «нейросеть написала мне приложение», «один промпт заменил команду разработки».
Но чем плотнее автор работает с ИИ-инструментами, тем слабее верит, что нас вот-вот выпишут. И причина не в тупости ИИ — как раз наоборот, код он сейчас выдаёт нормальный. Чтобы не разводить абстракции, он берёт самый скромный масштаб: никакого бэкенда, никакой Kafka и восьми сервисов — один фронтенд, один экран поиска.
Читать далее
👉 Node.JS [ru]
Разработчиков хоронят по расписанию — раз в несколько лет. Сначала визуальные конструкторы, следом no-code и low-code, автогенерация CRUD, Copilot. Теперь на очереди LLM: за вечер они накидают тебе backend, frontend, Docker Compose, миграции, OpenAPI, Kafka, PostgreSQL, Redis, авторизацию, тесты, README — и компилятор в довесок. Соцсети при этом гудят одно и то же: «SaaS за 20 минут», «нейросеть написала мне приложение», «один промпт заменил команду разработки».
Но чем плотнее автор работает с ИИ-инструментами, тем слабее верит, что нас вот-вот выпишут. И причина не в тупости ИИ — как раз наоборот, код он сейчас выдаёт нормальный. Чтобы не разводить абстракции, он берёт самый скромный масштаб: никакого бэкенда, никакой Kafka и восьми сервисов — один фронтенд, один экран поиска.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1👍1🐳1
Как я почти перестал писать код: оркестрация ИИ-агентов и методология SAMO
Автор признаётся: за последние два года он практически завязал с ручным кодингом. И при этом софта выдаёт, по ощущениям, побольше, чем раньше. Основную часть работы тянут на себе Codex, Claude Code, Gemini и прочие ИИ-агенты, а его роль всё сильнее смахивает на проектирование среды, в которой эти ребята могут спокойно и безопасно пахать.
Потом он решил копнуть ещё глубже и подогнать под ИИ саму архитектуру кодовой базы: сузить пространство решений, превратить файловую систему чуть ли не в систему типов и запустить несколько агентов параллельно. Из этой затеи выросла SAMO. И главный вопрос AI-разработки, пожалуй, уже не «насколько хорошо ИИ пишет код», а «какую систему мы должны построить вокруг него».
Читать далее
👉 Node.JS [ru]
Автор признаётся: за последние два года он практически завязал с ручным кодингом. И при этом софта выдаёт, по ощущениям, побольше, чем раньше. Основную часть работы тянут на себе Codex, Claude Code, Gemini и прочие ИИ-агенты, а его роль всё сильнее смахивает на проектирование среды, в которой эти ребята могут спокойно и безопасно пахать.
Потом он решил копнуть ещё глубже и подогнать под ИИ саму архитектуру кодовой базы: сузить пространство решений, превратить файловую систему чуть ли не в систему типов и запустить несколько агентов параллельно. Из этой затеи выросла SAMO. И главный вопрос AI-разработки, пожалуй, уже не «насколько хорошо ИИ пишет код», а «какую систему мы должны построить вокруг него».
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
Хватит пихать MCP-костыли хардкодом: любой скрипт становится инструментом для LLM за пару секунд
Скажем прямо: как сейчас устроен Function Calling у LLM и вся возня вокруг MCP (Model Context Protocol) — смотреть больно. Хочешь дать агенту дёрнуть локальный скрипт? Тогда готовься слить 50k токенов на схемы ещё до старта диалога и обернуть три строчки кода в тучный Docker.
Разбираю, как работает🛠️ toolhub — self-hosted движок на Bun, который за секунды делает из любого скрипта навык агента. Вместо плоских JSON-схем — иерархическая файловая навигация, плюс федеративность и поддержка MCP в режимах stateless и stateful.
Читать далее
👉 Node.JS [ru]
Скажем прямо: как сейчас устроен Function Calling у LLM и вся возня вокруг MCP (Model Context Protocol) — смотреть больно. Хочешь дать агенту дёрнуть локальный скрипт? Тогда готовься слить 50k токенов на схемы ещё до старта диалога и обернуть три строчки кода в тучный Docker.
Разбираю, как работает
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1👎1
Автор пилил архитектуру LibreDB Studio — это IDE для баз данных на TypeScript, и она держит сразу несколько SQL/NoSQL баз.
Пока копался в слое провайдеров, пришёл к довольно жёсткой схеме провайдеров: так и новую базу подключать безопаснее, и в основном коде меньше всего менять.
Про саму архитектуру он написал вот здесь: libredb.org/blog/building-universal-database-provider-typescript
А то, как провайдер добавляется сейчас, задокументировано тут: ADDING_A_PROVIDER.md
Работает это вполне сносно. Но всплыл вопрос пошире. Пока что добавить нового провайдера — значит всё равно впихнуть его в основную кодовую базу Libredb-Studio. А в перспективе хочется дойти до чего-то в духе экосистемы плагинов.
Читать далее на Хабре
👉 Node.JS [ru]
Пока копался в слое провайдеров, пришёл к довольно жёсткой схеме провайдеров: так и новую базу подключать безопаснее, и в основном коде меньше всего менять.
Про саму архитектуру он написал вот здесь: libredb.org/blog/building-universal-database-provider-typescript
А то, как провайдер добавляется сейчас, задокументировано тут: ADDING_A_PROVIDER.md
Работает это вполне сносно. Но всплыл вопрос пошире. Пока что добавить нового провайдера — значит всё равно впихнуть его в основную кодовую базу Libredb-Studio. А в перспективе хочется дойти до чего-то в духе экосистемы плагинов.
Читать далее на Хабре
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👎2
Standard JSON Schema vs JSON Schema
JSON Schema — это стандарт, которым описывают JSON. Standard JSON Schema — тоже стандарт. Прикинь, да. И это не опечатка, и это не один и тот же стандарт, названный дважды.
Разбор — в статье: Читать далее
👉 Node.JS [ru]
JSON Schema — это стандарт, которым описывают JSON. Standard JSON Schema — тоже стандарт. Прикинь, да. И это не опечатка, и это не один и тот же стандарт, названный дважды.
Разбор — в статье: Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Халявный плагин для входа через VK ID на WordPress
Чел пилил очередной сайт на WordPress и задумал избавить юзеров от возни с регистрацией — пошёл привычным маршрутом, через вход сторонними сервисами. Нынче в тренде логиниться через ВК, вот эту штуку он и прикрутил. Делал так и раньше, но сегодня вылезла загвоздка.
Готовых решений не подъехало — зато выход есть: бесплатный плагин для входа через VK ID на WordPress.
Читать на Habr
👉 Node.JS [ru]
Чел пилил очередной сайт на WordPress и задумал избавить юзеров от возни с регистрацией — пошёл привычным маршрутом, через вход сторонними сервисами. Нынче в тренде логиниться через ВК, вот эту штуку он и прикрутил. Делал так и раньше, но сегодня вылезла загвоздка.
Готовых решений не подъехало — зато выход есть: бесплатный плагин для входа через VK ID на WordPress.
Читать на Habr
Please open Telegram to view this post
VIEW IN TELEGRAM
👎1😁1🐳1
Kwork Hider: расширение, что вешает кнопку «Скрыть» на проекты в Kwork
На kwork.ru/projects ежедневно вылезает 50 проектов, и добрая половина — вообще не твоё. Кнопку «Скрыть» туда не завезли, вот и листаешь один и тот же шлак по десятому кругу.
Расширение Kwork Hider написал автор. Кто по этой ленте ползал — вопросов не задаёт.
Читать дальше: habr.com
👉 Node.JS [ru]
На kwork.ru/projects ежедневно вылезает 50 проектов, и добрая половина — вообще не твоё. Кнопку «Скрыть» туда не завезли, вот и листаешь один и тот же шлак по десятому кругу.
Расширение Kwork Hider написал автор. Кто по этой ленте ползал — вопросов не задаёт.
Читать дальше: habr.com
Please open Telegram to view this post
VIEW IN TELEGRAM
Как запихнуть Angular-приложение в Minecraft
Что нужно, чтобы Angular-приложение ожило прямо в Minecraft и реагировало на то, что делает игрок? В разборе — своя платформа, Renderer2, layout на Yoga, а текст и картинки выводятся блоками.
На выходе — интерактивный прогноз погоды. Крутить им можно прямо из мира игры.
Читать далее
👉 Node.JS [ru]
Что нужно, чтобы Angular-приложение ожило прямо в Minecraft и реагировало на то, что делает игрок? В разборе — своя платформа, Renderer2, layout на Yoga, а текст и картинки выводятся блоками.
На выходе — интерактивный прогноз погоды. Крутить им можно прямо из мира игры.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
Пару месяцев назад автор залип на вопросе, на который внятно ответить не мог: когда крутишь кейс на очередном CS2-сайте — тебя кидают на ролле или мухлёж где-то в другом месте? Таких сайтов десятки, бабки там гоняют серьёзные, а исходники не выкладывает ни один. Снаружи — вертушка и кнопка «открыть». Внутри — Steam-боты, эмуляция клиента, HMAC, бухгалтерия на целых числах и очень конкретная математика, которая устроена так, что на дистанции всё равно в плюсе сайт.
Чтобы ответить не на уровне «да там одни скамеры», а с доказательствами, автор написал такой сайт с нуля и выложил под MIT. Не «демку с анимацией», а весь цикл: вход через Steam, открытие кейса с проверяемым роллом, продажа и апгрейд предмета, заявка на вывод, которую реально отправляет торговый бот, и админка, где кейс собирается по RTP ещё до того, как уйдёт в прод.
И пока он это писал, вылезло главное — дело не в жульничестве с роллом. Жульничать там просто не нужно. Репозиторий: github.com/ialakey/caseforge. Читать далее
👉 Node.JS [ru]
Чтобы ответить не на уровне «да там одни скамеры», а с доказательствами, автор написал такой сайт с нуля и выложил под MIT. Не «демку с анимацией», а весь цикл: вход через Steam, открытие кейса с проверяемым роллом, продажа и апгрейд предмета, заявка на вывод, которую реально отправляет торговый бот, и админка, где кейс собирается по RTP ещё до того, как уйдёт в прод.
И пока он это писал, вылезло главное — дело не в жульничестве с роллом. Жульничать там просто не нужно. Репозиторий: github.com/ialakey/caseforge. Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1
Где жить Node.js-приложению и Next.js-сайту с SSR в 2026
Внутри — про профильные PaaS-облака и про нюансы хостинга сайтов с SSR (рендеринг на стороне сервера): React (Next.js, Remix, Astro), Vue (Nuxt.js, Quasar), Angular. И про то, где у сервисов сильные стороны, а где слабые.
Ещё отдельным блоком — VPS и Serverless-провайдеры. Плюс пример: деплой Node.js-приложения с BullMQ и Redis.
Читать далее
👉 Node.JS [ru]
Внутри — про профильные PaaS-облака и про нюансы хостинга сайтов с SSR (рендеринг на стороне сервера): React (Next.js, Remix, Astro), Vue (Nuxt.js, Quasar), Angular. И про то, где у сервисов сильные стороны, а где слабые.
Ещё отдельным блоком — VPS и Serverless-провайдеры. Плюс пример: деплой Node.js-приложения с BullMQ и Redis.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
JS/TS-библиотека для транслитераций между 50 языками — 2450 комбинаций
Под транслитерацией обычно понимают одну вещь: русский текст, набранный латиницей. Но это лишь половина истории — романизация. А вот решений, которые умеют в обратную сторону, из латиницы в нелатинские письменности, уже заметно меньше. Ну а переводы между самыми разными письменностями и языками вообще — армянский в греческий, хинди в арабский, чешский в корейский — там практически пусто. И у существующих библиотек хроническая беда: контекст им неинтересен, работают побуквенно, а на выходе — каша, плюющая на правила языка. 北海道 (Хоккайдо) превращается в Bei Hai Dao, а بغداد (Багдад) — в bGdd.
В статье автор разбирает, как собирал библиотеку, которая крутится на своём сервере и не выдаёт сюрпризов, на какие лингвистические грабли наступал, чем при этом орудовал и где во всей этой кухне приткнулся ИИ.
Читать далее
👉 Node.JS [ru]
Под транслитерацией обычно понимают одну вещь: русский текст, набранный латиницей. Но это лишь половина истории — романизация. А вот решений, которые умеют в обратную сторону, из латиницы в нелатинские письменности, уже заметно меньше. Ну а переводы между самыми разными письменностями и языками вообще — армянский в греческий, хинди в арабский, чешский в корейский — там практически пусто. И у существующих библиотек хроническая беда: контекст им неинтересен, работают побуквенно, а на выходе — каша, плюющая на правила языка. 北海道 (Хоккайдо) превращается в Bei Hai Dao, а بغداد (Багдад) — в bGdd.
В статье автор разбирает, как собирал библиотеку, которая крутится на своём сервере и не выдаёт сюрпризов, на какие лингвистические грабли наступал, чем при этом орудовал и где во всей этой кухне приткнулся ИИ.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM