Всем привет!
Я периодически пощу в @front_end_dev видосы по разработке с ютуба, добавляя в пост превью из видео. Чтобы скачать картинку, обычно лезу в девтулз и ищу метатег с ссылкой.
Вчера решил, что надо бы экономить эти 5 секунд и потратил 5 часов (профит лучше не считать) на разработку бота и попытки (успешные) вспомнить процесс деплоя с Dokku.
В итоге получился https://news.1rj.ru/str/ytb_cover_bot, которому можно скормить ссылку на видос, шортс или ютуб мьюзик и получить основную превьюшку и несколько альтернативных.
Плюсом накатал инструкцию, как легко и просто катить свои пет-проекты, если делать это с Dokku.
@five_a_m
Я периодически пощу в @front_end_dev видосы по разработке с ютуба, добавляя в пост превью из видео. Чтобы скачать картинку, обычно лезу в девтулз и ищу метатег с ссылкой.
Вчера решил, что надо бы экономить эти 5 секунд и потратил 5 часов (профит лучше не считать) на разработку бота и попытки (успешные) вспомнить процесс деплоя с Dokku.
В итоге получился https://news.1rj.ru/str/ytb_cover_bot, которому можно скормить ссылку на видос, шортс или ютуб мьюзик и получить основную превьюшку и несколько альтернативных.
Плюсом накатал инструкцию, как легко и просто катить свои пет-проекты, если делать это с Dokku.
@five_a_m
Telegram
Cover Download Youtube | TikTok | Instagram
Download thumbnail from Youtube video, Instagram reel, TikTok video or YoutubeMusic
🔥11👍4❤1🥰1
Sleepless tech | Евгений J
Всем привет! Я периодически пощу в @front_end_dev видосы по разработке с ютуба, добавляя в пост превью из видео. Чтобы скачать картинку, обычно лезу в девтулз и ищу метатег с ссылкой. Вчера решил, что надо бы экономить эти 5 секунд и потратил 5 часов (профит…
В догонку пару мыслей про пет-проекты.
За что мне нравятся мелкие проекты, которые можно сделать за пару дней:
1. Забирают не так много сил
2. Быстро проверить, можно ли его довести до конца
3. Не так обидно, если сделал что-то бесполезное
4. Не нужно сохранять мотивацию на протяжении долгого промежутка времени
5. Чувство удовлетворения от завершенного проекта
@five_a_m
За что мне нравятся мелкие проекты, которые можно сделать за пару дней:
1. Забирают не так много сил
2. Быстро проверить, можно ли его довести до конца
3. Не так обидно, если сделал что-то бесполезное
4. Не нужно сохранять мотивацию на протяжении долгого промежутка времени
5. Чувство удовлетворения от завершенного проекта
@five_a_m
❤6👌5👍3❤🔥2
Привет!
Решил настроить получение сертов для wildcard доменов (типа *.jem-art.ru), чтобы все проекты, которые деплоятся через dokku были доступны через https.
В Dokku это делается установкой плагина и выполнением пары команд. Но dokku вертится в докере и при получени сертов вылетает ошибка (
Поэтому я решил пойти по старинке через certbot, но с указанием конкретных поддоменов, а не *.
Как известно, чтобы получить серты важно, чтобы ваше приложение могло отдавать файл, который certbot положит в webroot директорию (которую вы указываете в команде для получения сертификатов). Отдавать надо по урлу
Тут я немного призадумался, что для каждого приложения нужно реализовывать возможность раздачи такого файла и тп. Потом понял, что по факту certbot не важно чтобы именно это приложение отдавало этот файл, а просто любое, пусть хоть сам nginx. Поэтому повесил конфиг редиректа c поддоменов на 80 порту на root /var/www/html;
и готово!)
Решил настроить получение сертов для wildcard доменов (типа *.jem-art.ru), чтобы все проекты, которые деплоятся через dokku были доступны через https.
В Dokku это делается установкой плагина и выполнением пары команд. Но dokku вертится в докере и при получени сертов вылетает ошибка (
dokku docker: open /var/lib/dokku/home/dokku/web-test/letsencrypt/certs/7d5073745feeebbd5fd9b94aed59c12414ecfc41/docker.env: no such file or directory, хотя файл есть), а т.к. в докере я шарю постольку-поскольку, обойти ее я не смог (даже с чатгпт и гуглом).Поэтому я решил пойти по старинке через certbot, но с указанием конкретных поддоменов, а не *.
Как известно, чтобы получить серты важно, чтобы ваше приложение могло отдавать файл, который certbot положит в webroot директорию (которую вы указываете в команде для получения сертификатов). Отдавать надо по урлу
/.well-known/acme-challenge.Тут я немного призадумался, что для каждого приложения нужно реализовывать возможность раздачи такого файла и тп. Потом понял, что по факту certbot не важно чтобы именно это приложение отдавало этот файл, а просто любое, пусть хоть сам nginx. Поэтому повесил конфиг редиректа c поддоменов на 80 порту на root /var/www/html;
location ~ /.well-known/acme-challenge {
allow all;
root /var/www/html;
}и готово!)
👍10👏2
Дебажим веб-приложение на смартфоне (Android)
При разработке PWA или обычных веб-приложений иногда бывает нужно подебажить прод или дев версию на смартфоне. НО КАК?
Вот короткая инструкция:
1. Ставим adb отсюда или через home brew
2. Разблокируем Developer Options натапав 10 раз на меню Версия Сборки в инфе о телефоне
3. В меню Developer Options включаем USB Debug
4. Подключаем смартфон к компу и разрешаем дебаг на уведомлении
5. Убеждаемся что все ок, выполнив
6. Открываем
7. Нажимаем inspect на той, которую хотим дебажить
8. Если нужно открыть приложение с localhost, добавляем port forwarding на нужный порт вашего приложения (например 6000 : localhost:6000). Открываем localhost:6000 на телефоне
9. см. пункт 7
Готово!
Чуть подробнее и с картинками тут!
@five_a_m
При разработке PWA или обычных веб-приложений иногда бывает нужно подебажить прод или дев версию на смартфоне. НО КАК?
Вот короткая инструкция:
1. Ставим adb отсюда или через home brew
2. Разблокируем Developer Options натапав 10 раз на меню Версия Сборки в инфе о телефоне
3. В меню Developer Options включаем USB Debug
4. Подключаем смартфон к компу и разрешаем дебаг на уведомлении
5. Убеждаемся что все ок, выполнив
adb devices в терминале (должны увидеть id устройства в списке устройств)6. Открываем
chrome://inspect/#devices и видим вкладки своего смартфона7. Нажимаем inspect на той, которую хотим дебажить
8. Если нужно открыть приложение с localhost, добавляем port forwarding на нужный порт вашего приложения (например 6000 : localhost:6000). Открываем localhost:6000 на телефоне
9. см. пункт 7
Готово!
Чуть подробнее и с картинками тут!
@five_a_m
Jem Space
Дебажим мобильное веб приложение на Android-смартфоне
Иногда бывает нужно подебажить веб приложение прямо на телефоне для чистоты эксперимента. Google Chrome позволяет подключить смартфон и запустить отладку по USB. Вот пошаговый туториал как это сделать. Для начала скачаем и установим adb (Android Debug Bridge).…
❤8❤🔥3👍2
Instaread: приложение для создания лонгридов для Instagram*
Всем привет!✌️
Сегодня зарелизил небольшое приложение, которое позволяет красиво оформить лонгрид для инсты.
Сам в инсте я часто не торчу, да и тем более лонгриды там не пишу. Но заметил, что те, кто выкладывают большие тексты, используют для этого связку "блокнот + скриншот", что кажется немного неудобным (потому что инста не для этого, кек).
Приложение позволяет юзеру написать текст в редакторе и по нажатию кнопки сгенерить картинки с текстом для карусели. При этом можно настроить шрифт и его размер, а также фон карточек.
Самое сложное было сделать удобный редактор текста на мобилке + подводные камни при работе с html2canvas для экспорта изображений. Хотя, наверно, наврал, самым сложным был дизайн приложения и лендинга, потому что из меня дезигнер так себе.
Зацените https://www.swipe-text.ru
И лендинг зацените https://www.swipe-text.ru/welcome
Фидбек приветствуется!
Всем привет!✌️
Сегодня зарелизил небольшое приложение, которое позволяет красиво оформить лонгрид для инсты.
Сам в инсте я часто не торчу, да и тем более лонгриды там не пишу. Но заметил, что те, кто выкладывают большие тексты, используют для этого связку "блокнот + скриншот", что кажется немного неудобным (потому что инста не для этого, кек).
Приложение позволяет юзеру написать текст в редакторе и по нажатию кнопки сгенерить картинки с текстом для карусели. При этом можно настроить шрифт и его размер, а также фон карточек.
Самое сложное было сделать удобный редактор текста на мобилке + подводные камни при работе с html2canvas для экспорта изображений. Хотя, наверно, наврал, самым сложным был дизайн приложения и лендинга, потому что из меня дезигнер так себе.
Зацените https://www.swipe-text.ru
И лендинг зацените https://www.swipe-text.ru/welcome
Фидбек приветствуется!
🔥5👍2
Sleepless tech | Евгений J
Блед, когда ты думаешь, что это ты долб@ящер и чето напортачил в конфигах на серваке, а оказывается не ты. Ладно, было удобно заюзать кайфовый сервис, поигрались и хватит.
Как отключить ECH для вашего домена на Cloudflare
Если ваш сайт на Cloudflare перестал работать без VPN, то все дело в технологии Encrypted Client Hello, которую включил Cloudflare. Ее можно отключить на платных тарифах в админке, а в бесплатных только если ты хакер.
Сначала проверяем домен на предмет работы ECH так:
https://dns.google/resolve?name=[ВАШ_ДОМЕН]&type=HTTPS
У меня в ответе видно, что включен {"name":"jem-space.ru.","type":65,"TTL":300,"data":"1 . alpn=h3,h2 ipv4hint=188.114.96.1,188.114.97.1 ech=AEX+DQBBHQAgACAhjyy/+kI2j...."}
Идем в https://dash.cloudflare.com/profile/api-tokens и копируем свой Global API Key.
На странице домена внизу справа копируем Zone ID.
Отключаем ECH запросом curl (или постман)
Источник https://habr.com/ru/articles/856602/
Если ваш сайт на Cloudflare перестал работать без VPN, то все дело в технологии Encrypted Client Hello, которую включил Cloudflare. Ее можно отключить на платных тарифах в админке, а в бесплатных только если ты хакер.
Сначала проверяем домен на предмет работы ECH так:
https://dns.google/resolve?name=[ВАШ_ДОМЕН]&type=HTTPS
У меня в ответе видно, что включен {"name":"jem-space.ru.","type":65,"TTL":300,"data":"1 . alpn=h3,h2 ipv4hint=188.114.96.1,188.114.97.1 ech=AEX+DQBBHQAgACAhjyy/+kI2j...."}
Идем в https://dash.cloudflare.com/profile/api-tokens и копируем свой Global API Key.
На странице домена внизу справа копируем Zone ID.
Отключаем ECH запросом curl (или постман)
curl -X PATCH "https://api.cloudflare.com/client/v4/zones/{ID_ZONE}/settings/ech" \
-H "X-Auth-Email: {ACCOUNT_EMAIL}" \
-H "X-Auth-Key: {GLOBAL_API_KEY}" \
-H "Content-Type:application/json" --data '{"id":"ech","value":"off"}'Источник https://habr.com/ru/articles/856602/
Хабр
Как отключить ECH для вашего домена на Cloudflare
Как вы знаете, Роскомнадзор (РКН) заблокировал технологию Encrypted Client Hello (ECH), а Cloudflare неожиданно принудительно включил её для всех пользователей. Это вызвало серьезные проблемы для тех,...
🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
В копилку хаков. Развлекаюсь как могу)
😁7👻2
Привет. Сегодня чета немного стресанул.
Потихоньку пиарю свой генератор лонгридов, периодически захожу его потестить и посмотреть не упал ли. Генерю картинки из примера, а они генерятся и скачиваются больше МИНУТЫ!!!! (чистый кайф 😊) Это с учетом того, что никаких реквестов приложение не отправляет и все делается на фронте.
Запускаю дев сборку, генерация занимает пару секунд. Запускаю прод версию локально, - 30-40 секунд (wat?). Спрашиваю чатгопоты и гугл на предмет того какого хера html2canvas так долго генерит, особо не нахожу ответов, но во всех ишью на гитхабе требование, чтобы баг воспроизводился на неминифицированной версии (как будто на что то намекают).
А по пути натыкаюсь на статьи, что html2canvas давно пора бы заменить хотя бы на html-to-image. Что я и сделал, хотя бы по причине того, что html2canvas падает, если у твоего html элемента есть css с градиентами и css переменными (из за чего мне пришлось извращаться и при генерации картинок заменять css фон с паттернами на его же предварительно сделанный скриншот🤩 ).
Стало работать пошустрее.
Плюсом еще ловил какие то странные перфоманс баги, когда страница без мощного контента загружалась минуту. Тут уж я честно говоря хз, толи я чето напортачил, то ли интернет в России не вывозит загрузку с хостинга из-за бугра.
Ну еще там лендинги на nextjs давали прикурить, но это уже совсем другая история)
Потихоньку пиарю свой генератор лонгридов, периодически захожу его потестить и посмотреть не упал ли. Генерю картинки из примера, а они генерятся и скачиваются больше МИНУТЫ!!!! (чистый кайф 😊) Это с учетом того, что никаких реквестов приложение не отправляет и все делается на фронте.
Запускаю дев сборку, генерация занимает пару секунд. Запускаю прод версию локально, - 30-40 секунд (wat?). Спрашиваю чатгопоты и гугл на предмет того какого хера html2canvas так долго генерит, особо не нахожу ответов, но во всех ишью на гитхабе требование, чтобы баг воспроизводился на неминифицированной версии (как будто на что то намекают).
А по пути натыкаюсь на статьи, что html2canvas давно пора бы заменить хотя бы на html-to-image. Что я и сделал, хотя бы по причине того, что html2canvas падает, если у твоего html элемента есть css с градиентами и css переменными (из за чего мне пришлось извращаться и при генерации картинок заменять css фон с паттернами на его же предварительно сделанный скриншот
Стало работать пошустрее.
Плюсом еще ловил какие то странные перфоманс баги, когда страница без мощного контента загружалась минуту. Тут уж я честно говоря хз, толи я чето напортачил, то ли интернет в России не вывозит загрузку с хостинга из-за бугра.
Ну еще там лендинги на nextjs давали прикурить, но это уже совсем другая история)
Please open Telegram to view this post
VIEW IN TELEGRAM
swipe-text.ru
Instaread. Генератор текстовых каруселей
Создавайте изображения для карусели Instagram* для ваших лонгридов с легкостью. Предварительный просмотр и загрузка готовых к публикации изображений.
👍6🤯4👀3❤🔥1
Ребят, может вы знаете. На какие сервисы можно подарить месячную подписку? Или не месячную.
Глянул всякие образовательные платформы, там только Pluralsight додумался до такой возможности. GitHub со своим Copilot ещё не догадались (видать им деньги не нужны)
Глянул всякие образовательные платформы, там только Pluralsight додумался до такой возможности. GitHub со своим Copilot ещё не догадались (видать им деньги не нужны)
This media is not supported in your browser
VIEW IN TELEGRAM
#release
Ладно ребят, я не хотел вам рассказывать, но...
я монтажёр роликов для тик тока, а не разработчик супер-простого бота
@aiko_tiktok_download_bot для скачивания видосов с тикток без вотермарки.
Ладно ребят, я не хотел вам рассказывать, но...
я монтажёр роликов для тик тока, а не разработчик супер-простого бота
@aiko_tiktok_download_bot для скачивания видосов с тикток без вотермарки.
😁10
#web
Открытие месяца (для меня)
Мобильный сафари не до конца умеет в <input type='file' /> c атрибутом accept, что очень печально. Когда нужно ограничить по mimeType и по расширению, то для iOs придется делать костыль и проверять каждый выбранный файл на клиенте дополнительно (потому что в итоге придется разрешать принимать все файлы).
https://caniuse.com/input-file-accept
🥲
Открытие месяца (для меня)
Мобильный сафари не до конца умеет в <input type='file' /> c атрибутом accept, что очень печально. Когда нужно ограничить по mimeType и по расширению, то для iOs придется делать костыль и проверять каждый выбранный файл на клиенте дополнительно (потому что в итоге придется разрешать принимать все файлы).
https://caniuse.com/input-file-accept
🥲
😭4
Вопрос для печатников. Печать TPU на боудене это —
Anonymous Poll
2%
Миф
12%
Реальность
16%
Треш
71%
Я не понимаю о чем речь
This media is not supported in your browser
VIEW IN TELEGRAM
#fun
Тем временем кофейный аппарат в Ленте перегоняет ваши деньги в байты (битки наверно). Скоро будет богаче чем вы (если не уже)
Тем временем кофейный аппарат в Ленте перегоняет ваши деньги в байты (битки наверно). Скоро будет богаче чем вы (если не уже)
😁8❤🔥2🤮1
#app #dev #release
Всем привет. Меня зовут Женя и я делаю релизы по пятницам.
🎉 Сегодня зарелизили AngrySlots - приложение для селлеров Wildberries, чтобы ловить слоты для отгрузки товаров.
Проект не мой лично, но очень понравилась идея.
Ко мне пришли ребята, которые торгуют на WB и захотели по фану сделать приложение, которое показывает слоты на отгрузку в режиме реального времени.
Для тех кто не торгует на WB (как и я) и не знает, что это за слоты, расскажу.
Если ты серьезный дядя (или тетя) и у тебя большие объемы продаж, тебе нужно отгружать свои товары на склады (чтобы каждый раз в пункт приема заказа не бегать, когда у тебя купили ручку за 30 рублей) и чтоб оттуда уже WB сам отправлял.
НО WB ввел ограничение 🤡 для того чтобы ограничивать загруженность складов - селлерам нужно бронировать слоты для отгрузки товара. А слоты эти могу появиться на 2-3-10 сек и закрыться. И вот большие дяди и тети сидят и долбят F5 в надежде увидеть нужный им слот на отгрузку.
Вот ребята написали бота, который им мониторит эти слоты, а я накидал фронт чтобы показывать табличку и добавлять отслеживания на конкретный склад и сразу открывать страницу брони. Дезигн оставляет желать лучшего, но функционал работает.
От идеи до релиза всего 1,5 недели - это прям то, что я ищу от своих пет проектов. Правда работать приходилось по ночам, что немного выматывает, но на таком сроке терпимо.
Кароч чекните, может будут мысли че поправить (аккуратно, могут быть громкие звуки, это поправится в следующем релизе): https://angry-slots.ru/
Всем привет. Меня зовут Женя и я делаю релизы по пятницам.
Проект не мой лично, но очень понравилась идея.
Ко мне пришли ребята, которые торгуют на WB и захотели по фану сделать приложение, которое показывает слоты на отгрузку в режиме реального времени.
Для тех кто не торгует на WB (как и я) и не знает, что это за слоты, расскажу.
Если ты серьезный дядя (или тетя) и у тебя большие объемы продаж, тебе нужно отгружать свои товары на склады (чтобы каждый раз в пункт приема заказа не бегать, когда у тебя купили ручку за 30 рублей) и чтоб оттуда уже WB сам отправлял.
НО WB ввел ограничение 🤡 для того чтобы ограничивать загруженность складов - селлерам нужно бронировать слоты для отгрузки товара. А слоты эти могу появиться на 2-3-10 сек и закрыться. И вот большие дяди и тети сидят и долбят F5 в надежде увидеть нужный им слот на отгрузку.
Вот ребята написали бота, который им мониторит эти слоты, а я накидал фронт чтобы показывать табличку и добавлять отслеживания на конкретный склад и сразу открывать страницу брони. Дезигн оставляет желать лучшего, но функционал работает.
От идеи до релиза всего 1,5 недели - это прям то, что я ищу от своих пет проектов. Правда работать приходилось по ночам, что немного выматывает, но на таком сроке терпимо.
Кароч чекните, может будут мысли че поправить (аккуратно, могут быть громкие звуки, это поправится в следующем релизе): https://angry-slots.ru/
Please open Telegram to view this post
VIEW IN TELEGRAM
angry-slots.ru
Angry Slots: Бронирование поставок fbo вайлдберриз
Angry Slots: Бронирование поставок fbo вайлдберриз. Бот поставка товаров на склад wildberries.
👍12❤2🔥2