This media is not supported in your browser
VIEW IN TELEGRAM
Є такий клауд-сервіс для баз даних — Planetscale. Він, можливо, мелькав десь у ваших новинах недавно, бо вони додали підтримку Postgres, і від цього багато серйозніших проектів виявили бажання мігрувати сюди.
Але сьогодні не про це. Основною їхньою фічею є Metal — підхід, який дозволяє суттєво пришвидшити доступ до даних за рахунок вибору фізичного сховища.
Про це гарно розписано в їхній статті. Там дуже класно провізуалізовано принципову дію магнітних стрічок, жорстких дисків та SSD, і в додачу ще деякі нюанси.
Звісно, мета статті — пояснити, чому варто користуватися Metal і чому це на порядок дорожче. Але загалом рекомендую прочитати, щоб трохи краще розуміти тему фізичних накопичувачів, не вдаючись у деталі.
До речі, ви знали, що в AWS є сервіси, де можна зберігати дані на магнітних стрічках?
https://planetscale.com/blog/io-devices-and-latency
Але сьогодні не про це. Основною їхньою фічею є Metal — підхід, який дозволяє суттєво пришвидшити доступ до даних за рахунок вибору фізичного сховища.
Про це гарно розписано в їхній статті. Там дуже класно провізуалізовано принципову дію магнітних стрічок, жорстких дисків та SSD, і в додачу ще деякі нюанси.
Звісно, мета статті — пояснити, чому варто користуватися Metal і чому це на порядок дорожче. Але загалом рекомендую прочитати, щоб трохи краще розуміти тему фізичних накопичувачів, не вдаючись у деталі.
До речі, ви знали, що в AWS є сервіси, де можна зберігати дані на магнітних стрічках?
https://planetscale.com/blog/io-devices-and-latency
👍5
Чули про JetKVM? Продукт, який дуже вистрілив на Kickstarter. Планували зібрати 50 тис. доларів, але вже зібрали понад 5 мільйонів. Продукт не з Китаю: має європейське походження — Берлін.
Зроблю паузу. Що таке KVM? Keyboard Video Mouse. Простими словами — це пристрій, який ви конектите до свого комп’ютера, щоб отримати віддалений доступ. Головна відмінність від програмного рішення типу TeamViewer — це окремий пристрій, який має незалежне живлення і передає інформацію ще до того, як запуститься операційна система.
Так от, це не єдиний популярний варіант на ринку, є й інші. Але, схоже, цей набрав шаленої популярності, частково завдяки своєму розміру, дизайну та функціоналу.
Але сьогодні не про функціонал, а про те, які ризики популяризація KVM приносить прямо зараз.
Є досить відомий ютюбер, який знімає контент про мережі (в основному) — Jeff Geerling. До нього в гості прийшли з FBI саме через такі пристрої, огляди яких він робив раніше.
Причина — КНДР використовує це для власних цілей. Наприклад, таким чином заробляє на роботі своїх програмістів під виглядом інших, фінансує розробку зброї масового ураження, потенційно створює бекдори у важливих системах. Ну, короче, повний набір.
Круто, звісно, що такі класні пристрої отримують заслужену увагу. Але всрато, що це абузять авторитарні країни.
Може, один такий програміст і вам створив конкуренцію, хто зна.
https://x.com/geerlingguy/status/1943045195454353839
https://www.runzero.com/blog/oob-p1-ip-kvm/
Зроблю паузу. Що таке KVM? Keyboard Video Mouse. Простими словами — це пристрій, який ви конектите до свого комп’ютера, щоб отримати віддалений доступ. Головна відмінність від програмного рішення типу TeamViewer — це окремий пристрій, який має незалежне живлення і передає інформацію ще до того, як запуститься операційна система.
Так от, це не єдиний популярний варіант на ринку, є й інші. Але, схоже, цей набрав шаленої популярності, частково завдяки своєму розміру, дизайну та функціоналу.
Але сьогодні не про функціонал, а про те, які ризики популяризація KVM приносить прямо зараз.
Є досить відомий ютюбер, який знімає контент про мережі (в основному) — Jeff Geerling. До нього в гості прийшли з FBI саме через такі пристрої, огляди яких він робив раніше.
Причина — КНДР використовує це для власних цілей. Наприклад, таким чином заробляє на роботі своїх програмістів під виглядом інших, фінансує розробку зброї масового ураження, потенційно створює бекдори у важливих системах. Ну, короче, повний набір.
Круто, звісно, що такі класні пристрої отримують заслужену увагу. Але всрато, що це абузять авторитарні країни.
Може, один такий програміст і вам створив конкуренцію, хто зна.
https://x.com/geerlingguy/status/1943045195454353839
https://www.runzero.com/blog/oob-p1-ip-kvm/
👍2🤔1
Декілька днів тому автор Zod релізнув ще один цікавий проект (вкотре). Zshy — build tool для TypeScript-бібліотек. З нахилом на те, щоб мати рішення без потреби в конфігурації з певними стандартними підходами. Насправді це не перший такий інструмент в опен сорсі і не обов’язково підійде всім. Але, враховуючи попередній рівень інструментів від автора, варто глянути.
Думаю, спробую це найближчі тижні на декількох пакетах, може, це прибере деякі зайві кроки, які ми робимо. Ну або ні.
https://github.com/colinhacks/zshy
https://x.com/colinhacks/status/1943224100673171930
Думаю, спробую це найближчі тижні на декількох пакетах, може, це прибере деякі зайві кроки, які ми робимо. Ну або ні.
https://github.com/colinhacks/zshy
https://x.com/colinhacks/status/1943224100673171930
GitHub
GitHub - colinhacks/zshy: 🐒 Bundler-free build tool for TypeScript libraries. Powered by tsc.
🐒 Bundler-free build tool for TypeScript libraries. Powered by tsc. - colinhacks/zshy
👍7
Навіть якщо ви займаєтеся тільки UI-частиною, ну тобто Front End, все одно ймовірність того, що час від часу вам потрібен Docker, дуже висока.
На попередньому проєкті для локального середовища мені доводилося піднімати 20+ сервісів у Docker, кілька UI-сервісів, базу даних, здається, навіть Kafka. Ну і для цих задач у мене був Docker Desktop.
Так от, напевно вже 2 роки я щасливий, що забув про нього. Може, за стільки часу там щось покращилося, але на той момент запуск стількох контейнерів вижирав усі ресурси. Тоді я в пошуках рішення натрапив на OrbStack і користуюся ним досі.
OrbStack — це суперлегка альтернатива Docker Desktop, заточена під macOS. Обіцяють оптимізовану файлову систему, низьке споживання ресурсів процесора і багато іншого. А ще класний інтерфейс. Порівняно з Docker Desktop цей просто суперочевидний, мінімалістичний та красивий.
Але треба правильно це розуміти: те, що споживають ваші сервіси, нікуди не зникне — оптимізовано лише саме середовище, UI тощо. Тим не менш, відколи я перейшов на OrbStack, я став щасливішим.
Продукт не є open-source. Безкоштовний для некомерційних задач. А для комерційних — 8 доларів на місяць. Ціна виправдана, як на мене.
https://orbstack.dev/
На попередньому проєкті для локального середовища мені доводилося піднімати 20+ сервісів у Docker, кілька UI-сервісів, базу даних, здається, навіть Kafka. Ну і для цих задач у мене був Docker Desktop.
Так от, напевно вже 2 роки я щасливий, що забув про нього. Може, за стільки часу там щось покращилося, але на той момент запуск стількох контейнерів вижирав усі ресурси. Тоді я в пошуках рішення натрапив на OrbStack і користуюся ним досі.
OrbStack — це суперлегка альтернатива Docker Desktop, заточена під macOS. Обіцяють оптимізовану файлову систему, низьке споживання ресурсів процесора і багато іншого. А ще класний інтерфейс. Порівняно з Docker Desktop цей просто суперочевидний, мінімалістичний та красивий.
Але треба правильно це розуміти: те, що споживають ваші сервіси, нікуди не зникне — оптимізовано лише саме середовище, UI тощо. Тим не менш, відколи я перейшов на OrbStack, я став щасливішим.
Продукт не є open-source. Безкоштовний для некомерційних задач. А для комерційних — 8 доларів на місяць. Ціна виправдана, як на мене.
https://orbstack.dev/
👍9
Розробка третьої хвилі
Навіть якщо ви займаєтеся тільки UI-частиною, ну тобто Front End, все одно ймовірність того, що час від часу вам потрібен Docker, дуже висока. На попередньому проєкті для локального середовища мені доводилося піднімати 20+ сервісів у Docker, кілька UI-сервісів…
А загалом, подумав написати про OrbStack бо побачив твіт його розробника про DNS.
Хороша порада, до речі. Поклав собі так само.
https://x.com/kdrag0n/status/1944922393090163168
Хороша порада, до речі. Поклав собі так само.
1.1.1.1 це Cloudflare DNS8.8.8.8 це Google DNShttps://x.com/kdrag0n/status/1944922393090163168
🤔4👍1💯1
Розробка третьої хвилі
Сьогодні робив рев’ю для друга-дизайнера сайту, який він «навайбкодив». Ми ще поспілкувалися, і він скинув класні референси блогів розробників-дизайнерів. Дуже сподобалася одна стаття: Good vs Great animations. Я взагалі фанат гарно анімованого UI. Але часто…
Emil написав досить надихаючий та мотиваційний пост про його шлях у відому компанію.
Він короткий, тому не буду тут переказувати.
Але, можливо, це надихне і когось з вас на нові звершення 🫶
https://emilkowal.ski/ui/animating-in-public
Він короткий, тому не буду тут переказувати.
Але, можливо, це надихне і когось з вас на нові звершення 🫶
https://emilkowal.ski/ui/animating-in-public
Emil Kowalski
On the importance of sharing your work.
❤3👍2
Сьогодні поділюсь декількома дуже заряженими дизайнами.
Ну і звідки взяв:
https://x.com/halodhimas/status/1945340224407790020
https://x.com/7luyuhang/status/1945190671461064763
https://x.com/designloomco/status/1943372965149639115
Ну і звідки взяв:
https://x.com/halodhimas/status/1945340224407790020
https://x.com/7luyuhang/status/1945190671461064763
https://x.com/designloomco/status/1943372965149639115
🔥6
Мав трошки перерву на особисті справи, але всеодно весь час зберігав цікаві штуки якими хотів поділитись.
Сьогодні покажу декілька:
Сьогодні покажу декілька:
👀3👍1
Досить свіжий інструмент від Microsoft для перетворення різних форматів в Markdown. Головний бенефіт - згодовувати більше інформації для LLM. Берете, наприклад, PowerPoint презентацію і конвертуєте в Markdown, LLM точно краще це зможе зрозуміти.
Ну там ще інші цікаві формати є, наприклад ZIP файли, зображення, аудіо та ютюб посилання.
https://github.com/microsoft/markitdown
Ну там ще інші цікаві формати є, наприклад ZIP файли, зображення, аудіо та ютюб посилання.
https://github.com/microsoft/markitdown
GitHub
GitHub - microsoft/markitdown: Python tool for converting files and office documents to Markdown.
Python tool for converting files and office documents to Markdown. - microsoft/markitdown
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Черговий заряжений сайтик з використанням 3д в браузері.
https://y-n10.com/
https://x.com/d__raptis/status/1944671274023948681
https://y-n10.com/
https://x.com/d__raptis/status/1944671274023948681
👍3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
В твіттері натрапив на якийсь продукт. Я навіть не до кінця розумію яка його функція.
Але, мені сподобалась та єдина сторінка, такий собі канвас з різними елементами.
Глянув всередину, зроблено просто з абсолютним позиціонуванням, але віджети можна рухати.
Симпатично, тільки страшно жере ресурси (чомусь). Кидаю сюди бо загалом цікава візуальна ідея.
https://www.variant.ai/
Але, мені сподобалась та єдина сторінка, такий собі канвас з різними елементами.
Глянув всередину, зроблено просто з абсолютним позиціонуванням, але віджети можна рухати.
Симпатично, тільки страшно жере ресурси (чомусь). Кидаю сюди бо загалом цікава візуальна ідея.
https://www.variant.ai/
👍4
Розробка третьої хвилі
Emil написав досить надихаючий та мотиваційний пост про його шлях у відому компанію. Він короткий, тому не буду тут переказувати. Але, можливо, це надихне і когось з вас на нові звершення 🫶 https://emilkowal.ski/ui/animating-in-public
Не встиг про це написати, але там Emil відкривав доступ до свого курсу з анімації.
На жаль, щоб взяти цей курс тим, хто не встиг, потрібно почекати, поки знову відкриється реєстрація. Не знаю, чому він вибрав такий підхід, але виглядає, що курс оновлюють час від часу і відкривають на певний період.
Курс не лайв, можна пройти в будь-який час, тому я собі його взяв.
А ще можна скористатися Purchasing Power Parity і отримати знижку для регіонів із нижчими зарплатами. Для України знижка була десь 50–60 %, уже забув. Загалом вигідно й приємно — вийшло десь до $100 з ПДВ.
https://animations.dev/
На жаль, щоб взяти цей курс тим, хто не встиг, потрібно почекати, поки знову відкриється реєстрація. Не знаю, чому він вибрав такий підхід, але виглядає, що курс оновлюють час від часу і відкривають на певний період.
Курс не лайв, можна пройти в будь-який час, тому я собі його взяв.
А ще можна скористатися Purchasing Power Parity і отримати знижку для регіонів із нижчими зарплатами. Для України знижка була десь 50–60 %, уже забув. Загалом вигідно й приємно — вийшло десь до $100 з ПДВ.
https://animations.dev/
Animations on the Web
🔥3👍2
Пригадую, як колись давно-давно клав зірочку на репозиторій React Helmet. Потім через якийсь час так само клав її на React Helmet Async — довелося мігрувати.
Але й Async-форк не оновлюється вже більше року і блокує апгрейд на React 19.
Мігрував на сучасне рішення під назвою Unhead. Там підтримка не тільки React, а й багатьох інших рушіїв. А можна й взагалі без жодного — просто викликати функції будь-де.
Гарна документація, справді. Є приклади, хоч я зустрів один застарілий. Пакет досить активно підтримується і має зрозумілий API. Можу рекомендувати!
https://unhead.unjs.io/
Але й Async-форк не оновлюється вже більше року і блокує апгрейд на React 19.
Мігрував на сучасне рішення під назвою Unhead. Там підтримка не тільки React, а й багатьох інших рушіїв. А можна й взагалі без жодного — просто викликати функції будь-де.
Гарна документація, справді. Є приклади, хоч я зустрів один застарілий. Пакет досить активно підтримується і має зрозумілий API. Можу рекомендувати!
https://unhead.unjs.io/
👍4
Думаю, більшість чула про Radix — набір headless-компонентів від WorkOS (насправді від команди, яку вони до себе приєднали; ті раніше займалися компонентами). Там зараз не дуже оновлюється, і є багато старих багів, хоча я особисто не стикався, але вони є в issues.
Ну, коротше, деякі з людей, які колись робили Radix, зараз створюють новий headless-набір, який називається BaseUI. Він ще в бета-версії, але активно розробляється. Ще обіцяють максимально схоже API до Radix, щоб було легше мігрувати.
https://base-ui.com/
Але цей пост я пишу не тільки заради BaseUI. На додачу ділюся стилізованими компонентами на основі BaseUI — називається 9UI. Їх порекомендував сам розробник BaseUI.
По суті, це те саме, що shadcn, але з іншим headless-пакетом. Встановлюється так само, через shadcn registry. Не порівнював кількість компонентів тощо, але це й не обов’язково — за бажанням можна встановлювати окремі компоненти з різних registry без проблем.
Загалом, для нових проєктів можна пробувати, і я напевно буду на пет-проєктах гратися з цим.
https://www.9ui.dev/
Ну, коротше, деякі з людей, які колись робили Radix, зараз створюють новий headless-набір, який називається BaseUI. Він ще в бета-версії, але активно розробляється. Ще обіцяють максимально схоже API до Radix, щоб було легше мігрувати.
https://base-ui.com/
Але цей пост я пишу не тільки заради BaseUI. На додачу ділюся стилізованими компонентами на основі BaseUI — називається 9UI. Їх порекомендував сам розробник BaseUI.
По суті, це те саме, що shadcn, але з іншим headless-пакетом. Встановлюється так само, через shadcn registry. Не порівнював кількість компонентів тощо, але це й не обов’язково — за бажанням можна встановлювати окремі компоненти з різних registry без проблем.
Загалом, для нових проєктів можна пробувати, і я напевно буду на пет-проєктах гратися з цим.
https://www.9ui.dev/
👍5
Думаю, більшість мала чути про Biome — лінтер та форматтер, альтернативу ESLint на Rust.
Але чи чули ви про GritQL? Бо саме цей інструмент і використовує Biome для плагінів та пошуку.
GritQL — декларативна query language, створена для пошуку, лінтингу та модифікацій коду. Вся фішка в синтаксисі, бо будь-який кусок коду — це вже валідна квері. Але можна робити набагато більше, особливо для заміни одного коду на інший, перейменування функцій і т.д.
Простий приклад:
Ну і, як неочікувано, GritQL написаний на Rust.
(Але це, звісно, не панацея. В мене інколи Biome починає їсти всі наявні ресурси)
Але чи чули ви про GritQL? Бо саме цей інструмент і використовує Biome для плагінів та пошуку.
GritQL — декларативна query language, створена для пошуку, лінтингу та модифікацій коду. Вся фішка в синтаксисі, бо будь-який кусок коду — це вже валідна квері. Але можна робити набагато більше, особливо для заміни одного коду на інший, перейменування функцій і т.д.
Простий приклад:
console.log("User logged in");
console.log("Error happened");
console.log($msg) => logger.info($msg)
logger.info("User logged in");
logger.info("Error happened");
Ну і, як неочікувано, GritQL написаний на Rust.
(Але це, звісно, не панацея. В мене інколи Biome починає їсти всі наявні ресурси)
👍3