Вітаю усіх з Днем Незалежності 🇺🇦 Нехай проблеми та негоди не роблять вам в житті погоди 🙃

На роботі нещодавно переключився з AI на анімації, якось сидів пів дня дебажив баг з Web Animations API у Safari аж поки не дійшов до того, що це баг у Chrome, а в Safari та Firefox поведінка якраз очікувана.

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

Ось мінімальний кейс для відтворення проблеми https://codesandbox.io/s/awesome-thunder-lvj5xk?file=/src/index.mjs

Більше подробиць у тікеті в баг трекері Chrome https://bugs.chromium.org/p/chromium/issues/detail?id=1474974

​​Зробив собі марафон програмування і запілив за тиждень сендбокс для кложескріпта, типу CodeSandbox https://uix-playground.vercel.app/

Працює все у браузері у забутстрапленому компіляторі, проєкти зберігаються у Cloudflare KV. Є можливість експортувати як проєкт з shadow-cljs, доступні бібліотеки: React, Tailwind, UIx, react-query, react-router, three, react-three-fiber, згодом буде більше.

7го вересня буду виступати на мітапі з доповіддю по ШІ, у офісі Wix, приходьте послухати https://fwdays.com/en/event/frontend-ai-fwdays-meetup-kyiv

Привіт 👋 Викатив апдейт до сендбоксу: тепер проєкти можуть мати декілька файлів. Додав сайдбар з переглядом дерева проєкту та таби, все як у нормальному редакторі.

Також додав дефолтний проєкт з Reagent та re-frame для трушних кложуріанців https://uix-playground.vercel.app/p/default-reagent

Хочу спробувати додати можливість писати бекенд на ноді, за допомогою web containers. Це типу контейнеризація ноди у web assembly, тому можна бекенд ганяти локально в браузері. Для отаких cloud IDE якраз супер.

Забавно доречі, що чуваки з web containers продають це як чисто локальну платформу, а по факту трафік з локального веб сервера пускають через себе і аргументують це тим що вони не можуть надати самі контейнери у відкритий доступ.

​​Відстрілявся на мітапі, ось посилання на презентацію https://pitch.com/public/30a64f86-7ff5-4b6d-b5b6-42c9f8943a30

Гарного вам вівторка. Роблю собі прототип редактору векторної графіки, на плюсах, webgl та wasm, бо завжди хотів спробувати щось таке зробити.

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

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

Треба багато писати і малювати, тому записав відео з поясненням, дивіться тут 👉 https://youtu.be/EW7odbrPeEo?si=lmuvtw9wcVh-wiE6

Продовження геометрично-математичних історій про створення редактору векторної графіки, цього разу коротенький відос про криві Безьє https://youtu.be/39gkObrYP-Y?si=NROPuAnvxDGubUzp

Відкопав свою доповідь про перфоманс с 2021го року. На той час я був менеджером у сервісній команді яка займалась перфомансом фронтенду.

Доповідь такий собі переказ досвіду роботи, з практичними порадами 👉 https://youtu.be/JKoKs3LCr-s?si=dBbqbuu_TRWhr1XB

🎙️ Анонс для кложуристів: 14го листопада буду виступати на мітапі London Clojurians з доповіддю про бібліотеку на ClojureScript яку робив на роботі для React https://www.meetup.com/London-Clojurians/events/296853289/

Поки мій пес пише код замість мене, днями мені приїхав 3D принтер. Я вирішив доєднатись до Друк армії (https://drukarmy.org.ua/ua), щоб окрім донатів ще й робити щось практичне. Наразі друкую кронштейни для скидів.

Принтер Ender 3 V3 SE, якщо купувати в Європі, з доставкою Новою Поштою, виходить 296 євро (принтер, розмитнення та доставка). Котушка пластику 12-15 євро за кг, якщо брати в Україні буде трохи дорожче.

Собівартість друку одного кронштейну ~22 гривні. Час друку 2 години. Кронштейн тримає бадью вагою 20кг.

Якщо вам також цікаво, зареєструйтесь і почитайте розділ «школа» на сайті друк армії, там все розписано. Почати друкувати дійсно просто 👌

Якось дивився у бік розпізнавання та трекінгу об'єктів на відео у реальному часі. Наразі найпопулярніша модель для цього YOLO https://pjreddie.com/darknet/yolo/

Скажімо ви хочете трекати військову техніку на відео з дрону. Вам треба створити датасет з кадрів: на кожному зображенні промаркати техніку (наприклад у https://www.makesense.ai/). Чим більший датасет, а він повинен бути достатньо великим та різнорідним, тим більше часу ви витрачаєте на лейбелінг, бо це робиться вручну.

Але от в нас тепер є те що називається foundational моделі — це велики і повільні моделі які вміють розпізнавати велику кількість обʼєктів. Типу як ChatGPT який був натренований на усьому інтернеті. Виходить, що можна використати таку модель, щоб створити датасет автоматично, якщо не на 100%, то десь на 90% так точно. Бо по суті вона робить те саме, що і людина руками: шукає обʼєкт на зображенні і виділяє його прямокутником. Тут треба зазначити, що великі моделі наврядчи знають про більш специфічні штуки типу міни чи лепестки, тому тут тільки руками.

Пакет Autodistill якраз це і робить, поєднуючи велику модель з тренуванням меншої, тут є докладний туторіал https://youtu.be/gKTYMfwPo4M

А отут jupyter notebook в якому ви можете натренувати модель за 15хв https://colab.research.google.com/github/roboflow-ai/notebooks/blob/main/notebooks/how-to-auto-train-yolov8-model-with-autodistill.ipynb

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

Завтра у Олександра Соловйова буде стрім на його YouTube каналі про ДрукАрмію 👉 https://news.1rj.ru/str/bitethebyte/319

​​Так, вчора віддрукував перший кілограм пластику, тому трохи статистики.

Походу розібрався з налаштуваннями та зменшив час друку одного кронштейну з 2 годин до 1год 40хв, без погіршення якості виробу.

На 1 кг пластику вийшло надрукувати 40 кронштейнів за 6 днів, принтер працював півдня, тобто десь по 12 годин на день, тобто десь до 7 виробів за день. Можна прикинути, що при друці 24/7 потенційно буде 40 штук за три дні на одному принтері.

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

На підтримки пішло 85г філаменту, тобто це потенційно ще 3 кронштейни. Але без підтримок ніяк, тому це вимушений росхід матеріалу.

По пластику. Якщо везти з ЄС, навіть без розмитнення, виходить дорожче ніж купувати місцевий. В мене за 6кг філаменту вийшло 84 євро за товар та ще 51 долар за доставку НП, виходить 840 грн за кілограм. Хоча такий самий пластик в нас продають по 1600, гг. Може він кращої якості ніж наш, подивимось. Можливо було б дешевше якщо передати дідом Толею на маршрутці, але то таке.

Шо хотів сказати, беріть собі принтер і друкуйте. Воно нескладно і прикольно 👍

​​Донатний пост. У Wix працює хлопець Іван, який вже давно займається пригоном авто для ЗСУ. Я регулярно відправляю гроші на його збори. Зараз у Івана висить збір на 400 тис гривень, треба зібрати ще 230 тисяч. Зараз початок місяця, значить зпшка починає надходити, тому саме час допомогти військовим.

Для фанатів гурту Latexfauna, якщо ви всі разом надонатите на суму більше 50 тисяч, я розіграю серед учасників маску, яка була зроблена для кліпу Lime (виграв її на благодійному аукціоні) https://youtu.be/-UqKwEEkX2s?t=261

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

Банка 🫙 https://send.monobank.ua/jar/7DoY65ejcw
Більше про збір читайте тут 👉 https://news.1rj.ru/str/volunteer_diary/1609