Будни разработчика: блог лид JS

Проект от подписчика! Напоминаю, что я выкачу любую статью или проект от вас, не стесняйтесь писать. Презентация? Выступили на митапе? Хотите поделиться интересной статьёй — добро пожаловать! Всем привет, меня зовут Виталий. Я иженер по автоматизации тестирования и по совместительству нагрузочный инженер. Проект такого масштаба никогда не планировал делать, но обо всем по порядку... Все началось с того, что когда я пришел на проект - надо было поднимать нагрузку с абсолютного нуля. Поскольку у нас использовался JS стек(playwright) то было принято решение взять k6. Конечно, это позволило нам быстро стартануть, но чем дальше в лес, тем сложнее было поддерживать решение. Начнем с того, что у k6 есть ограничение на VUS(virtual users) ~50k. И это стартовая точка костылей. Затем нам понадобился sidecar — helper сервер, чтобы производить определенные манипуляции, затем еще один за другим велосипедом. И в какой-то момент я решил, что управлять сложностью стало проблематично и решил, что хочу решить эти проблемы, но плавно. Так появилась первая версия perfscale. Простой генератор нагрузки, который умеет еще и запускать k6, чтобы переход был максимально гладким. Затем я начал думать над тем, что меняется от проекта к проекта и вывел закономерность - надо делить конфигурацию (configuration/config) от самого теста. Затем надо было добавить простой UI для отображения тестов и конфигураций, затем сделать интеграцию с OIDC и поместить внутрь контура. И вот так, постепенно, шаг за шагом, я пришел уже к полноценному продукту - Ссылка скрыта , который закрывает все типы тестов. А для большего комфорта я движок опенсорснул - 🧑💻 Ссылка скрыта Считаю, что это правильный шаг. Единственное, что нет в OSS - fix protocol (прим. 📊fix protocol - финансовый протокол для передачи финансовых данных), ну и самих фич: OIDC, multi tenant, AI inference ,integrations (git, prometheus, allure testops, slack, webhooks, etc.) вобщем все то, что накладывается поверх самого движка. Из последних вещей, которые я сделал в perfscale OSS (на момент написания) - это gRPC, child_process(sidecar) а впереди еще и поддержка других клиентов: databases, webrtc, graphql, и даже собственный marketplace для того,чтобы не городить ворох велосипедов. А еще я веду sponsr / habr - где пишу о еженедельных новостях, связанных с perfscale. Ну а если я лично вам приглянулся , то еще и веду свой TG канал - ✈️ Haradkou SDET, где пишу обо всяком, связанным с автоматизацией тестирования

#заметка дня Сразу нелишним будет напомнить, что я уже 6 лет живу и работаю в Финляндии, и даже в финской компании. Есть одна вещь, которая мне очень нравится в том, как финны в IT обращаются с английским: они совершенно не считают нужным оставлять английские слова английскими. Финский вообще довольно буквальный язык: a читается как «а», e как «э», i как «и», j как «й», ударение почти всегда на первый слог. И английское слово, попав в финскую речь, часто просто прогоняется через эти правила. Jira — «йира». Cache — примерно «кацхе». Done — «до́нэ». System — «сюстэм» Apple — буквально «аппле». Google — guugle. YouTube — juutuubi. А дальше слово ещё и становится грамматически финским: sprint → sprintti ticket → ticketti server → serveri bug → bugi commit → committi deploy → deployata Есть даже отдельный термин — rallienglanti, «раллийный английский»: английский финских гонщиков, где слова английские, а фонетика, ритм и интонация остаются совершенно финскими. Для человека из русскоязычной IT-среды это сначала непривычно. У нас долго было ощущение, что английское слово надо хотя бы на секунду произнести правильно. А «яваскрипт», «микрософт», «аппле», «питон» или «докер» легко могли звучать либо как плохой английский, либо как намеренный айтишный китч. Получалось смешно: всё предложение по-русски, но перед словом framework человек на секунду становился американским радиоведущим. А потом садился в свой Mini с Union Jack на крыше. В Финляндии этого переключения как будто нет. Человек может прекрасно говорить по-английски, но в финской фразе Jira всё равно будет «йира», Apple — «аппле», а что-нибудь вполне можно deployata. Слово попало в язык — всё, поздно. Теперь оно немного финское. Или русское, смотря кто произнёс. Иллюстрация: Jutta Mykrä. #finland #it

#фишка дня CSS Grid умеет сам перекладывать карточки при ресайзе, но делает это мгновенно. Брамус не каратист Ван Дамм придумал довольно занятный способ добавить плавность без JS и View Transitions. Трюк в том, что анимируется вообще не Grid. Карточки вынимаются из потока и привязываются к своим ячейкам через CSS Anchor Positioning. Grid пересчитывает раскладку, координаты anchor() меняются, а transition плавно двигает карточку к новому месту. Сам Anchor Positioning уже добрался до современных Chrome, Safari и Firefox и считается Baseline 2026. Firefox уже понимает anchors, но изменение координат из anchor() пока не анимирует — карточки просто прыгают. Но зато в Safari 26 всё отлично! Я удивлён. Так-то забавно выходит. Ах, да. Ссылка: Ссылка скрыта Сразу на демо: Ссылка скрыта #css #grid

Скачиваете утилиту, чтобы пройти тестовое, а телефон превращается в кирпич📱🧱 Желание побыстрее найти работу иногда берет верх над осторожностью — соискатели закрывают глаза на странные условия, серые схемы и «мутные» предложения. Мошенники этим отлично пользуются. За заманчивым оффером от известной компании теперь легко может скрываться фейковый рекрутер — итог: потерянные данные, заблокированные устройства и деньги. Ася Маркевич, HRD Далее, собрала 3 главные схемы современного фрода в найме и четкие правила безопасности. Еще больше советов и полезных материалов про ИТ-проекты, управление разработкой и карьеру — в канале Далее. Подписывайтесь! #реклама О рекламодателе

#инструмент дня TanStack выпустили Hotkeys — библиотеку обработки клавиатурных сокращений. Да, давно уже есть react-hotkeys-hook, hotkeys-js, Mousetrap, у части из них тоже есть scopes, refs, sequences и запись макросов. Но у TanStack Hotkeys всё это сразу считается одной командной системой. Скоупы, последовательности, удержание клавиш, keyup, rebinding, конфликты, Mod для Ctrl/Cmd, platform-aware отображение сочетаний, работа с editable-элементами и даже devtools. По отдельности почти всё это уже где-то было. Вопрос в том, сколько библиотек и собственного кода вам нужно было собрать вокруг простого keydown, чтобы получить всё сразу. Ах, да. Framework-agnostic, конечно же. С Query, Table и Virtual у них уже получалось примерно то же самое. Они редко приносят новую идею как таковую, зато дорабатывают прекрасно. Hotkeys пока alpha, но почитать документацию стоит хотя бы ради того, чтобы посмотреть, сколько нюансов там вообще. #tanstack #hotkeys #library

#заметка дня Nvidia покупает Hugging Face за $12.93 млрд, и кто-то явно решил, что просто круглой суммы для сделки такого масштаба недостаточно. Берём число 129303 и проверяем в консоли: String.fromCodePoint(129303) Получаем: 🤗 Потому что 129303 — это U+1F917, Unicode-код эмодзи 🤗, который называется Hugging Face. Но на этом пасхалки не заканчиваются. Если те же цифры прочитать как HEX цвет: document.body.style.background = '#129303' получим очень характерный зелёный, довольно близкий к Nvidia. То есть число одновременно можно прочитать как Hugging Face и как зелёный Nvidia. Где-то между due diligence, юристами и оценке на миллиарды долларов нашлось место шуточкам за 300. #nvidia #ai #huggingface

#инструмент дня Разобраться в концепциях Git просто не только лишь всем. Кто-то схватывает на лету, кто-то продирается сквозь ветки и листья документации. Кто-то забивает на всё, использует UI любимой IDE и ничего сложнее git pull origin master не разруливает. Но насколько проще было бы, если появился бы симулятор происходящего под капотом. И ведь такой есть! И называется он git-sim, вот так вот буквально. Нужно разрулить конфликтный cherry-pick? Слить несколько веток вместе? Посмотреть последствия reset, stash, rebase? Да запросто! Просто вместо git команда пишете git-sim команда и наслаждаетесь. Ах да, ссылки на примеры от авторов (много видео и иллюстраций): Ссылка скрыта И на GitHub проекта: Ссылка скрыта Очень уютная штука. #git #sim #tool #бородач

💳Как платить за Spotify, Cursor, ChatGPT и другие любимые подписки?▫️ Если ты читаешь это, скорее всего, у тебя уже была проблема: надо оплатить подписку или купить иностранный софт, а российскую карту не принимают. Mirocard решает это за пару минут: Это сервис, где можно выпустить виртуальную карту, пополнить рублями через СБП🏦 и платить за: - Midjourney - ChatGPT - Figma - ElevenLabs - Claude - Netflix - Spotify и еще сотни подписок 💎 По промокоду HTML50 выпуск карты со скидкой 50% Открывайте карту в пару кликов и с ней более удобный способ оплаты любимых сервисов! ⚡️ОТКРЫТЬ КАРТУ⚡️

#статья дня Один из самых популярных вопросов на технических собеседованиях: «Что происходит после того, как вы ввели URL в браузере и нажали Enter?» Хорош он тем, что начать можно с «ну, DNS → HTTP → страница», а закончить где-нибудь глубоко в TCP, TLS, системных вызовах, планировщике ОС и внутренностях рантайма. По глубине ответа довольно быстро становится понятно, насколько человек вообще представляет себе весь стек целиком. 200ms — очень хорошая интерактивная версия ответа на этот вопрос. Авторы берут один HTTP-запрос и проводят его через примерно 200 миллисекунд жизни: DNS, TCP, TLS, ядро ОС, Node.js, event loop, Postgres — и затем обратно к клиенту. Причём это не просто очередной огромный лонгрид со схемами. Статья сделана как интерактивное путешествие: запрос буквально двигается по системе, а ты шаг за шагом смотришь, куда он попал, что там происходит и почему. Есть, правда, и небольшой перегиб: местами авторы ныряют в детали уже буквально до уровня железа вашего телефона — что именно делает процессор, память и всё вокруг. Для понимания веб-разработки это далеко не всегда необходимо, но материал от этого скорее выигрывает: появляется ощущение, что ты реально проваливаешься через весь стек слой за слоем. В общем, отличный способ освежить в голове тот самый собеседовательный вопрос, только не в виде заученного ответа на пять минут, а нормально, со вкусом. Ссылка скрыта #web #interview #request