SILLYFEED

Веб-платформа

@web_platform · 2.0K подписчиков

Открыть канал в Telegram

Посты канала Веб-платформа в SillyFeed: единая лента публичных Telegram-каналов со ссылками на оригиналы.

📍О том, как всё устроено в веб-платформе и что происходит в индустрии фронтенда⭐️Новости, полезные выжимки, находки и напоминания👨‍💻Вопросы и предложения@web_platform_support🔗juwain.github.io/web-platform

Посты канала

Веб-платформа
npm lifecycle scriptsTIL, что в npm есть lifecycle scripts. Перед и после стандартных команд типа dev, build, test есть "хуки", на которые можно подцепить нужные дополнительные команды.npm run dev | predev → dev → postdevnpm run build | prebuild → build → postbuildnpm test | pretest → test → posttestДобавляете в package.json скрипт с префиксом pre или post — npm запустит их с соответствующем порядке:{ "scripts": { "build:client": "node esbuild.client.mjs", "predev": "npm run build:client" "dev": "tsx src/server/index.ts", }}Сначала predev соберёт клиент, dev запустит сервер.Полезно, когда перед запуском надо что-то подготовить — собрать ассеты, проверить типы, создать папки.Что можно с этим сделать:- prepublishOnly — проверки перед публикацией пакета в npm- prebuild — генерация кода или очистка папки dist- postinstall — автоматические действия после npm installДока#Лаборатория_веб_платформы@web_platform | Поддержать платформу 💕
Веб-платформа
Что нового Baseline Widely Available, часть 4...продолжениеWeb APIsOffscreen Canvas — рендеринг canvas в отдельном потоке без зависимостей от DOM.const offscreen = canvas.transferControlToOffscreen();worker.postMessage({ canvas: offscreen }, [offscreen]);Мнение: 4 из 5, по идее довольно мощная возможность для оптимизации, опять же в связке с web worker-ом, куда можно кинуть "внеэкранную канву" для рендера чего-либо тяжёлого.Screen Orientation — API для управления ориентацией экрана.await screen.orientation.lock('landscape');Мнение: 4 из 5, мастхэв для работы с мобилками, пригождалось.Server Timing — API для получения информации о таймингах запросов с сервера.const entries = performance.getEntriesByType('navigation');const serverTiming = entries[0].serverTiming;Мнение: 4 из 5, это мощное дополнение к Web Performance API, правда требует настройки и бэка/сервера, чтобы отправлялись нужные заголовки.Push Messages — API для push-уведомлений.const subscription = await pushManager.subscribe();Мнение: 5 из 5, о, думаю, появлению этого API на iOS для PWA очень порадовались банки и другие выпиленные из сторов компании; всему, что убирает монополию вендоров в пользу веб-платформы ставим пятюню.MathML — разметка математических формул без картинок и JS-библиотек.<p> The fraction <math> <mfrac> <mn>1</mn> <mn>3</mn> </mfrac> </math> is not a decimal number.</p>Мнение: 4 из 5, вот это очень хоть и узкоспециализировано, но на мой взгляд тоже круто, так как позволяет latex-у и подобным инструментам, избавиться от доп кода для рендера формул.#Пульс_веб_платформы@web_platform | Поддержать платформу ⭐️
Веб-платформа
playwright-cliТут вышел https://github.com/microsoft/playwright-cli, более эргономичный, чем MCP, способ запускать ботом безголового playwright для выполнения действий в браузере.Да, собственно, не обязательно ботом, можно просто в рамках CLI-API написать скрипт для автоматизации действия в браузере:playwright-cli open https://demo.playwright.dev/todomvc/ --headedplaywright-cli type "Buy groceries"playwright-cli press Enterplaywright-cli type "Water flowers"playwright-cli press Enterplaywright-cli check e21playwright-cli check e35playwright-cli screenshotВот эти вот e21 и e35 — это наименования DOM-нод в открытом сайте. Командой open сайт открывается и записывается его снепшот в виде yaml-файла. Каждая нода помечается своим айдишником.По необходимости можно вызывать playwright "с головой":playwright-cli open https://playwright.dev --headedДля ботов прописаны доки для выполнения рутинных задач:- Request mocking — перехват и мок запросов- Running Playwright code — выполнение playwright-скриптов- Browser session management — управление браузерными сессиями- Storage state (cookies, localStorage) — запись и чтение из браузерного хранилища- Test generation — генерация тестов после взаимодействия с сайтом- Tracing — запись трейсов- Video recording — запись видео

Ещё по теме «Технологии»

Технологии
Профессия – педиатр
Правительство готовит закон о «медицинских помощниках» – смарт-тонометрах и глюкометрах с передачей данных врачуС 2023 года в России действует эксперимент: пациентам в 16 регионах бесплатно выдают смарт-тонометры и глюкометры, которые сами передают показания врачу. К апрелю 2025 года к программе «Персональные медицинские помощники» подключили 30 тысяч человек в шести регионах (Татарстан, Магаданская, Новосибирская, Рязанская, Самарская и Тюменская области). А с 2026 года через платформу контролируют ещё и здоровье жителей Арктики, а также беременных (с помощью кардиотокографов для наблюдения за сердцебиением плода). Эксперимент признали успешным, и Минэкономразвития предложило сделать его постоянной частью системы ОМС.Техническую основу обеспечила платформа IoMT.Istok, разработанная НПП «Исток» им. А.И. Шокина при участии «Ростеха». На декабрь 2025 года к ней подключили более 382 тыс. устройств – глюкометров, тонометров и кардиотокографов. Данные о давлении, сахаре и других показателях поступают в единую систему, а врач видит динамику и может вовремя скорректировать лечение. Пациенту не нужно вести бумажный дневник, а доктору – ждать, пока тот вспомнит цифры на приёме.Власти теперь готовят закон, который закрепит этот механизм повсеместно. Стратегия цифровой трансформации здравоохранения предполагает, что к 2030 году устройствами дистанционного мониторинга должны быть обеспечены 50% нуждающихся пациентов, а медицинские организации полностью перейдут на отечественные решения для удалённой диагностики. Проще говоря, смарт-тонометр может скоро стать таким же привычным рецептом, как таблетки от давления.👨‍👦 Профессия – педиатр Telegram | MAX
ЮК
digipad аналог ушедшего ПадлетОчень простой вайтборд, который подойдет для онлайн или гибридной работы, особенно, если участники не сильны в IT и работают со смартфонов.Достоинство сервиса в простоте. Участникам доступно самое необходимое: добавлять карточки, ставить оценки и писать комментарии. Есть возможность настраивать доступ к доске: от только просмотра до редактирования. Можно выбрать фон из имеющихся картинок или загрузить изображение.Спасибо ДА за подсказку!#вайтборд #онлайнсервис @yka_yka
MAMA_SINKA
Прочитайте, если у вас есть дети!Уже не первый раз мне попадаются видео и новости о том, что детям и подросткам пишут в соцсетях незнакомые люди: представляются сотрудниками полиции, службой безопасности, втягивают в какие-то игры. Много случаев в Москве, когда ребенок становится объектом вербовки😨Суть в том, что злоумышленники пишут в соцсетях (в том числе ТГ), устанавливают контакт с ребенком, запугивают разными способами, применяют разные психологические приемы и чуть ли не гипноз. Потом говорят уйти из дома, и направляют по адресу, где нужно находиться и ждать. А сами требуют у родителей выкуп…Также детей за деньги вовлекают в «игры», где нужно выполнять задания от взрослых организаторов. Чаще всего схема выглядит так: подростка добавляют в чат/канал, их делят на команды, сначала дают безобидные задания, дальше больше. Идет азарт, конкуренция, обещание денег/статуса. Потом это уже опасная история с манипуляциями, шантажом или втягиванием детей в противоправные действия.Все это страшно, и я естественно тоже очень беспокоюсь за Костю. Определила для себя моменты, как можно обезопасить (или хотя бы снизить риски)Если у ребенка есть телеграм ⬇️⬇️⬇️1️⃣ Скрыть номер телефонаНастройки ➡️ Конфиденциальность ➡️ Номер телефона— «Кто видит номер» ➡️ Никто— «Кто может найти по номеру» ➡️ Контакты2️⃣ Ограничить приглашения в группыНастройки ➡️ Конфиденциальность ➡️ Приглашения— поставить «Контакты»Тогда случайные люди не смогут массово добавлять ребёнка в чаты.3️⃣ Запретить звонки от постороннихНастройки ➡️ Конфиденциальность ➡️ Звонки— поставить «Контакты»4️⃣ Закрыть фото профиля от всехНастройки ➡️ Конфиденциальность ➡️ Фото профиля ➡️ КонтактыИ самое главное— Разговаривать с ребенком и объяснять, что НИКАКИЕ силовые структуры, никакие службы безопасности и т.п. не пишут детям в ТГ и другие соцсети и не просят хранить секреты от родителей.— Договориться о кодовой фразе внутри семьи: любая настоящая экстренная ситуация подтверждается нашей кодовой фразой/словом (ее знаем только мы). Ребенок должен знать: если кодовой фразы нет - ничего не делать и сразу звонить родителям— Проговаривать, что если кто-то пугает, угрожает, запрещает рассказывать взрослым - нужно сразу идти к родителям. Не бояться, мама/папа помогут в любой ситуации.— Ребенок должен знать наизусть хотя бы один телефон родителей.Я не хочу всего этого знать, но приходится😭 Считаю, что должна поделиться с вами
Ольга Ускова | Cognitive Life
КОММЕРСАНТПо понятиям. Всё живое для организации своего существования в определенных условиях вырабатывает понятия. Это касается всех видов биологических существ. Мои пёс и кот, оказавшись вместе в одном доме, тут же выработали между собой целый набор важных правил и нарушение их жестко карается на месте.Люди - более сложные сообщества. Людям нужны смотрящие. Люди придумали в качестве классического смотрящего - государство. Оно должно фиксировать выработанные сообществом понятия и контролировать их соблюдение. Должно... но государство тоже состоит из людей и если вдруг система дает сбой, то в сообществе начинается хаос и льется кровь.Мы посмотрели сегодня фильм "Коммерсант". Очень сильный. Очень. Он снят по роману Андрея Рубанова "Сажайте и вырастет". Коммерсант-обнальщик работал на промывке средств с крупными чиновниками и главой фармацевтического холдинга.Я эту историю знаю с документальной стороны. Персонажи в 90-ых были мне хорошо знакомы Парень сел в тюрьму. Книга и фильм про то, как пройти тюрьму, и про понятия в любом человеческом сообществе.Петров играет гениально. Роль смотрящего играет рэпер Хаски - тоже на одном дыхании. А режиссура братьев Кравчук - просто фантастика! Дебютная фантастика! Как я ждала такой вот свежей, самостоятельной работы. (Ребята - вы гении! Гай Ричи против вас - старый лабала и штамповщик)Но главное в этом фильме, что он вышел СЕЙЧАС. Меня прямо коротнуло в зале. Сегодня в стране, да и в мире люди и государства массово отходят от самых базовых моральных понятий. Жадность и страх ломают последние оплоты межчеловеческих устоев. Тогда в 90-ых было проще. Коммерсант действительно был виновен. Причем по крупному.Сегодня все намного сложнее.Жизнь подкидывает задачки нового уровня. Сегодня стало привычным то, что в 90-ых было официально невозможно. Только по беспределу.В этой суровой игре с нарушением понятий есть одно незыблемое правило. Беспредельщику все обязательно возвращается. Иначе бы жизнь на Земле закончилась. Во всяком случае для человеческого рода. В общем, всем рекомендую фильм и книгу:"Главный урок, усвоенный мною за эту зиму, заключался в одном слове. В совете, или в моральном правиле, или в приказе тренера.Беги.Если хочешь чего-то добиться – беги. Тренируйся. Превозмогай себя.Лавируй меж унылых, меж вялых и нетрезвых; меж тех, чье дыхание сбито.Беги. Работай. Отрывайся. Побеждай свою слабость.Беги мимо всех – прямо к цели. Не отдыхай. Не мечтай. Не жалей себя. Не смотри по сторонам. Не сомневайся.Так – победишь.Беги, дыши, отталкивайся от земного шара. Преодолев себя, встретишь ли то, что нельзя преодолеть? Никогда." (с)
Падшая листва
👍 «Старый хрыч совсем выжил из ума со своими нейросетями»Дал сегодня повод думать о себе именно так. Очень хочу верить, что эта мысль, наверняка еще не раз будучи высказанной в куда более грубой форме, даст необходимый терапевтический эффект.Я уже не раз вспоминал вслух фразу Тины Канделаки: «В будущее возьмут не всех». На дворе стоял 2018-й год — благословенные времена! Услышав их впервые, я и представить себе не мог, что относительно скоро буду задаваться вопросом: «А меня? Меня возьмут?!»Будущее — штука злая. Оно наступает и сразу отступает на шаг вперед. Ты вроде бы здесь, но где будешь завтра, когда оно наступит и отойдет снова?Позвать с собой других оказывается намного сложнее. Цепочка постоянных повторений, уговоров и разъяснений норовит разрядить батарейки.Тина позволила себе неточность: «В будущее вообще никого не возьмут». Хочешь — топай сам. Лови ритм или лидируй этот процесс.Впрочем, можно и не загоняться. Так, посмотреть куда-то вперед, увидеть сверкающие пятки ног, взбивающих дорожную пыль, и сплюнуть себе под ноги или в едва еще видимую спину:«Старый хрыч совсем выжил из ума со своими нейросетями».
Милейший суперглавред
Я привыкла читать и отвечать очень быстро. Но тут есть проблема. Я печатаю и печатаю правильно, потом не перечитываю и нажимаю 'отправить' — а жуткая автозамена автозаменяет некоторые слова на слова с ошибками. Вопрос. Это какой-то баг клавиатуры или тг? На ком обучалась вообще такая автозамена? Ведь идея автозамена исправлять ошибки, а не наоборот! Я филолог с красным дипломом и мне стыдно, когда потом перечитываю и вижу ошибки 😭
The Edinorog 🦄
🤷‍♂️ Так зло или не зло? Как Илон Маск переобулся после сделки с Anthropic Сегодня в новостях было про то, что Anthropic договорился со SpaceXAI Илона Маска о мощностях их суперкомпьютера Colossus 1. Ну, договорился и договорился. Но чуваки из Wired заметили интересную деталь про то, как поменялось отношение Маска к Anthropic.Февраль 2026. Маск пишет твит про то, что AI от Anthropic ненавидит белых и азиатов (особенно китайцев), гетеросексуалов и мужчин. Мол, это мизантропично и зло. «Честно говоря, я не думаю, что вы можете что-то сделать, чтобы избежать неизбежной иронии судьбы, когда «Anthropic» в итоге окажется «Misanthropic». Вы были обречены на эту судьбу, когда выбрали себе такое название», — вот такой дисс от Маска.Май 2026. Прошло два месяца. Маск договорился с Anthropic о Colossus 1. А те еще высказали интерес в космических дата-центрах. И знаете что?«На прошлой неделе я провел много времени с руководителями команды Anthropic, чтобы понять, что они делают для того, чтобы Claude приносил пользу человечеству, и остался под впечатлением. Все, с кем я встречался, были высококомпетентны и очень заботились о том, чтобы поступать правильно. Мой детектор зла ни на кого не сработал. Пока они занимаются критическим самоанализом, Claude, вероятно, будет полезен», — говорится в новом твите Маска.Мастер дипломатии, конечно! Интересно, а что должно случиться, чтобы Маск похвалил Сэма Альтмана? Такое вообще возможно? @TheEdinorogBlog — тот самый канал про стартапы🦄
Tltpravda: записки юного отца
Чтобы запостить предыдущий пост, я был вынужден маскироваться в сети через приложение для обхода блокировок как пользователь из Литвы.Это что-то с чем-то.Я русский. Нахуя структура моего государства в лице РКН загоняет меня в ситуацию, где я притворяюсь литовцем?
Юрий Самолов🔝Бизнес-Прорыв
Как нейросети сломали книжный рынокВот так выглядит идеальная модель конвейера по производству цифрового мусора. Согласно свежему исследованию NBER 2026, после выхода ChatGPT количество ежемесячных релизов на Amazon выросло почти в три раза — с 100 тысяч до 300 тысяч.Десятый по продуктивности автор на Amazon в 2022 году выпускал около 20 книг в год. В 2025 — уже больше 100.То есть один человек теперь производит объём, который раньше выдавало целое издательство.А вот вам главный сюрприз исследования.Авторы, писавшие книги задолго до эпохи нейросетей, не просто стали продуктивнее. Они стали сильнее. Их новые книги поднялись в рейтингах. А вот те, кто пришёл с ChatGPT как с базовым рабочим инструментом — в массе производят текстовый мусор.ИИ не уравнял творцов. Он расслоил их. И между сильным верхом и шумным низом теперь нет того самого среднего автора, на котором десятилетиями держался книжный рынок.Как вы уже наверняка поняли, эта история не только про книги. Это судьба ближайших лет любого рынка контента — от музыки до маркетинга.Для профессионалов ИИ стал мощным экзоскелетом.Для всех остальных братской могилой из цифрового мусора.
affy | CPA media | Арбитраж трафика
❗️ OpenAI запустила Ads Manager Beta Платформа уже доступна в бета-режиме для рекламодателей из США и позволяет самостоятельно создавать, запускать и управлять рекламными кампаниями внутри ChatGPT.Что умеет Ads Manager Beta:🔹 создание и масштабирование кампаний;🔹 мониторинг показов, кликов и расходов;🔹 работа с таблицами, графиками и CSV-экспортами;🔹 управление доступами, API-ключами и биллингом.Параллельно OpenAI подключает adtech-партнеров — Pacvue, Kargo и StackAdapt. Также в платформе появятся инструменты атрибуции, измерения эффективности и bidding-механики ⚙️OpenAI начинает строить полноценную рекламную экосистему вокруг ChatGPT — с собственным кабинетом, аналитикой и закупкой рекламы без посредников 🔥ℹ️ AFFY — твой GPS в мире арбитража трафика