[{"data":1,"prerenderedAt":250},["ShallowReactive",2],{"api:\u002Fapi\u002Fconfig:ru":3,"api:\u002Fapi\u002Fprofile:":8,"api:\u002Fapi\u002Fcategories:ru":19,"api:\u002Fapi\u002Fprojects\u002Fpixel-wall:ru":171,"api:\u002Fapi\u002Fnotes:ru":229},{"email":4,"lang":5,"name":6,"role":7},"djrciv@gmail.com","ru","Ewsirdev","Веб-разработчик: сайты, лендинги и сервисы на Go",{"name":6,"handle":6,"contacts":9,"note":18},{"email":10,"github":12,"telegram":15},{"url":11,"label":4},"mailto:djrciv@gmail.com",{"url":13,"label":14},"https:\u002F\u002Fgithub.com\u002Fewsir247","github.com\u002Fewsir247",{"url":16,"label":17},"https:\u002F\u002Ft.me\u002FEwsirdev","@Ewsirdev","Contacts: Telegram, GitHub, email. This file is the single source of contacts for the site, the contact block, JSON-LD sameAs, security.txt and llms.txt.",[20,49,80,108,142],{"slug":21,"title":22,"blurb":23,"variant":24,"palette":25,"layout":26,"count":27,"preview":28,"stack":44},"landings","Лендинги","Одна страница, одна задача. Вёрстка без фреймворков, где это возможно, и один WebGL-эксперимент.","ink","cold","shots",6,[29,34,39],{"slug":30,"title":31,"shot":32,"hue":33},"landing-studio","Полутон: студия света","\u002Fshots\u002Flanding-studio-desktop-sm.webp",212,{"slug":35,"title":36,"shot":37,"hue":38},"landing-saas","Рубильник: трекер подписок","\u002Fshots\u002Flanding-saas-desktop-sm.webp",182,{"slug":40,"title":41,"shot":42,"hue":43},"landing-event","Малый масштаб: конференция","\u002Fshots\u002Flanding-event-desktop-sm.webp",124,[45,46,47,48],"CSS","HTML","GitHub Actions","JS",{"slug":50,"title":51,"blurb":52,"variant":53,"palette":54,"layout":55,"count":56,"langs":57,"preview":61,"stack":77},"sites","Многостраничные сайты","Сайты со своей структурой, маршрутами и формами: от клиентского проекта до набора нишевых страниц.","honey","mono","frames",4,[58],{"lang":59,"count":60},"TypeScript",1,[62,67,72],{"slug":63,"title":64,"shot":65,"hue":66},"legal-multipage-site","Многостраничный сайт юридической компании","\u002Fshots\u002Flegal-multipage-site-desktop-sm.webp",250,{"slug":68,"title":69,"shot":70,"hue":71},"niche-landings","Каталог демо-лендингов под 10 ниш","\u002Fshots\u002Fniche-landings-desktop-sm.webp",32,{"slug":73,"title":74,"shot":75,"hue":76},"docs-engine","Сверло: генератор документации на Node.js","\u002Fshots\u002Fdocs-engine-desktop-sm.webp",25,[47,59,78,79],"Vue 3","Astro",{"slug":81,"title":82,"blurb":83,"variant":84,"palette":85,"layout":86,"count":87,"langs":88,"preview":90,"stack":105},"apps","Веб-приложения","Интерфейс плюс сервер: авторизация, данные, письма. Приложения, в которые входят.","beads","warm","phone",3,[89],{"lang":59,"count":60},[91,96,101],{"slug":92,"title":93,"shot":94,"hue":95},"bad-club-booking-app","Bad Club: бронирование мест в игровом коворкинге","\u002Fshots\u002Fbad-club-booking-app-desktop-sm.webp",150,{"slug":97,"title":98,"shot":99,"hue":100},"typing-lab","typing-lab: тренажёр слепой печати","\u002Fshots\u002Ftyping-lab-desktop-sm.webp",45,{"slug":102,"title":103,"shot":104,"hue":100},"budget-split","budget-split: «Поровну», учёт общих расходов","\u002Fshots\u002Fbudget-split-desktop-sm.webp",[59,106,78,107],"Vite","axe",{"slug":109,"title":110,"blurb":111,"variant":112,"palette":113,"layout":114,"count":115,"langs":116,"preview":123,"stack":139},"backend","Бэкенды","Сервисы с API, базой и тестами: в основном на Go, есть и на Python и TypeScript. Фильтр по языку внутри раздела.","ferro","acid","list",14,[117,120,122],{"lang":118,"count":119},"Go",12,{"lang":121,"count":60},"Python",{"lang":59,"count":60},[124,129,134],{"slug":125,"title":126,"shot":127,"hue":128},"kanban-tasks","Янтарь: канбан-доска","\u002Fshots\u002Fkanban-tasks-desktop-sm.webp",344,{"slug":130,"title":131,"shot":132,"hue":133},"link-shortener","Короче: сократитель ссылок","\u002Fshots\u002Flink-shortener-desktop-sm.webp",111,{"slug":135,"title":136,"shot":137,"hue":138},"booking-slots","Запись на приём","\u002Fshots\u002Fbooking-slots-desktop-sm.webp",65,[140,118,141,47],"Docker","SQLite",{"slug":143,"title":144,"blurb":145,"variant":146,"palette":25,"layout":147,"count":87,"langs":148,"preview":152,"stack":168},"cli","CLI-утилиты","Программы для терминала: один бинарник, понятные флаги, код выхода, который можно проверить в скрипте.","film","terminal",[149,151],{"lang":118,"count":150},2,{"lang":121,"count":60},[153,158,163],{"slug":154,"title":155,"shot":156,"hue":157},"gitpulse","GitPulse: аналитика git-репозиториев","\u002Fshots\u002Fgitpulse-desktop-sm.webp",7,{"slug":159,"title":160,"shot":161,"hue":162},"logslice","logslice: анализ логов без зависимостей","\u002Fshots\u002Flogslice-desktop-sm.webp",160,{"slug":164,"title":165,"shot":166,"hue":167},"envguard","envguard: линтер и сейф .env-файлов","\u002Fshots\u002Fenvguard-desktop-sm.webp",35,[169,140,47,170],"CLI","stdlib only",{"slug":172,"title":173,"type":109,"category":109,"lang":118,"kind":174,"live_url":175,"stack":176,"description":183,"highlights":184,"run":189,"hue":190,"og":191,"shots":192,"case":200,"case_lang":5,"prev":222,"next":225,"has_eng":228},"pixel-wall","Пиксельная стена: общий холст","realtime","https:\u002F\u002Fpixel-wall.ewsir.space",[118,170,177,178,179,180,181,182,140,47],"WebSocket","Canvas 2D","Vanilla JS","embed","Binary protocol","Snapshot + journal","Совместный холст 256×256 в духе r\u002Fplace: 16 цветов, кулдаун на сессию и IP, свой WebSocket-слой на stdlib (RFC 6455) с бинарным протоколом (4 бита на пиксель), снимок и дельты, снапшот плюс журнал с восстановлением, таймлапс, зум и пан, мини-карта, экспорт PNG, админ-инструменты. Пет-проект.",[185,186,187,188],"Свой WebSocket (RFC 6455) на stdlib","Бинарный протокол: 4 бита на пиксель","Снапшот + журнал с восстановлением после падения","Таймлапс по журналу изменений","cd pixel-wall && set SEED_DEMO=1&& set ADMIN_TOKEN=secret&& go run .\u002Fcmd\u002Fserver",320,"\u002Fog\u002Fpixel-wall.jpg",{"desktop":193,"desktop_sm":194,"mobile":195,"dw":196,"dh":197,"mw":198,"mh":199},"\u002Fshots\u002Fpixel-wall-desktop.webp","\u002Fshots\u002Fpixel-wall-desktop-sm.webp","\u002Fshots\u002Fpixel-wall-mobile.webp",1280,800,390,844,{"about":201,"features":204,"run":213,"notes":217},[202,203],"«Пиксельная стена» — совместный пиксельный холст в духе r\u002Fplace: 256×256, 16 цветов, один пиксель раз в несколько секунд на сессию. Изменения видны всем сразу по WebSocket, а история сохраняется и проигрывается таймлапсом. Пет-проект.","Только stdlib Go, без зависимостей и CGO; WebSocket-слой по RFC 6455 написан самостоятельно (взят из проекта realtime-rooms), клиент на ванильном JS и canvas встроен через embed. В демо-режиме есть нарисованный арт и несколько ботов, все они честно помечены.",[205,206,207,208,209,210,211,212],"Свой WebSocket и бинарный протокол: клиент шлёт пиксель в 6 байтах, сервер рассылает дельты раз в 50 мс; новый клиент получает сжатый снимок и дальше только дельты","Согласованность: снимок несёт seq, дельта несёт firstSeq, при пропуске клиент переподключается, а медленный клиент с переполненной очередью отключается","Хранение 4 бита на пиксель (256×256 = 32 КиБ), снапшот на диск (crc32, fsync, rename) плюс журнал изменений","Восстановление после падения: снапшот, затем записи журнала с большим seq, недописанный хвост обрезается; битый снапшот восстанавливается из журнала","Кулдаун на сервере на сессию и на IP (скользящее окно), подписанные сессии, rate limit HTTP и WebSocket, проверка Origin, лимиты размеров сообщений и подключений","Таймлапс по журналу: старый цвет в записи позволяет откатывать историю назад без базового снимка; скорости 1×, 4×, 16×","Зум и пан (колесо, щипок, перетаскивание, клавиатура), мини-карта, счётчик онлайна, экспорт PNG и ?embed=1","Админка по токену: очистка области, бан сессии или IP, просмотр последних установок; нагрузочный тест на 300 клиентов без пропусков дельт",[214,215,216],"git clone \u003Cрепозиторий по запросу> pixel-wall","cd pixel-wall","SEED_DEMO=1 ADMIN_TOKEN=secret go run .\u002Fcmd\u002Fserver   # http:\u002F\u002Flocalhost:8103, админка на \u002F?admin",[218,219,220,221],"Всё в одном процессе и на одном диске, горизонтально не масштабируется. Кулдауны, сессии и rate limit живут в памяти и сбрасываются при рестарте (баны сохраняются).","Сессия это идентификатор в localStorage: кто очистит хранилище, получит новую. Защита от простых ботов, а не от целенаправленной атаки с множества IP; за общим NAT лимит по IP делится на всех.","Журнал пишется без fsync на каждый пиксель, fsync раз в 30 секунд: при потере питания можно потерять последние секунды. Клиенту нужен DecompressionStream (Chrome 103+, Safari 16.4+, Firefox 113+).","Автоматических браузерных тестов в репозитории нет, интерфейс проверялся вручную в Edge. Тесты с -race проходят только в CI, Docker-образ не собирался.",{"slug":223,"title":224},"finance-tracker","Книга учёта: личные финансы",{"slug":226,"title":227},"catalog-api","catalog-api: API каталога с поиском",true,[230,235,240,245],{"slug":231,"lang":5,"title":232,"date":233,"summary":234,"project":135,"minutes":60},"double-booking","Двойная бронь: транзакция плюс частичный UNIQUE-индекс","2026-10-20","Как booking-slots защищается от двух клиентов, которые одновременно записываются на одно время, и чем проверяется эта защита.",{"slug":236,"lang":5,"title":237,"date":233,"summary":238,"project":239,"minutes":150},"lease-and-fencing","Lease и fencing: как очередь не теряет задачу и не даёт ей выполниться дважды «зомби»","Воркер может упасть, зависнуть или проснуться, когда его задачу уже забрали. Разбираю, как lease и токен аренды в job-queue решают это в SQLite.","job-queue",{"slug":241,"lang":5,"title":242,"date":233,"summary":243,"project":244,"minutes":60},"p95-nearest-rank","p95 в мониторе доступности: метод ближайшего ранга и чего он не скрывает","Как uptime-monitor считает p50\u002Fp95 задержки и аптайм, почему выбран метод ближайшего ранга и где эти цифры обманчивы.","uptime-monitor",{"slug":246,"lang":5,"title":247,"date":233,"summary":248,"project":249,"minutes":150},"websocket-from-scratch","WebSocket на стандартной библиотеке: что на самом деле происходит под new WebSocket()","Зачем в realtime-rooms написан собственный слой RFC 6455, какие нарушения протокола он проверяет и почему для продакшена всё равно лучше взять библиотеку.","realtime-rooms",1793297827324]