Леонід Дзиганський

Lead Frontend Engineer · Product Builder

Вебплатформи, розробка з AI та архітектура продуктівУкраїна

Про мене

Я інженер і розробник продуктів. Перетворюю складні й неоднозначні системи на зрозумілі та керовані рішення. За понад 14 років пройшов шлях від верстки й PHP до архітектури міжнародної електронної комерції, власних продуктів на Rust і Next.js та впорядкованої роботи з AI-моделями. Найкраще працюю там, де потрібно зрозуміти потреби бізнесу, розібрати застарілий код, визначити межі системи й особисто довести найважливішу частину роботи до випуску.

Я не прив’язуюся до одного фреймворку, мови чи розробника AI-моделі. Обираю найпростіший інструмент, який надійно виконує завдання: спочатку використовую можливості платформи, а вже потім додаю складніші абстракції; спочатку вимірюю, а потім оптимізую; спочатку перевіряю факти, а потім роблю висновки.

Як я посилюю команду й продукт

Мій підхід відповідає рівню Staff Engineer: я продовжую працювати з кодом, але оцінюю результат у межах усієї системи, команди та життєвого циклу продукту.

  • Системне мислення: бачу зв’язок між кодом, потребами продукту, робочими ризиками та досвідом користувача.
  • Особиста відповідальність за реалізацію: проєктую рішення й пишу найважливіший код, а не обмежуюся схемою чи порадою.
  • Посилення команди: створюю інструменти, правила й архітектурні межі, які зменшують повторну роботу та спрощують спільну розробку.

Мій спосіб роботи: хвилі, сигнали й шум

Я не намагаюся наперед скласти остаточний план усього шляху. Працюю хвилями: кожна має чіткі межі, об’єднує пов’язані зміни в цілісний результат і помітно змінює стан системи. Те, що витримало перевірку, стає сигналом; побічні ідеї та відхилення залишаються шумом, доки не настане час їх переглянути.

  1. 01

    Напрям хвилі

    Починаю не з повного плану, а з одного помітного результату, до якого має прийти система. Це задає напрям без спроби передбачити все наперед.

  2. 02

    Межі хвилі

    До хвилі входять лише пов’язані зміни, які разом дають завершений результат. Те, що для нього зараз не потрібне, залишається поза межами хвилі.

  3. 03

    Сигнали й шум

    Перевірені факти, спостережувана поведінка системи та відтворювані результати — це сигнали. Побічні ідеї, припущення й відхилення фіксую як шум, не перериваючи поточну хвилю.

  4. 04

    Проходження хвилі

    Доводжу хвилю до робочого результату. Якщо з’являються нові сигнали, можу змінити шлях, але не розширюю межі через кожну нову думку.

  5. 05

    Новий стан

    Наприкінці хвилі перевіряю систему в її новому стані, а не лише окремі зміни. З’ясовую, що працює, що насправді змінилося й що стало зрозумілішим.

  6. 06

    Між хвилями

    Переглядаю накопичений шум між хвилями. Корисне може стати основою наступної хвилі; решта залишається шумом або відпадає. Припущення стає сигналом лише після підтвердження.

Як я підсумовую хвилю: Спочатку показую результат хвилі. Далі — що змінилося, чим це підтверджено, які з’явилися сигнали, який шум залишився та що може стати наступною хвилею.

Як я добираю AI-моделі

Сприймаю AI-моделі як інженерні інструменти, а не як універсальних авторів. Добираю модель відповідно до завдання, доступних інструментів, обсягу матеріалів, наслідків можливої помилки та вимог до приватності.

Реалізація та робота з кодом

Codex / OpenAI

Коли потрібно безпосередньо змінити код, скористатися інструментами, запустити тести й довести завдання до перевіреного результату.

Архітектура й незалежна перевірка

Claude

Для другого погляду на складне рішення, опрацювання великого обсягу матеріалів і незалежної перевірки змін без права їх редагувати.

Функції з AI у продукті

Gemini

Для окремих користувацьких сценаріїв у середовищі Google і Firebase: розпізнавання наміру, проведення покрокових консультацій та підготовки структурованих відповідей. Якщо модель не справляється, система переходить до наперед визначеного сценарію.

Локальні й приватні завдання

Браузерні / локальні моделі

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

Правило відповідальності: одна основна модель відповідає за реалізацію, а інша може лише незалежно її перевірити. Остаточне рішення ухвалюю я. Кожне важливе твердження звіряю з кодом, результатами перевірок або фактичною поведінкою системи.

Власні продукти й дослідження

Останні проєкти найкраще показують мій спосіб мислення. Я створюю не окремі демонстрації технологій, а цілісні робочі продукти: з інструментами, безпекою, документацією, перевіркою та передбачуваним випуском.

Інструменти розробника

AIC

У розробці

Локальне середовище для роботи з кодом на основі одного ядра на Rust: редактор, Git, термінали, нотатки та відомості про проєкт. AI-помічники запускаються як окремі консольні програми, використовують власні моделі й облікові записи та працюють у визначених межах доступу.

  • Rust
  • PWA
  • CodeMirror
  • Git + PTY
  • Перевірені випуски

Розширення редактора

AIC Notes for VS Code

Дослідна версія

Розширення із супровідними нотатками для файлів, папок і проєктів та власним Markdown-редактором. Таблиці, метадані, списки завдань, блоки коду й діаграми Mermaid можна редагувати без окремого вікна попереднього перегляду.

  • VS Code
  • Markdown
  • Mermaid
  • Супровідні нотатки

Незалежне розширення

AIC for Standard Notes

Опублікований

Markdown-редактор для Standard Notes, який зберігає звичайний переносний текст, а форматування й діаграми показує безпосередньо під час редагування. Інтеграція використовує лише необхідну частину API нотаток і не змінює модель даних сервісу.

  • Standard Notes
  • CodeMirror
  • Точний Markdown
  • GitHub Pages

Продуктова платформа

Платформа тренувань Наталі Дзиганської

Працює

PWA для розкладу, бронювання, профілів клієнтів і щоденної роботи тренерки. Сайт зберігає основні дані, Telegram і Google Chat доставляють повідомлення та службові події, а Gemini обробляє лише окремі консультації й команди.

  • Next.js
  • Firebase
  • Telegram
  • Gemini
  • Автоматичне розгортання

Дослідження у сфері мобільності

Scootify Ecosystem

2023–2026

Екосистема мікромобільності з кількома сайтами на спільному ядрі: інформаційний центр, сервісна платформа й інтернет-вітрина. Проєкт поєднав перевірку продуктових ідей, автоматизацію щоденних операцій і поетапну оптимізацію обчислень у браузері.

  • Next.js
  • GCP
  • Web Components
  • Web Workers
  • Rust / WASM

Інженерний інструментарій

ВебплатформаJavaScript без сторонніх бібліотек (ES3–ESNext)Light DOM Web ComponentsСемантичний HTMLМеханізми відображення у браузері
ПродуктивністьCore Web VitalsКонтроль навантаження на головний потікWeb WorkersRust + WASM лише після вимірювання
Електронна комерція та застарілі системиSFCC / SFRAЗастарілий JavaScript (ES5)Збирання на Webpack / RspackКонтроль сторонніх скриптів
Продуктові системиNext.js / ReactСервіси на RustGCP / FirebaseАвтентифікація, боти й автоматизація
ІнтерфейсиАрхітектура CSS / SCSSВбудована підтримка RTLWCAG AAАдаптивні PWA
Розробка з AIДобір моделі відповідно до роліЧіткі межі вихідних данихНезалежна перевірка іншою моделлюРезультат, підтверджений доказами

Когнітивний профіль (Gallup CliftonStrengths®)

Теми Gallup допомагають назвати природні особливості, які постійно виявляються в моїй інженерній роботі. Завантажити повний звіт (PDF)

1Arranger
Упорядкування

Швидко помічаю зв’язки між людьми, інструментами, залежностями й обмеженнями та складаю з них дієву систему.

2Achiever
Виконання

Підтримую темп і доводжу роботу до перевіреного результату. Для мене важливе не відчуття поступу, а справді завершена робота.

3Restorative™
Стабілізація

Мене природно приваблюють системи, у яких щось не працює. Пошук причини й надійне відновлення дають мені більше енергії, ніж тимчасовий обхід проблеми.

Професійний досвід

08.2023 – дотеперRaccoon

Full-Stack Developer (Consultant)

Віддалено

Створюю інтерфейси електронної комерції на SFCC і SFRA, налаштовую Business Manager та інтегрую зовнішні сервіси. Розробляю динамічні функції у браузері, працюю з Page Designer і Amplience, поліпшую доступність і швидкодію, пишу технічну документацію та беру участь у плануванні й демонстраціях для клієнтів.

09.2021 – дотеперAlpenite/Arsenalia (Dior)

Lead Frontend Engineer

Віддалено

Перебудував процес збирання на Webpack і Rspack та впровадив видалення невикористаного коду. Замінив jQuery нативним JavaScript, запровадив стандарти технічного проєктування, динамічне складання зображень, відкладене завантаження й масштабовану SCSS-архітектуру з підтримкою RTL.

2023 – 2026Scootify Ecosystem (R&D)

Principal Architect & Product Owner

Україна

Спроєктував на GCP платформу мікромобільності з кількома сайтами: інформаційним центром, сервісом і торговельною вітриною. Спільне ядро побудовано на Next.js, Web Components, Web Workers і Rust/WASM; боти в Telegram та Google Chat автоматизували аналітику й щоденні операції.

04.2021 – 03.2022Bay Bridge Digital

SFCC Developer

Франція (віддалено)

Стабілізував застарілий код і переробив оформлення замовлення для підвищення конверсії. Додав підтримку кількох валют і адаптував інтерфейс RTL для міжнародних ринків.

05.2019 – 08.2021The Raven

Front-End Team Lead

Україна

Керував розробкою складних багатомовних застосунків на Angular. Відповідав за цілісність архітектури, сувору типізацію та узгоджену роботу команди.

02.2014 – 08.2019Стрижавка Online

Co-Founder & Lead Engineer (Civic Tech)

Україна

Створив місцеву громадську платформу для Стрижавки, яка поєднала муніципальні дані, новини й соціальну взаємодію. Згодом передав розвинений проєкт у власність місцевої влади.

10.2015 – 02.2021Astound Commerce

Senior SFCC Developer

Україна

Був ключовим розробником більш ніж десяти великих запусків для міжнародних брендів. Оптимізував кешування, статичні ресурси та швидкодію SFCC-рішень.

06.2012 – 10.2015Action Pay / Freelance

Web Developer

Україна

Починав із PHP, WordPress і верстки, сумісної з різними браузерами. Саме тоді сформував міцну основу веброзробки.