Фронтенд

Всем привет! Меня зовут Роман, я фронтенд разработчик. Недавно обзавелся участком и столкнулся с большим объемом данных/документов.

Пример проблем:

• Выписка ЕГРН, ГПЗУ, данные по скважине/септику/щитку, планы, договора, все данные были разбросаны по телефону: фото, файлы, заметки и т.д.

• Какой фильтр стоит на скважине (дата установки, инструкция по обслуживанию, параметры)

• Кто и когда ставил ВРУ/трубостойку (контакты)

Решив заняться сортировкой понял: заметки/папки в телефоне это неудобно, а приложения, которое бы точечно решало проблему - не нашел. Поэтому решил создать свое.

Критерии приложения:

• для мобильных устройств

• не требует подключения к интернету

• закрывает все разделы по хранению данных касательно дома/участка.

Критерии по разработке - простота и скорость, отсюда следующее:

• Стек - ts, zustand, expo.

• Архитектура - feature first.

• БД - sqlite + drizzle (indexedDB для web)

• Бэк не делаю, все данные храню локально.

Релиз

После создания MVP и всех своих «хотелок» решаю открыть приложение для всех. Для этого добавляю аналитику Aptabase, формы обратной связи, создаю фотокарточки тут (много шаблонов, бесплатно 1 или 3 экспорта в месяц), придумываю название/лого. Иду публиковать в Google Play и App Store и сталкиваюсь с ограничениями, которые сильно усложняют публикацию при регистрации в Крыму. Расстраиваюсь. Изучаю проблему и ищу обходные пути. Понимаю, что безопаснее и проще будет перейти на PWA. После рефактора под PWA, публикую web версию, публикую Android версию в RuStore, а для iPhone..., инструкцию по созданию ярлыка.

Бизнес-план

Рассматривал два варианта монетизации: подписка на облачное хранение и платное расширение функциональности. Оба варианта требуют бэк, платежной инфраструктуры и подтвержденного спроса, поэтому пока это отложил.

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

Состояние приложения на данный момент

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

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

Спасибо за прочтение!

Сделал для преподавателя английского полезную тулзу 

Она разворачивает превью в списке диалогов ВК

https://chromewebstore.google.com/detail/bhcgokkhbmddhkinfolpiibeiihngbeo

ИИ в финансовой аналитике: от текстового запроса до готового дашборда – за минуты

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

В прямом эфире на реальных финансовых кейсах вы увидите, что умеет ИИ-агент в визуальной аналитике:

• генерировать запросы к данным по текстовому описанию без знания синтаксиса;

• строить дашборд с нуля по одному промпту - ИИ проанализирует запросы и скомпонует экран с итоговым результатом.

Вы убедитесь в том, что сформировать текстовый запрос и самостоятельно создать визуализацию – без написания SQL-запросов, глубокого программирования и без долгих ожиданий – теперь может каждый.

О чем поговорим на вебинаре:

• 11:00 - 11:10 Коротко о платформе визуальной аналитики Digital Q.Sensor BI

• 11:10 - 11:30 Создаем графики и таблицы при помощи ИИ-агента. Визуализируем данные по текстовому описанию

• 11:30 - 11:40 Строим ситуационные центры на основе данных. Настраиваем метрики и алертинг на дашбордах

• 11:40 - 11:50 Вопросы и ответы

Спикер - Данила Ильичев, инженер-аналитик Digital Q.Sensor BI «Диасофт»

Зарегистрироваться на вебинар можно по ссылке

Micropatches | GitHub

Уже давно заметил, что если навигироваться в Obsidian через зажатие стрелок, то через какое-то время появляется жесточайший лаг.

Решил сделать профилирование. Получилось довольно продуктивно. По пути кинул баг-репорты Fakelink и Excalidraw, чтобы они улучшили производительность в конкретных местах. На удивление проблемы решились в тот же день. Видимо, мало кому из разработчиков нравится, когда их плагин тормозит :)

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

В итоге сделал плагин, который это исправляет, а заодно решил превратить его в контейнер для других мелких фиксов и изменений UI.

Сейчас в плагине есть следующие микропатчи:

1. Исправляет лаг при зажатии стрелок

2. Держит курсор примерно в центре для удобства чтения

3. Скрывает светофор на macOS

4. По умолчанию открывает поиск в Bases

5. Убирает анимации в интерфейсе

Если у вас есть идеи, какие ещё можно сделать микропатчи, то буду рад их рассмотреть.

«Не верьте продавцам страха»: поговорили про ИИ и разработку с Тимуром UlbiTV

Недавно в гости на подкаст к нашему техлиду Саше Стародубцеву заглянул фронтенд-мастодонт и автор популярного YouTube-канала и Telegram-сообщества Тимур UlbiTV.

В выпуске ребята обсуждают:

• заменит ли ИИ разработчиков;

• агентов и автоматизацию разработки;

• вайб-кодинг и качество кода;

• найм, стажеров и джунов в эпоху ИИ;

• обучение с ИИ и пет-проекты;

• эволюцию и будущее разработки.

Смотрите на площадках: YouTube | VK Video | RuTube

Раздел "Открытые реестры" сайта ФИПС лежит уже не первый день... интересно - в чем причина...

Причем сам сайт доступен, можно посмотреть каталог свидетельств о регистрации ПО, например... но при попытке просмотра карточки самого свидетельства выходит ошибка...

Иногда выходит 404 от сервера Payara версии 5.193...

посмотрим, поднимется ли он с утра понедельника...

P.S.: понятно, что это не критичный вроде бы сервис и т.п.... но в целом много вопросов в голове возникает на связанные темы об эффективности работы ИТ в бюджетной сфере...

Добавил "галерею фишек" и документацию для акбуры, разумеется галерею написал на самом кастомном dsl

• Репозиторий

• Документация

• Галерея

«Скажите спасибо, что с хлебом останетесь»: почему авторы ИИ-гайдов переходят к снобизму в комментариях?

Знаете ощущение когда сказать, что я "****л" это ничего не сказать?
Такое ощущение у меня возникло от статьи https://habr.com/ru/articles/1064580/ и комментариев автора @Alexey_Begin

При прочтении статьи и комментариев видно как автор унижает разработчиков в ключе "вы ещё не доросли до вайбкодинга". Почему это остатёся на хабре?

Жалоба в саппорт подана. Но удивляет равнодушие и не способность ответить агрессивному инфоцигану. Всем добра и справедливости.

Как я устал от бардака в «Избранном» Telegram и за два вечера запилил бесплатную интерактивную доску (без регистраций и СМС)

Всем привет!

Хочу поделиться историей о том, как лень и раздражение в очередной раз победили систему и заставили меня сесть за код.

Думаю, у многих из вас Telegram давно превратился в помойку из сотен каналов. Полезные статьи, гайды, рецепты, мемы, рабочие задачи — всё это мы обычно скидываем в «Избранное» (Saved Messages). И что происходит дальше? Правильно, «Избранное» превращается в черную дыру. Найти там что-то через неделю — это квест уровня «Индиана Джонс».

Особенно сильно у меня подгорало, когда я листал ленту с телефона в метро, находил сложный чек-лист или рабочую инструкцию, пересылал в «Избранное», а вечером открывал комп и... тратил кучу времени просто на то, чтобы откопать этот пост в каше из мемов и рабочих чатов. Выполнять задачи с экрана телефона — ад, а структурировать это в самом Telegram невозможно.

Мне это надоело. Я хотел простой инструмент: нашел на смартфоне -> скинул боту -> открыл на компе в виде красивых карточек. Посмотрел готовые сервисы — везде просят регистрацию, привязку карт, вылезает реклама или ограничения на 10 постов.

В итоге я психанул, выделил два вечера и написал свой костыль, который неожиданно превратился в отличный инструмент — TG-drop.ru.

Как я это устроил (без заумной архитектуры)

Система работает на связке «бот + база данных + веб-интерфейс». Всё гениальное просто:

1. Вы листаете Telegram на телефоне и видите важный пост (гайд, чек-лист, статью).

2. Пересылаете его моему боту. Бот мгновенно подхватывает его и сохраняет в изолированную таблицу.

3. Вечером вы садитесь за ПК, открываете сайт, вводите свой Telegram ID (он нужен только как ключ, чтобы сайт понял, чьи посты показать) — и перед вами удобная интерактивная доска.

Почему это удобнее, чем просто Telegram?

Я делал проект для себя, поэтому сразу вырезал всё, что меня бесит в современном вебе:

• Никаких регистраций вообще. Никаких вводов почты, подтверждений по SMS и придумывания паролей «с одной заглавной буквой и спецсимволом». Ввел ID — работаешь.

• Живой поиск и фильтры. Когда постов становится много, вы можете искать по ключевым словам прямо в браузере. Всё фильтруется на лету, без перезагрузки страниц.

• Личные заметки прямо на карточках. Можно дописать к посту дедлайн, свои мысли или вычеркнуть выполненные пункты. Текст сохраняется автоматически, как только вы убираете курсор из поля.

• Конфиденциальность. Ваши посты подгружаются динамически. Никто другой вашу доску не увидит.

Кому это пригодится?

Изначально я думал о ребятах из крипты (охотники за Airdrop, тестнеты, DeFi-инвесторы), которым нужно по пунктам выполнять сложные активности с ПК, найдя их в мобильном телефоне.

Но в процессе понял, что штука закроет боли многих:

• Контент-мейкеров и исследователей: собирать выжимки, инсайты и референсы в одном месте.

• Студентов: скидывать материалы для курсовых и дипломов, чтобы потом структурировать на десктопе.

• Да и вообще всех, кто использует Telegram как базу знаний и устал от хаоса в «Избранном».

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

Буду рад здоровой критике в комментариях! Чего вам не хватает в таком функционале? Что стоит добавить в первую очередь?

Фронтенд для души, бэкенд для людей!

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

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

Бэкенд наоборот поддерживает порядок и структурность. Меньше экспериментов и больше проверенных решений, самое то для "сделал работу - пошел спокойно домой".

Вчера был на презентации нового цифрового продукта.

Ребята проделали огромную работу!

• продумали сложную логику,

• разложили систему на огромное количество элементов,

• реализовали возможность доступа к каждому элементу,

• связали все эти элементы в единую систему,

• современный дизайн,

• куча раскрывающихся менюшек,

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

Единственное, что они не сделали - не собрали из всего этого Продукт, которым можно пользоваться. Это решение не про "понятно" и "удобно", а про интеллектуальный вызов!

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

Так вот, чтобы ехать - надо разобраться (инструкцию пока никто не написал) какие детальки откуда и собрать всё это в целостную конструкцию. Смотря на все это великолепие (а ехать то надо) - хочется из "галок и палок" соединить два лежащих колеса в подобие самоката и на толкаче поспешить к нужной цели...

Хай, коллеги!

Около полутора месяцев назад, работая над задачей дообучения локальной модели ИИ, я наткнулся на Modern Web Guidance - сборник руководств (skills - навыков) по современной веб-разработке для агентов ИИ от команды Google Chrome. Ознакомившись со сборником, я понял, что большинство руководств человекам тоже не помешали бы😄 Так появился этот репозиторий. Основная работа над руководствами завершена. Любые исправления, замечания и предложения приветствуются. Пользуйтесь на здоровье и счастливого кодинга!

Свой движок спинтакса: WordPress и Cloudflare Workers

Спинтакс это запись вида {a|b|c}, из которой генерятся вариации текста. Свой движок я допилил дальше базового синтаксиса: переменные #set и %var%, инклуды, условия {?VAR?…}, плюралы {plural %n%: …}, пост-обработка. Не рулетка со словами, а маленький язык шаблонов, где качество вшиваешь один раз.

Движок обкатан в проде на WordPress-плагине: рендерит вариации прямо в полях ACF и в карточках WooCommerce, детерминированно и локально, без внешних API.

Отдельно есть TS-реализация @spintax/core: zero dependencies, работает на Cloudflare Workers, в Node и в браузере. PHP на Worker не занесёшь, а рендерить хотелось на эдже. Обе реализации держу на одной лыже, чтобы не разъехались. В репозитории лежат Worker и Telegram-бот как рабочий пример.

Всё open source

Плагин: wordpress.org/plugins/spintax. Пакет: @spintax/core. Синтаксис и песочница: spintax.net.

Один из топовых генераторов фонов для сайтов, приложений и презентаций стал бесплатным — Paper Shaders открыли исходный код. Теперь проект можно свободно использовать в любых веб-задачах, создавать собственные инструменты, плагины и даже коммерческие продукты, объявил СЕО Paper Shaders.

А вам знакомо ощущение, когда тревога стала постоянным спутником жизни, когда привык к ней и просто перестаешь замечать?

У меня так было, причем очень долго. Последние лет пять тревожность была моей личной проблемой, с которой я пыталась как-то жить. Держала всё в голове, героически молчала, ночью раскручивала сценарии катастроф, гуглила симптомы, пережёвывала рабочие ситуации и делала вид, что всё нормально. Классика жанра: прод горит, но мы уверенно называем это «просто период такой».

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

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

Буду рада, если придёте в комментарии к статье и поделитесь своим опытом. Возможно, для кого-то чужой рабочий способ станет тем самым маленьким действием, которое сегодня не ухудшит ситуацию.

https://habr.com/ru/companies/alfa/articles/1054022/

Дратути!

Только у меня, валенка, зелёно-чёрный блок с "задача упала в спринт" в ленте статей сурово тормозит браузер?

Я бы понял, кабы это только на "устройстве для чтения газет" с 1 Гб ОЗУ и малоизвестным браузером Falcon было. Но и на почти новом смартфоне с 8 Гб и Firefox - заметны подрагивания при прокрутке.

Как этого добились?

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

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

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

Кажется, что квалификация многих новых разрабов, особенно фронтов, сейчас очень низка, также как и тех кто ведёт их найм, и это не в единичных фирмах, я сталкивался с таким в половине мест где я работал.

Также сдаётся мне, что hh совершенно не подходит для поиска работы разработчиком.

В связи с этим хотел бы попросить совета у коллег по цеху, особенно фронтовиков, в форме трех следующих вопросов:
1. Где лучше искать работу, на каком ресурсе?
2. Замечаете ли вы, что hr часто набирают не тех кто реально способен, а тех кто умело врет или красиво улыбается?
3. Стоит ли искать работу фронту или стоит сменить профессию?

Хай, коллеги!

Около месяца назад, работая над задачей дообучения локальной модели ИИ, я наткнулся на Modern Web Guidance - сборник руководств (skills - навыков) по современной веб-разработке для агентов ИИ от команды Google Chrome. Ознакомившись со сборником, я понял, что большинство руководств человекам тоже не помешали бы😄 Так появился этот репозиторий. Большая часть руководств, выбранных мной для перевода и адаптации, уже готова. Любые исправления, замечания и предложения приветствуются. Пользуйтесь на здоровье и счастливого кодинга!

AvitoTech пожалуйста обратите внимание на поведение элементов навигации на одной из страниц. https://www.avito.ru/professionals/tools

Обратите внимание на смену ссылок в левом нижнем углу, а также на поведение элементов при наведении курсора.

Что ещё зафиксировано (на видео нет):

• есть пункты меню "А" и "Б" - при наведении на "А" все работает штатно. По мере приближения к пункту "Б" (когда курсор ещё над "А") начинает подсвечиваться пункт "Б"

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

Буду благодарен за обратную связь и ваши идеи в комментариях

Спасибо за внимание

Что изучить фулстек-разработчику на Python?

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

А сегодня подготовили подборку инструментов, которые стоит изучить начинающим и практикующим Python-фулстек-разработчикам:

— Django.

Помогает создавать сайты и API на Python.

— SQLAlchemy.

Упрощает работу с данными и запросами.

— XML/JSON/YAML/CSV.

Популярные форматы обмена и хранения информации.

— React.

Библиотека для разработки современных интерфейсов.

— PostgreSQL.

Система управления базами данных.

→ Курсы со всего интернета на нашей витрине