Неделя 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

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

Сегодня я к вам за советом. 🤝

📌 Инфографика, баннеры и иконки в Chrome Web Store — это первое, что видит пользователь. Если визуал непонятный или скучный, он просто уйдет обратно в поиск, а это минус к поведенческим факторам и ранжированию.

Поэтому я создал дизайн, который отвечает трем критериям:
✅ Простота и понятность
✅ Контрастный фон для привлечения внимания
✅ Минимализм без лишнего шума

🔹 Маленький баннер
Отображается в общем списке расширений. Его задача — сразу зацепить взгляд и дать понять, о чем продукт. Чем он проще и понятнее, тем выше шанс, что пользователь кликнет.

🔹 Большой баннер
Видно уже на странице расширения. Здесь важно не перегружать информацией, а четко донести ценность продукта.

🔹 Обновленные иконки

Еще один важный элемент, который работает на увеличение CTR и конверсии в целом.

⚡️ Хотел сегодня еще сверстать Welcome Page, но пора спать. Завтра продолжу. 😴

💬 Вопрос: Насколько понятно? Что можно улучшить? 🤔 Картинки в комментах 👇
#пробую #bip

Физкульт-привет! 🏋️‍♂️

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

Спортивные заметки:

💥 Чем больше нагружен мозг, тем больше нужно нагружать тело. Лучше всего на свежем воздухе. Поэтому я бегаю и взял себе велосипед.

💥 Две главные составляющие спорта – физическая активность и игра.
1️⃣Первая нужна для выносливости, а значит, для здоровья. Лучше бегать, чем качаться ради банок и протеина.
2️⃣Вторая – это тот самый древний инстинкт «охоты». Футбол, хоккей, баскет, теннис – все это про соревнование и азарт.

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

Альтернатива – единоборства.
Бокс и борьба – тоже игра, но с риском получить фингал.

Вывод: пробовать, искать свое. Нет смысла зацикливаться на чем-то одном, если ты не профи.

На фотке это я, 2008 год, сборы в Новогорске. 🥌🔥

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

Спасибо за фидбек под прошлым постом — все картинки обновил.

Вчера планировал сверстать Welcome Page, но не успел, так что доделал только сегодня. Зачем она вообще нужна? Оказывается, куча пользователей в CWS после установки просто не могут найти расширение.

🔹 Google пару лет назад спрятал новые расширения «под пазл».
🔹 Юзеры не понимают, куда оно делось, и идут обратно в поиск.
🔹 Google видит, что их запрос не закрыт, и пессимизирует расширение.

Решение — Welcome Page, которая сразу после установки объясняет, где найти расширение и как его запустить.

🔥 Вдобавок можно повесить аналитику на Welcome Page, ведь она открывается ровно один раз после установки.

Больше всего времени ушло на вопрос, как хостить страничку. Хотел попробовать GitHub Pages, но сомневался:
• Покупать ли домен и SSL-сертификат?
• Или хватит стандартного гитхабовского хостинга?

Решил вот так → тык 🔗

#пробую #bip

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

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

Короче, психанул и перевел свой экстеншен на 52 языка. Потратил на это кучу времени, а еще начал думать над подпиской на GPT.

А потом после обеда проверял почту и наткнулся на электронный чек за подписку на Semrush. Брал на 2 недели, решил проверить, работает ли. Сделал 2 запроса – и все, дальше “купи подписку”.

Хотел уже закрыть, но стало интересно: сколько людей в России ищут “Извлечь текст из изображения”? Это перевод, который я сделал не глядя, доверившись GPT. Оказалось, что никто.

Тогда попробовал “Картинка в текст” – почти 3К запросов против 0.

Решил провернуть то же самое со всеми языками. Пошел по алфавиту – первый был армянский, но буквы вообще не похожи на латинские, и я подумал: “Надо сократить количество локализаций, которые прогоним через Semrush.”

📌 Идея: найти более популярный локальный запрос, чем “extract text from picture” и чем вариант от GPT.

🔍 Какие языки приоритетны?

Часть 1. Богатые страны + низкая конкуренция
🇩🇪 Немецкий – 130M
🇫🇷 Французский – 321M
🇪🇸 Испанский – 590M
🇮🇹 Итальянский – 60M
🇳🇱 Голландский – 26M
🇸🇪 Шведский – 12M
🇩🇰 Датский – 6M
🇳🇴 Норвежский – 5M
🇫🇮 Финский – 5M

Часть 2. Много носителей + низкая конкуренция
🇸🇦 Арабский – 310M
🇮🇩 Индонезийский – 280M
🇷🇺 Русский – 250M
🇯🇵 Японский – 130M
🇵🇭 Филиппинский – 115M
🇻🇳 Вьетнамский – 100M
🇹🇷 Турецкий – 77M
🇹🇭 Тайский – 70M
🇰🇷 Корейский – 50M

💀 Почти полночь, а я только закончил заниматься локализацией. Надеюсь, это было не зря.

#пробую #bip

Всем доброе утро 🌞, врываюсь в Ghibli тренд

Обновленный редактор картинок появился в ChatGPT всего день назад, но соцсети уже заполонили сделанные в нем мемы в стиле Studio Ghibli — известной японской анимационной студии.