Web Overflow 🇺🇦

Як вам жабка за 2к? 😁

35 років Незалежності України 🇺🇦
Сьогодні хочеться просто побажати нам берегти своє, цінувати одне одного й не втрачати того, що нас об’єднує.

Зі святом! 💙💛

Трохи випали з ефіру, але не переживайте, у нас усе стабільно: Юра багато працює, а Настя подорожує. Та ми не могли пропустити нагоду поділитися з вами класною подією на завершення літа ☀️

5 вересня DOU влаштовує найбільший невимушений нетворкінг в українському ІТ - DOU Day Picnic.

👉 На вас чекають велика сцена з топовими спікерами, фудкорт, зони для чілу, стендап Васі Байдака, концерт, майстерки, барахолка й десятки способів провести день без напрягів, познайомитись з людьми з індустрії та підтримати армію.

🎟️ Вхід - за донат: 1000 грн
💸 100% вартості квитків йдуть на збір бомбери VAMPIRE для «Хартії».

Купити квиток: https://dou.ua/goto/iu2Y

До кінця тижня ми не знаємо хто цей ваш АІ 🌿

Не оновлюйте поки свою версію Node.js 😳

Зарелізив я, значить, учора 2 UI-апдейти, після яких бекенд-сервіси failed successfully: падали всі запити через авторизацію.

Виявляється, у проміжку між попереднім релізом і моїм вийшла нова версія Node.js (24.17), у якій завівся баг із network-запитами. А оскільки в Dockerfile у нас була запінена версія 24, новий білд автоматично підтягнув цю свіжу версію 🥲

Тому перевірте, як воно у вас там білдиться, і поки не оновлюйтесь локально!

👉 Відкрити посилання

scrollbar-gutter 📜

Нещодавно пофіксив "ui-glitch" за допомогою overflow-y: scroll, і через кілька днів бачу оце 🤦

Висота вашої веб-сторінки іноді може змінюватись. Наприклад, під час фільтрації може бути багато елементів або лише один. В цей момент скролбар зʼявляється/зникає, через що ширина сторінки змінюється і елементи «стрибають». Як рішення - завжди показувати скролбар: overflow-y: scroll.

Але неактивний скролбар може виглядати не дуже гарно, тому краще використати scrollbar-gutter: stable. Завдяки цьому браузер автоматично зарезервує місце під скролбар.

👉 Відкрити посилання

Вже перебоялись: Anthropic випустили Fable 5 - модельку рівня Mythos, яка має бути безпечною для загального користування 👀😅

Здається, навіть компанії, які активно розвивають штучний інтелект, починають трохи лякатися швидкості цього розвитку 🙃

Anthropic запропонував заздалегідь домовитися про можливість пригальмувати розвиток найпотужніших AI-моделей.

Не повністю зупинити, а мати чіткий план на випадок, якщо штучний інтелект почне вдосконалювати себе настільки швидко, що люди вже не встигатимуть контролювати цей процес. І причина для занепокоєння вже є: за словами Anthropic, Claude пише понад 80% коду, який додається до кодової бази самої компанії. Як то кажуть, сам себе не похвалиш…

Цікаво, що ви думаєте: чи справді галузі вже час трохи пригальмувати, чи це черговий маркетинговий хід і спроба компанії закріпити свої позиції на ринку? 👀

👉 Дивитись відео

The forgotten developer who saved JavaScript...

Fireship випустив відео про Jeremy Ashkenas - розробника, який на початку 2010-х закладав основи багатьох фіч JavaScript.

Ми долучилися до світу розробки десь у 2018 році, тому доволі цікаво дізнатися частинку історії.

👉 Дивитися відео

min-release-age ⏳

npm (а також yarn, pnpm і bun) додали опцію min-release-age, яка допомагає захиститись від supply-chain атак.

Supply-chain атака - це коли зловмисники компрометують залежності (в даному випадку npm), які розробники використовують у своїх проєктах. Наприклад, хакер може опублікувати шкідливу версію популярного npm-пакета, а ваш проєкт автоматично підтягне її після оновлення. Пригадайте ситуацію з axios.

min-release-age дозволяє встановити мінімальний "вік" пакета перед його встановленням, наприклад 3 дні. За цей час спільнота та системи безпеки можуть виявити небезпечний реліз ще до того, як він потрапить у вашу систему.

👉 Відкрити посилання

Мої останні два дні be like:

Джун: Я там ПР закинув, можеш глянути?

Той самий ПР:

Gym Notification 🏋

Відразу хочу зазначити - я не гей!

Ми ходимо в спортзал Smartass. Формат тут - групові заняття у визначений час для обмеженої кількості людей. Останнім часом стало доволі важко встигати записуватись на тренування, які нам подобаються та підходять по часу, місця розбирають дуже швидко. Як правило, нові заняття додають у п’ятницю в рандомний час (думаю це роблять вручну).

Тож що я зробив? Навайбкодив простий скрапер сайту, який перевіряє, чи вже з’явилися заняття на наступний тиждень. Заодно вирішив спробувати захостити все на своєму Raspberry Pi і використати Temporal.

У Kubernetes окремо підняв Temporal Server - "мозок" системи, який оркеструє всі workflow. Окремий сервіс (той самий скрапер) підключається до сервера, реєструє workflow, який потрібно виконувати, а далі вже запускається по команді від Temporal.
Я вже трохи попрацював із Temporal, тому якщо буде цікаво - можу якось окремо розповісти про нього детальніше.

У розкладі додав запуск щохвилини з 9:00 до 21:00 по п’ятницях. Якщо сповіщення ще не відправлялось, сервіс перевіряє поточний розклад на сайті. Якщо заняття з’явились - надсилає повідомлення в Telegram.

Прямо зараз він невпинно виконує свою роботу, тож побажайте йому удачі 🤞

Якщо вам раптом цікаво глянути код, додаю нижче посилання:
👉 Відкрити raspberry
👉 Відкрити smartass-subscriber

👉 Відкрити Temporal

Знову AI 🤖

Сьогодні хочемо поділитися двома відео, які подивилися на вихідних. Обидва про AI, але з різних ракурсів.

Matt Pocock виступив на конференції, де показав, чому фундаментальні знання та принципи розробки залишаються важливими, а також пояснив, чому код часто стає гіршим після обробки AI. Також, він розповів, як намагається вирішити ці проблеми за допомогою скілів.

👉 Дивитись відео

ThePrimeagen розповідає, що зараз відбувається з економікою AI, чому ціни у більшості провайдерів зростають і чому Google поки почувається найстабільніше на AI-ринку.

👉 Дивитись відео

LSP + AI 🔌

Що таке LSP? Це стандарт, за яким клієнт (зазвичай редактор коду, а тепер і AI) взаємодіє з “мовним сервером”.

А що таке мовний сервер? Це окремий невеликий сервіс, який розуміє код (зазвичай конкретну мову) і знає, як із ним працювати.

Чому це круто? Якщо ви створите свою мову C++ Pro Max (назва під авторським правом!!), розробникам VS Code, Neovim, JetBrains тощо не потрібно буде додавати її підтримку. Замість цього ви пишете власний сервер, який через LSP допомагає редактору:
• находити визначення функцій;
• показувати всі їх виклики;
• знаходити статичні помилки;
• перейменовувати змінні, та інше.

Виглядає це приблизно так:

Редактор > Мовний сервер: де визначена функція X (файл X.cpp, рядок 4, символ 12)?
Мовний сервер > Редактор: у файлі ABC.cpp, з (рядок 130, символ 0) до (рядок 142, символ 1).

👉 Читати більше

Тепер про AI-агентів.

Коли AI читає код проєкту, він бачить лише текст. Без LSP йому доводиться здогадуватися: де визначена функція, які в неї параметри, чи існує вона взагалі.

Наприклад, щоб знайти визначення функції, AI робить пошук по імені в усьому проєкті й серед збігів намагається знайти імплементацію. І це ще простий випадок. А якщо функція перейменована через імпорт? Так, AI впорається - але витратить значно більше токенів.

З LSP агент отримує:
• точні визначення символів і типів;
• список усіх використань функції (корисно для рефакторингу);
• діагностику в реальному часі (помилки та попередження);
• семантичний пошук замість grep.

На практиці різниця особливо помітна у великих репозиторіях. Коли контекст і так великий, AI може "ходити" по коду осмислено, а не просто читати все підряд.

Ми вже підключили LSP для JS/TS та Python. Конфігурації в більшості провайдерів дуже схожі, тому ділимося посиланням на GitHub Copilot.

👉 Відкрити посилання

Claude Code notifications 📣

Як я і казав, я спробував додати (навайбкодити) хуки для Claude Code, щоб отримувати сповіщення.

Як стартову точку використав уже існуючі напрацювання звідси (no offense, але автор - huy).

Отже, як кидати сповіщення на macOS? Один із популярних варіантів - terminal-notifier, але я вирішив використати alerter, оскільки він активніше підтримується.

Далі все доволі просто: у скрипті перевіряєте, в якому застосунку запущений Claude Code, і відправляєте сповіщення від його імені. Там ще можуть виникати нюанси через міграцію Apple на нову систему сповіщень, але, якщо чесно, я не сильно вичитував це.

Для VS Code також варто дивитися на workspace folder, бо якщо у вас відкрито кілька вікон, логічно перейти саме в те, де чекає Claude.

Оскільки я ще використовую tmux, довелося додати трохи гавнокоду, щоб автоматично відкривати потрібну панель.

Якщо цікаво - додаю посилання на свій конфіг нижче:

👉 Відкрити посилання

Caveman 🙊

Чого тільки не придумають розробники, щоб зекономити токени. Виявляється, якщо навчити AI говорити як печерна людина, можна витиснути лише суть і замість стіни тексту отримати значно коротшу відповідь.

В середньому на 65% менше токенів = реальні гроші. Розумний хід.
Нижче: GitHub репо скіла + відео ThePrimeagen.

👉 Відкрити посилання
👉 Дивитись короткий огляд

Христос Воскрес! 🐣

Вітаємо вас зі святом! Нехай Господь оберігає ваші родини, дарує сили, спокій і світло!