Cododel.dev | Александр

😁 Перемудрил с вопросом
Но ответ получил

Всё норм, с заказчицей общий язык нашли, за потраченное время и сопровождение оплату получил

Завтра приедет мастер перенастраивать всю сеть

Пр**бался в сетях на фрилансе

Задача была прокинуть порт из интернета в на принтер.
Делается это через маршрутизатор.
Контекста у меня небыло, как и деталей, так что я пошел смотреть WiFi роутер.

Как оказалось, от него не знают пароль, а я находясь за 200км - решил взяться инструктировать сброс роутера.
Сначала долго не могли найти кнопку, но это простительно, хотя и ушло 15 минут...

После сброса - великие боги Keenetic KN-1310 мне сниспослали знак "БЕГИ, СМЕРТНЫЙ!"
Но я не послушал и стал двигаться дальше, не первый раз сложности вижу)
Знак заключался в отсутствии ответа сервера на 192.168.1.1 и 502 Gateway Error на my.keenetic.net
Погуглив - узнал, что это косяк кинетика, так как они повесили на https вебморду. Но в 2020-2021 Let'sEncrypt сменили длину ключа шифрования для своих SSL сертификатов, что привело к поломке получения этого самого сертификата на роутере... Это чинится подключением через telnet, но требует цепляться проводом, а клиентка, естественно в этом не разбирается. (Тут тоже вопросов не имею)
В общем нашел подходящий роутер, съездили купили, воткнули провода, я настроил точку доступа в соответствии с тем, куда ранее подключался рабочий ПК.
- Звонок №2 - перестали работать камеры.
Ну а пробросить порт не вышло, так как озакалось этот роутер подключается к микротику, и настраивать надо порты на нём.

С этого момента я понял что дело пахнет жареным. Без причины. Чуйка. (Не ошибся...)
Внимательно изучив сеть вместе с клиенткой, погоняв ее по лестнице к сетевому шкафчику, и вниз к уличной сети автомойки - удалось выяснить, что внешняя имеет ту же подсеть что и микротик.
А затея была исключительно в том, чтобы найти способ попасть в веб морду микротика, так как на ip маршрутизатора 80 порт ничего не отдает.
Пришлось поставить ей nmap, просканировать сеть, и перепебрать все найденные адреса.
Так я нашел адрес панели, которая нужна была в самом начале.
Спросил пароль, и получил ответ, что пароля нет... 🤯
(Она конечно предложила тоже настройки сбросить, но я отказался принимать учатисте в сбросе настроек и полной перенастройки двух микротиков, у которых забиты все разъемы)

Спрашивал, что вообще с принтером случилось - оказалось что компания Core12, предоставляющая софт для автомоек, предоставляла тех поддержку, но в какой-то момент просто скзала что-то типа "Е*итесь сами." 🙏
А человек, который настраивал всю сетевую мишуру - пропал год назад, и никак с ним связаться не удается.
Цитата: "Козёл Б*ять"

Краткая сводка:
- В общем, и целом - планировалось сделать Port Forwarding на роутере, удалённо и был готов столкнуться с трудностями за 3000 руб. Выделил на это час.
- Через два с половиной часа удалось согласовать 5000р и отправить клиентку за новым роутером
- Через четыре часа оказалось что нет паролей ни к чему, и не предвидится.
- Не хочу денег, хочу спокойствия
Ну а, повторюсь, находясь за 200км от Москвы - я не готов перенастраивать всю сеть, структуры которой я не знаю. Еще и за 5к 🫡

Клиентка сказала завтра кого-то заставила приехать на помощь для решения проблем с паролями.
Информацию, что удалось собрать - выписал и отправил клиентке.
Договорились завтра созвониться, на второй дубль. Надеюсь будут пароли, либо расход.

Ну а вывод я делаю такой:

Никогда не брать работу, связанную с сетями без уточнения полной структуры сети, и списка всех паролей.

Так-то я обычно всё уточняю, но заметил за собой, что слишком много не обязательного уточняю. И сутра перед этим заказом был ярчайший пример, где я 2 часа записывал видео, но клиенту хватило 7 минутного отрезка и он был доволен. Тут я решил подубавить любопытность, за что снова поплатился. Тут нет баланса, тут нужен индивидуальный подход к каждой задаче.

#freelance #опыт #network

Закончил полный цикл разработки Уведомлений на React

Интересный опыт.
Получилось закрыть дыры знаний в CSS анимации и узнать много нового о React.

В с последнего поста:
- Полностью переработана и оптимизирована анимация
- Оптимизирована работа с данными
- Переработан программный интерфейс вызова и работы с уведомлениями
- Разработан провайдер контекста, для возможности использования уведомлений в любом месте приложения
- Исправлена и переаботана структура библиотеки так, что теперь не ломает HMR
- Сохранена возможность использовать библиотеку без использования провайдера контекста

С исходниками можно ознакомиться тут

Позже хочу оформить как полноценную библиотеку и залить в NPM, так что пока просто файлы, без мусора.

#react #JavaScript #TypeScript

И снова React!
Простая библиотека для уведомлений

Сижу подучиваю его, по случаю выхода Tauri v2 из beta!
Rust базово уже знаю, а большая часть работы у меня в любом случае пока ожидается с веб технолиями или фронтом, по Rust я только мелкие задачки буду брать, и делать интерфейс им на React!

Ну а на видео - полностью самописная стилизованная на css modules библиотека, если можно так выразиться.

Довольно интересно было разобраться в том, как я могу хранить состояние без стейт менеджера, и управлять им.

Сначала я чуть не изобрел заново Class Components, при этом не используя реальные классовые компоненты, и даже заставил это вё дело работать.
Под шумок смог реализовать возможность вызова экземпляров класса, будто это функция, как в PHP и Python.
Выложил сниппет в gist.
Достаточно вернуть toCallable(this) из конструткора любого класса, и реализовать ему метод call

Но меня остановил TypeScript, когда я уже смог типизировать абсолютно все свои извращения, но он мне не дал возможности создать тип, который бы представлял из себя смесь объекта и функции.
За что я его люблю, это за две вещи:
• Сильно прокачивает IDE, в плане подсказок кода (и AI ассистенты гораздо лучше тебя понимают)
• И ты если пошел не в ту сторону, если в своем уме, в процессе поиска решения и постоянного рефатокринга, рано или поздно задумаешься "А прав ли я?"

ЗЫ.
Исходники выложу если попросите.

#react #JavaScript #TypeScript

Интересный график, как ускоряется AI с 50х годов, раньше удвоение было каждые 2 года, теперь раз в пол года. При этом языковые модели появились ещё в 50е и мы сейчас видим как появление ресурсов ускорило технологии середины прошлого века.

#AI #LLM

А вот и первые плоды от постинга на Pikabu

Пришли уточнения к посту о Влиянии железа на результаты работы нейросетей⁠⁠😃

UnknownUsers
Ну не совсем.

1. Если памяти гпу не хватает, то вполне часть слоев можно крутить на процессоре в оперативной памяти. Например при использовании LLM studio.

2. Влияние железа на ответы есть, но в этом случае они настолько незначительно, что можно считать что их нет. Существует такая штука как коррекция ошибок, одна из причин существования линеек профессиональных видеокарт.

Снова пробую JetBrains

Но снаружи прилетел запрет на его использование.
Они сами отказались от нас.

Так что не вижу ничего зазорного в том, чтобы намеренно перестать им платить.

Я этим гайдом воспользовался 😎

Дзен меня активно игнорирует

Ничего интересного не произошло.
Даже показов постов не дают.

А в поддержке снова подписка и призыв привлекать аудиторию из вне.

Органику не дают короче говоря.
ДАЖЕ, для алгоритмов!
Как итог - имеем редкие показы, которые должны попасть четко в человека что напишет комментарий и лайкнет.
Тогда, может быть, алгоритмы через время могут начать показывать посты в ленте.

Не знаю, как у других получается, но у меня хоть и не характерный для дзена контент, но его много. И весь он имеет 0-5 показов в ленте и 0 просмотров (чаще и показов 0)

Вот ответ поддержки, кому интересно: (кликабельно)

Здравствуйте!

Уточнила информацию по вашему каналу «WSCode» (https://dzen.ru/ws_code) - с ним все в порядке, нарушений нет. Также я ознакомилась с материалами канала - с ними тоже все в порядке, они свободно транслируются в ленту Дзена.

Вижу, что условия для начала подбора релевантной аудитории были выполнены. Системе может потребоваться некоторое время, чтобы определить охват для вашего контента. Помимо этого канал только начинает развиваться и набирать подписчиков. Важно работать над увеличением количества подписчиков, так как подписка является самым сильным сигналом для алгоритма рекомендаций о том, что пользователь заинтересован в контенте. В самом начале показов может практически не быть — это нормально. Чтобы найти новых подписчиков, можно поделиться ссылкой на свой канал в соцсетях, чатах, на тематических форумах и других платформах.

Регулярно выпускайте публикации и затрагивайте в них актуальные для аудитории темы. Если пользователи будут активно взаимодействовать с контентом (дочитывать, лайкать, подписываться и т.д.), количество показов может увеличиваться. Если пользователи взаимодействуют с публикациями мало или не взаимодействуют вовсе, публикация может так и не набрать ожидаемых охватов.

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

Прикрепляю несколько полезных ссылок, которые помогут вам в работе с каналом:

Как сделать блог более узнаваемым: https://clck.best/84jeb
Когда просить аудиторию подписаться на канал?: https://clck.best/jlwxv
Материал не набирает просмотры. Что с ним может быть не так?: https://clck.best/tu3gq

Если у вас остались какие-либо вопросы — обращайтесь! Мы с удовольствием поможем.

Алеся

✦ Команда Поддержки Дзена

💬 Отслеживание сетевой активности и переходов между страницами в SPA

При создании инъецируемых скриптов для сайтов, использующих архитектуру SPA (Single Page Application), может возникнуть потребность отслеживать переходы между страницами или перезагрузки элементов. Из-за динамической подгрузки контента через AJAX и Fetch, события DOMContentLoaded или load будут бесполезны.

Для инъецируемых скриптов, хорошим решением будет отслеживать состояние радиомолчания (network idle). Оно наступает, когда все сетевые запросы завершены, и сеть на некоторое время «замолкает». Подобное поведение полезно, если нужно запустить код только после того, как пройдут все запросы или после перехода на другую страницу, чтобы реинициализировать скрипт.

💻 Пример сценария использования

Представьте себе, что вы хотите внедрить кнопки, виджет или другую логику на странице, которая должна запускаться после перехода на новую страницу в SPA-приложении. В этом случае подойдет отслеживание network-idle, чтобы понять, когда контент страницы загрузился.

🤫 Как это работает

1. Инициализация счетчика активных сетевых запросов.

Сниппет отслеживает все сетевые запросы на странице (Fetch и XMLHttpRequest) с помощью PerformanceObserver. Каждый раз, когда начинается новый сетевой запрос, счетчик activeRequests увеличивается.

2. Обработка завершения запросов.

После завершения запроса activeRequests уменьшается, и проверяется состояние сети. Если активных запросов не осталось, через 500 мс на объекте window генерируется событие network-idle.

3. Использование события network-idle.

На это событие можно подписаться, чтобы выполнять нужные действия, как только страница завершит все сетевые активности и будет готова для следующей операции.

4. Задержка перед генерацией события.

Задержка в 500 мс добавлена, чтобы устранить "шум" случайных срабатываний и убедиться, что действительно наступило состояние радиомолчания.

📞 Важно:

• Модификации роутов в SPA. Если у вашего SPA-приложения не используются сетевые запросы при изменении маршрутов, дополнительно можно привязаться к событиям history.pushState и popstate.

• Очистка обсерверов. Не забывайте отключать обсерверы, чтобы избежать утечек памяти, если ваш скрипт прекращает свое действие при определенных условиях.

🫡 Заключение

Этот сниппет помогает организовать логику на основе сетевых событий в инъецируемых скриптах для приложений с динамическим роутингом, позволяя учитывать состояние “радиомолчания” и гарантируя, инъецируемые скрипты выполняются после прогрузки страницы, а также помогает перезапускать инъецируемый скрипт при переходах между страницами.

🖼️ Ознакомиться со сниппетом можно на GitHub Gist.

#JavaScript

Скрипт для кинопоиска

Как вам такое?

UPD.
— Адаптировал под SSR
— Добавил кнопок на страницы со списками
— Добавил поддержку сериалов
— Заменил текст в кнопке на иконку
— Доработал стили, сделав адаптивными вне зависимости от цвета фона

До этого работало только при прямом переходе на страницу извне, либо после перезагрузки страницы
И только на фильмах

Вот более развернутая демонстрация

Используется для того, чтобы вручную ссылки не переписывать и фильмы смотреть даже те, которых нет в KinopoiskHD
На Кинопоиске по сути все фильмы есть, его как поисковик и каталог использую, а смотрю на другом сервисе.
Только теперь это в интерфейс самого кинопоиска вписал.

#JavaScript

Поясняю за «Кододельню»

Прошел успешный и детальный брейншторм 🫡

Channel name was changed to «Кододельня [ex. WSCode]»

Channel name was changed to «WSCode | Кододельня»

Channel name was changed to «WSCode | Технолавка»

Предлагаю ознакомиться с примером будующего контента.

Сделал ремейк этой же темы, но чуть серьезнее подошел к производству. (Чуточку)
🖼️ Смотреть видео

UPD:
Мне все еще не нравится результат, я считаю что лучше делать хоть какие то шаги с их анализом, чем никаких, или сразу большие.
Двигаюсь от меньшего к балансу

Скачал Arc браузер
Оказалось, они не только перепридумали то как выглядеть браузер может, и переосмыслили закладки.
Так еще и плотную интеграцию с AI делают, при том довольно круто получается.

Поставил его дефолтным вместо Chrome на ноуте и вместо Safari на телефоне.
Выглядит прям по красоте, не зря прошли в финал Apple Design Awards 2024.

Пока не буду сотрясать воздух, слышал о багах, но пока мне он очень нравится.
Удалось даже попросить его найти фильм посмотреть, и он мне прям сразу на lordfilms открыл нужную страницу сам 🤩

А еще можно делать такие крутые скрины как на втором изображении.

Точно знаю, AI в полную силу работает на MacOS и iOS. На Windows - лишь на полшишечки.
А мобильная версия так вообще даже и не совсем браузер, а прям AI поисковик с функционалом браузера.
Притом есть режим "Звонка", в котором можно побеседовать с ассистентом, в том числе на русском.

Штука странная. Технологичная. Эстетичная. Бесплатная 😀
Пока просто вывалил сумбурно первые впечатления, позже постараюсь это сделать качественнее.
И скорее всего в видеоформате, так как из актуального нашел только 2-х месячной давности видос на английском.

Оф. Сайт браузера (Смайла с его иконкой у меня нет)
🌐 Крутой видос о браузере [ENG]

Одна из проблем, которую я активно сейчас решаю:

Всегда выходит сложнее чем надо…

Не усложняйте, пацаны 🫡