Secret Code

👍 С первым днём лета всех

👋 Вышло обновление Telegram 10.13 Глобальный поиск по хештегам, эффекты отправки сообщений, перемещение подписи к картинке вверх и не только уже доступно для всех пользователей

👟GPTs теперь для всех GPTs — это каталог заранее настроенных GPT-чатов. Они умеют генерировать решения математических задач, проводить собеседования, создавать презентации и так далее. Ранее доступ был только для пользователей с подпиской на ChatGPT Plus. Такое мы юзаем?

🆒 Cloudflare шифрует данные с помощью лавовых ламп В офисе Cloudflare есть стена из 100 лавовых ламп. Эти лампы помогают генерировать случайные числа для шифрования данных. Почему это важно? Языки программирования предоставляют псевдослучайные числа, которые предсказуемы и могут быть взломаны. Лавовые лампы же создают настоящие случайные числа, что значительно повышает надежность защиты данных. Псевдослучайные генераторы случайных чисел (ПСГСЧ) работают на основе начального состояния (сида). Эти генераторы детерминированы: зная сид, можно предсказать все последующие значения. Взлом ПСГСЧ возможен, если злоумышленник узнает или угадает сид либо алгоритм генерации.

Недавно столкнулся с проблемой при разработке мини-приложения для 🌐 ВК. Эти приложения отображаются на десктопе в iframe, и при нажатии на кнопку копирование текста не работало. Появлялась ошибка: Permissions policy violation: The Clipboard API has been blocked because of a permissions policy applied to the current document. Так я узнал, что iframe достаточно изолированы от основного документа. Разработчики ВК разрешили использование следующих функций через «allow»: geolocation, microphone, camera, autoplay. Однако взаимодействия с буфером обмена здесь нет. Я думал, что решить проблему не удастся, но нашел обходной путь:

const textarea = document.createElement("textarea")
textarea.value = value!
textarea.style.position = "fixed"
document.body.appendChild(textarea)
textarea.select()
try {
    document.execCommand("copy")
} catch (err) {
    console.error("Unable to copy text to clipboard:", err)
}
document.body.removeChild(textarea)

В этом коде создаётся поле ввода текста, в которое подставляется нужный текст для копирования. Поле добавляется в тело документа, содержимое выделяется, копируется и удаляется из документа. Вероятно, таким способом нельзя скопировать изображение, но для копирования текста при ограниченном доступе к Clipboard API этот метод вполне подойдёт. 💬 А как вы справляетесь с подобными проблемами? Поделитесь своим опытом и решениями в комментариях!

jscpd — поиск дубликата кода Ну и вот вам ещё одна софтинка, которая помогает искать копи-паст в JS и TS Хорошо работает и имеет множество настроек

🧹 Чистка зависимостей Если у вас есть проект, разработка которого идёт не один год, то вы непременно столкнётесь с тем, что в коде проекта есть неиспользуемые файлы, зависимости, экспорты Для чистки такого вам может помочь утилита Knip. Хорошо настраивается, утилита активно развивается. Работает с JS и TS

👟GPT-4o, конечно, прекрасно, но она теперь модель по умолчанию. Чтобы переключить на GPT-3.5 нужно дождаться ответа, либо прервать его написание и переключиться на модель 3.5. А если продолжить разговор, то снова включится GPT-4o… очень «удобно», особенно когда 4o в некоторых сценариях справляется хуже и дольше 👍

🔎 Глобальный поиск по хештегам в #Telegram В данный момент, нажав на хештег в посте, можно найти посты с этим хештегом как из этого канала, так и из других каналов, в которых вы состоите. Дуров анонсировал поиск постов по определенному хештегу во всех публичных каналах. Будет доступно позднее в этом месяце. Думаю, это повлияет на то, как пользователи будут находить каналы по интересам. С одной стороны, это хорошо, но не хотелось бы видеть беспорядок из хештегов, как в других соцсетях. Ждём? Или не очень?

👟Модель GPT-4o обещали сделать доступной для всех бесплатно. Она у меня сегодня появилась в приложении как раз. Пользовались ею уже в своих целях? 👀

Советую посмотреть это видео в котором подробно рассказывается про новый 👩‍💻 React Compiler и что же он там всё-таки делает

👩‍💻 Начало новой эры Реакт Ну, лично мне так кажется. На React Conf представили React Compiler (ранее React Forget) — новый экспериментальный компилятор, который выложили в открытый доступ, чтобы получить первые отзывы коммьюнити. Пока не для продакшена, конечно же. Возможно, сегодня вы знакомы с ручной мемоизацией с помощью useMemo, useCallback и React.memo. Компилятор может автоматически сделать это за вас, если ваш код следует правилам React. Если он обнаружит нарушения правил, то автоматически пропустит только эти компоненты или хуки и продолжит безопасную компиляцию остального кода. Подробнее

В Фигме наконец появились адекватные разделители между страницами 👍

Смягчение углов в 🎨 Фигме (corner smoothing) — это ещё одна фича, которая есть в Фигме, но не имеет аналога в CSS В Фигме углы объектов можно сгладить с помощью функции "Corner smoothing" (Сглаживание углов). Это позволяет сделать внешний вид элементов более плавным и эстетичным. Для использования этой функции: 1. Выберите объект или группу объектов, у которых вы хотите сгладить углы. 2. Перейдите в панель свойств объекта справа. 3. Найдите раздел с настройками закруглений. 4. В этом разделе вы увидите параметр "Corner smoothing". Переместите ползунок вправо, чтобы увеличить степень сглаживания углов. Но дизайнерам советую не использовать в макетах сайтов смягчение углов на фреймах, которые разработчик должен будет сверстать. Однако в иконках и иллюстрациях эту функцию можно применять без затруднений, поскольку они вставляются в виде статичных элементов, не требующих верстки. Прошлый пост о том, что ещё не рекомендуется использовать в Фигме, можете прочитать здесь.

🔎 Быстрый поиск в VS Code Чтобы искать совпадения в файлах можно воспользоваться поиском в боковой панели, но теперь можно это делать в поисковой строке

Unsplash Wallpapers — обои на каждый день Иногда у меня наступает такой период в жизни, когда просто хочется постоянно видеть новые обои на рабочем столе. Unsplash Wallpapers прекрасно справляется с этой задачей. Есть возможность настроить частосту смены обоев и выбрать подборки.

👍 Мелочь, но приятно Чтобы удалить расширение в 📝 VS Code теперь не нужно перезапускать всё приложение. Достаточно перезапустить только плагины.

👟 OpenAI и Stack Overflow теперь сотрудничают В рамках этого сотрудничества: ▪️OpenAI планирует использовать OverflowAPI от Stack Overflow для улучшения производительности своих моделей, сотрудничая с компанией. Это позволит OpenAI улучшить свои искусственные интеллектуальные модели за счет расширенного контента и обратной связи от сообщества Stack Overflow. ▪️Stack Overflow будет использовать модели OpenAI в рамках разработки OverflowAI. Это партнерство поможет Stack Overflow расширить возможности разработки технологий с использованием коллективных знаний. В последнее время у 👩‍💻 StackOverflow есть проблемы с количеством пользователей на сайте и контентом, который публикуется пользователями. Трафик StackOverflow упал на 35%. Это может быть связано с тем, что разработчики стали более чаще использовать ChatGPT для исправления багов.

Dark Reader — это неотъемлемое расширение для моего браузера. Его основное предназначение — активация тёмной цветовой схемы на веб-сайтах, которые её не поддерживают. В расширении предусмотрено множество настроек для тонкой настройки цветовой гаммы. Это расширение бережёт мои глаза в ночное время, когда я снова и снова попадаю на сайты без темной темы. Интересно, что некоторые сайты даже имеют поддержку тёмной темы, но её нужно включать вручную. Внедрение тёмной темы на веб-сайт на уровне системы может увеличить конверсию.

Arc выкатили в открытый доступ свой браузер для 👩‍💻 Windows 11 Для десятой Винды поддержку добавят позже 😊 — arc.net/download