Доброе утро, товарищи! 🌞

На выходных я купил велосипед! 🚴‍♂️ Первый во взрослой жизни. Всегда хотел что-то на двух колесах, но после падения с мотоцикла этот вариант для меня под вопросом, а мопед — это вообще как пони вместо коня. А вот велик — другое дело, прям как в клуб вступил.

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

А еще сегодня стартует третья неделя моего эксперимента build in public. Разрабатываю и продвигаю браузерное расширение, и наконец-то добрался до самого интересного — пора писать код. 🚀

🔥 Неделя 3. День 1.

Есть такая книга — “Принципы” Рэя Далио. Ее главная идея — анализ последствий своих действий, корректировка стратегии и превращение этого в систему, которая со временем становится принципами. Пока я так делать не умею, но двигаюсь в этом направлении.

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

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

Обычно в такие моменты я либо зависаю в ТГ, либо разгребаю старые заметки. В этот раз выбрал второе и наткнулся на старые записи по Wildberries, а конкретно по SEO-оптимизации карточек товаров:
📌 Как правильно писать заголовки,
📌 Как формулировать описание,
📌 Как алгоритмы анализируют контент и поднимают карточки в поиске.

Информации о продвижении расширений в Chrome Web Store я так и не нашел, но сделал логичное допущение: механика в целом похожа на SEO в мобильных сторах и маркетплейсах. А значит, большое значение имеет правильный подбор ключевых слов в описании.

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

Раньше я действовал по стандартному паттерну:
💡 Пришла идея → ✍️ Начал кодить → 🤷‍♂️ Думал о продвижении уже после.

А теперь я увидел другой путь:
🔍 Разбираюсь с продвижением → ✍️ Готовлю SEO-оптимизированное описание → 🔨 Потом пишу код.


Так что теперь первым делом займусь упаковкой. Нужно не просто написать описание, а сделать его максимально релевантным для алгоритмов Chrome Web Store.

А уже потом начну кодить. 🚀

#пробую #bip

Ура, я спать 🙃

Доброе утро, товарищи.

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

Сейчас модно говорить о дисциплине, привычках, распорядке. Только вот пока стоял в пробке, осознал: дисциплина – не серебряная пуля. Ранние подъемы и пробежки не приведут к цели, если цель — не пробежать 10 км в 6 утра.

Важно не просто держаться за рутину, а гибко адаптироваться. Иногда лучше сделать максимум из текущих условий, чем фрустрировать из-за пропущенной тренировки.

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

Хорошего дня! 🚀

Неделя 3. День 2.

С утра завал по работе — задачи, встречи, чаты, и вот только сейчас добрался до своего проекта. SEO-оптимизация для Chrome Web Store — процесс не быстрый, но, к счастью, проще, чем на маркетплейсах.

🔹 Semrush автоматом подбирает похожие запросы. На WB я вручную анализировал конкурентов, подбирал ключи, считал вхождения — тут же сервис делает это за меня.

🔹 ChatGPT выдает на английском нормальные описания. Учитывая, что аудитория англоязычная, это сильно экономит время.

Но пока что результатов нет. Главное, что процесс пошел. Надеюсь, сегодня добью этот этап и смогу наконец вернуться к коду. Хотя зная себя… возможно, меня опять занесет куда-то в сторону. 😅

#пробую #bip

Неделя 3. День 3. Разбираемся в расширениях для браузера

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

Миф: расширения — это что-то мелкое и второстепенное.

На самом деле, расширения могут быть невероятно мощными. Они умеют:
✅ Встраиваться в сайты и менять их интерфейс.
✅ Перехватывать запросы, загружать страницы, открывать новые вкладки.
✅ Работать без интерфейса или наоборот — встраивать целые приложения.

Какие бывают расширения?

1. Мини-расширения без интерфейса

🔹 Выполняют одно действие при клике на иконку или пункт в контекстном меню.
✅ Подходят для одной простой функции, не требующей сложного UI.

2. Расширения-сайты

🔹 По клику открывают веб-сайт в новой вкладке.
✅ Привлекают пользователей за счёт SEO в CWS.
✅ Можно выкатывать обновления без модерации.
❗ Модерация запрещает расширения, которые просто открывают сайт — нужен минимальный функционал.

3. Локальные расширения

🔹 Открывают локальную страницу с функционалом в новой вкладке.
✅ Проще проходят модерацию.
❌ Обновления требуют отправки новой версии на проверку.

4. Расширения с попапом

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

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

#пробую #bip

Всем доброе ☀️, а у меня еще и очень бодрое…

Вчера ничего не успел сделать для расширения — решил уложить малую 👧 и сам с ней вырубился 😴. Будильник не поставил, в итоге сегодня проспал все, что можно ⏰💨.

Какая-то очень сумбурная неделя получается, но ничего, еще есть время: сегодня, пятница и даже суббота 📆, чтобы спроектировать, написать и потестить расширение 💻🛠️.

Очень хочу уже вам его показать! 🚀

🔥 Пятница уже здесь, а я всё ещё в безрезультативном вайб-кодинге на JavaScript 😅

Вчера весь день пытал разные LLM-модели своим ТЗ 🤖📜, но пока без особых успехов. Если вдруг интересно, вот оно:

🚀 Проект: Chrome-расширение для OCR

🔍 Что делает?
• Распознаёт текст на изображениях прямо в браузере 🖼➡🔤
• Использует Tesseract.js для OCR 🧠
• Дизайн — Bootstrap Material Design 🎨
• Работает на Manifest V3 🔐

🛠 Как работает?
1️⃣ Нажимаешь иконку расширения 🖱
2️⃣ Выбираешь область с текстом 🔲
3️⃣ Видишь распознанный текст в окошке ✅
4️⃣ Можно скопировать, выбрать язык или закрыть окно 📋

⚡ Стек технологий:
• JavaScript (ES6+)
• Chrome Extension API
• Tesseract.js
• Bootstrap Material Design

🎯 Будущие улучшения:
☁️ Подключение облачных сервисов для улучшения OCR
📂 Экспорт результата в файл

💡 Надеюсь, сегодня и завтра удастся всё допилить и уже показать вам первую версию! 🚀

Неделя 3. День 6. Итоги разработки 🚀

Сегодня наконец-то закончил работу над расширением, которое распознает текст с захваченного фрагмента окна браузера. 🖥️✍️ Это оказалось не таким простым процессом, как я ожидал, так как надеялся найти готовое решение на GitHub, но… почти все решения были на Manifest V2. 😅

Немного о Manifest V2 vs V3

Расширения на обоих манифестах пишутся на JavaScript и общаются с Chrome API, но есть важные различия:
• Manifest V2 использует background script, который постоянно работает в фоне и выполняет основные функции.
• Manifest V3 использует service worker, который включается по мере необходимости, выполняет свои задачи и отключается. Такая архитектура безопаснее, но сложнее в разработке.

Вот тут можно почитать подробнее 👉 Документация по миграции.

Трудности с Manifest V3

Портировать расширение с V2 в V3 можно, но это не всегда просто, особенно если расширение сложное. Я делал довольно замороченное расширение, так как использовал Tesseract.js для OCR, а это портированная версия с C++ в WASM. 🔄

Почему я рад, что начал сейчас

В CWS (Chrome Web Store) до сих пор полно старых расширений на Manifest V2. Chrome обещает их отключить в конце 2024 — начале 2025 года, а первые отключения уже начались. По прогнозам, это может затронуть до трети всех расширений. 🚫

Есть реальный шанс занять пустующие ниши, в том числе у крупных старых расширений с миллионами пользователей. 📈

Полезные ссылки для тех, кто хочет повторить мой опыт:
• GitHub с моим исходным кодом — может быть полезно, если хотите заняться интеграцией service worker и WASM.
• Расширение для просмотра исходников других расширений.
• Расширение для извлечения текста с изображений. (его реверсил)

Легендарное приключение с реверс-инжинирингом

Мои навыки реверс-инжиниринга тоже помогли. Я разобрался, как объединить WASM и service worker в одном проекте, чтобы всё работало быстро и эффективно.

Поделился с вами тем, что получилось. Возможно, кто-то захочет повторить или доработать эту фичу. Удачи! 💪

#пробую #bip

🔥 Grok теперь в Телеге! 🔥

Вы уже видели? Теперь @GrokAI живет прямо в Telegram.

🚀 Из интересного:
👉 Никнейм GrokAI, хотя по правилам у всех ботов должен быть bot на конце. Исключение делают только для коллекционных никнеймов, но у GrokAI обычный занятый ник.
👉 Использует кастомные эмодзи, хотя они тоже только для ботов с коллекционными никами.

😏 Пока это первая версия и не супер мощная, но зато работает прямо в Телеге и бесплатно. Отличная альтернатива ГигаЧату.

🤔 А можно ли его вместо API эксплуатировать через Telephon?

Неделя 4. День 1.

🔥 Наконец-то разобрался с рабочими делами, успел погулять с семьей и вообще, день выдался продуктивный. Пока гулял, в голове крутился главный вопрос: как сделать запуск расширения максимально эффективным?

📌 Разработка — это одно, но без грамотного продвижения в Chrome Store можно остаться с установками в районе «ну мама и друг детства». Почитал англоязычные статьи, поспрашивал нейросетки и понял, что механики бесплатного продвижения не особо отличаются от того, что работает на WB и Ozon.

🚀 План действий на неделю:

🎨 1. Доработка инфографики

Любая карточка продукта держится на визуале:
✅ Маленький баннер (превью в сторе) — это первое, что видят пользователи, значит, его цель увеличить CTR.
✅ Внутренние скрины — должны не просто быть, а показывать ценность расширения, чтобы человек не ушел, а установил.

🔍 2. Оптимизация описания под SEO

Честно? Описание почти никто не читает, но для поисковых алгоритмов оно критически важно. Значит, задача — впихнуть ключи и сделать текст удобоваримым. Примерно так же, как на WB, когда пишут «кружка 500мл белая керамическая кофейная чайная».

🌍 3. Добавление переводов

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

🏠 4. Welcome Page (страница после установки)

Когда человек установил расширение, важно не потерять контакт.
🛠️ Надо купить домен в .com, захостить на GitHub Pages и оформить страничку с инфой, как пользоваться расширением

🔧 5. Довести код до ума

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

⏳ Теперь остается собрать все воедино и выкатить в стор. Буду делиться процессом, так что следите!

#пробую #bip