OneCode

Cloudflare написали пост о блокировке в РФ доступа к ресурсам, работающих через Cloudflare. Если коротко: блокировки идут со стороны российских провайдеров, Сloudflare ничего с этим сделать не могут, значит у многих людей будут проблемы с доступом к большой части интернета. Что делать: для своих проектов, которые должны без проблем работать в РФ, можно либо НЕ использовать Cloudflare, либо отключить проксирование в Cloudflare, что по сути одно и тоже - реальный IP адрес сервера будет открыт по домену. Или подключать какие-то другие прокси взамен Cloudflare, что будет скорее всего не так удобно и не так дёшево. Или оставить всё как есть. Это печально.

Разработка с помощью ИИ… С пятницей! 🥳

Медиана — это значение, которое делит упорядоченный по возрастанию набор данных пополам. Половина значений находится выше медианы, а половина — ниже. Как вычисляется медиана •⁠ ⁠Для нечетного количества значений медиана — это средний элемент. Например, в наборе [1, 3, 5, 7, 9] медиана = 5. •⁠ ⁠Для четного количества значений медиана — это среднее арифметическое двух средних элементов. В наборе [2, 4, 6, 8] медиана = (4 + 6) / 2 = 5. Медиана vs среднее значение •⁠ ⁠Среднее арифметическое вычисляется как сумма всех значений, деленная на их количество. Оно чувствительно к выбросам (экстремальным значениям). •⁠ ⁠Медиана более устойчива к выбросам и лучше показывает "типичное" значение в данных. Пример различий •⁠ ⁠Зарплаты в компании: [30k, 35k, 40k, 42k, 45k, 200k] •⁠ ⁠Среднее: 65.3k ₽ (искажено высокой зарплатой) •⁠ ⁠Медиана: 41k ₽ (более репрезентативна) Медиана полезна например для: •⁠ ⁠Анализа времени загрузки страниц — показывает типичный опыт пользователя, игнорируя редкие случаи очень долгой загрузки •⁠ ⁠Анализа продаж — медианная сумма заказа лучше отражает поведение обычного покупателя •⁠ ⁠Метрик производительности — медианное время отклика API более стабильно, чем среднее Медиана дает более надежное представление о центральной тенденции данных, особенно когда есть аномальные значения или данные имеют асимметричное распределение.

- Fontend или Backend? - Weekend! 😄

Хороший повод сменить пароли и включить MFA (дополнительные способы подтверждения), если еще не включено Источник

Кстати, в нашем VIP-канале начали мини-курс по ИИ, в котором делюсь своим опытом - очень интересный материал, имхо. Первое видео (50 минут) уже вышло, второе, будет до конца недели. Рекомендую! 👈

Очередная приколюха с использованием искусственного интеллекта. Сегодня оно писало код для задачи, пока я готовил ужин - результат на картинках. Короче написал ему что нужно сделать и попросил составить план для утверждения. Глядя на план я добавил несколько указаний и сказал начинать. Сам тем временем готовил ужин (жена уехала на море), периодически поглядывая в ноутбук и нажимая enter, чтобы подтвердить очередной шаг. В итоге всё получилось с первого раза, даже ужин! Задача была очень простая, аля CRUD + очереди + автотест, но от этого еще меньше хотелось делать её самому - скучно. Если бы я сделал её сам, а потом пошел готовить ужин, возможно по времени получилось бы плюс-минус тоже самое (хотя в задаче было пару моментов, типа необходимости проверки SSL-сертификата, котоые пришлось бы погуглить). Но намного прикольнее пойти другим путём. Было ощущение, что я на кухне не один, а с другим программистом - джуниором, который сидит за столом, а я говорю ему что делать и шаг за шагом проверяю результат. Работа становится как минимум интереснее.

Не бойся темноты Laravel Nightwatch — это первоклассный глубокий мониторинг и аналитика для приложений Laravel. Именно так называется новый официальный сервис в экосистеме ларки. Суть в том, что мы подключаем его к своему приложению (очень легко) и сразу начинаем видеть информацию о событиях в нашем приложении. - HTTP-запросы: данные запроса, роут и мидлвейры, продолжительность, статус ответа. - Запросы к базе данных: детали запроса, время выполнения, контекст (где находится). - Исходящие HTTP-запросы: запросы от нашего приложения к внешним сервисам (API). - Задачи в очереди: название, время выполнения, очередь, статус, ошибки. - Artisan-команды: история запуска команд по крону или в коде. - Кэш: статистика использования кэша (попадания, промахи и тд). - Логи: все логи приложения с фильтрацией и поиском. - Уведомления: письма и сообщения, из приложения. - Исключения: ошибки со всей нужной информацией. - Статистика сервера (скоро): память, процессор, диск. И конечно общая статистика, например ТОП-10 медленных запросов, или среднее время выполнения, пользователи, графики и другие полезные данные, которые помогают оценить "здоровье" нашего приложения. И всё это связано между собой! Например произошла ошибка и на странице это ошибки в Nithtwatch есть ссылка на HTTP-запрос или задачу в очереди, где произошла эта ошибка, чтобы можно было увидеть весь контекст и другие события, связанные с ошибкой. Есть бесплатный тариф для небольших приложений, а в плантых тарифах лимит выглядят довольно большими. У меня есть приложение в котором генерируется очень много логов и приходится платить за это много денег. Посмотрим что получится с Nightwatch. Конечно мы можем отключить лишние события, чтобы не платить за то, что нам не нужно. Например оставить только логи и ошибки, а мониторинг производительности включать периодически. Лично я ждал этого дня и очень хочу подключить его к одному из проектов, чтобы посмотреть что же там происходит под капотом 😁 На самом деле уверен, что смогу увидеть что-то интересное и полезное - проблемные места и идеи для оптимизации (читай - экономии). Лучше всего посмотреть видео на главной странице, чтобы увидеть эту красоту своими глазами. В мире Laravel каждый день что-то новенькое =)

Недавно вышла бета-версия Filament v4, которую лично я ждал с нетерпением. Это НЕ стабильная версия, которую рано использовать в продакшене, но очень интересно посмотреть что там нового. А нового там реально дофига, что очень радует! Вот лишь малая часть важных моментов на мой взгляд: Ссылки на стрим с разработчиком Filament. Можно включить перевод на русский в яндекс браузере. - Простое обновление: запуск пары команд, которые сделают всю основную работу. - Скорость работы: рендеринг больших компонентов, таких как таблицы с сотнями строк, теперь работает в разы быстрее. - Модальные окна: раньше при открытии модалки перерисовывалась вся страница, а теперь рисуется только сама модалка. - Частичная отрисовка: при редактировании данных в форме можно перерисовывать только часть формы - поля, которые реально должны измениться. - Повторитель в виде таблицы: репитер, который часто используется, получил миниатюрный табличный вариант. - Select с таблицей: для выбора вариантов можно использовать модалку с таблицей и фильтрами. - Редактор контента: мощный расширяемый редактор с кастомными блоками и динамическими данными! Можно использовать в качестве конструктора email-писем или даже страниц сайта. - Унификация компонентов: раньше компоненты, такие как таблицы, формы, инфолисты, действия были разделены, поэтому их сложно было использовать вместе на одной странице. Теперь можно использовать любой тип компонента в любом месте с любым другим компонентом. - Таблицы с любыми данными: теперь в таблицах можно использовать любые данные (например из внешнего API), а НЕ только модели. - Многофакторная аутентификация: подтверждение операций одноразовым кодом (google authenticator, email или своё расширение) и коды восстановления. - Вложенные ресурсы: можно создавать многоуровневую иерархию ресурсов, например, полноценно работать с уроками, которые являются дочерними ресурсами курсов. - И многое другое: tailwind 4, схемы страниц, новые компоненты, новые возможности и улучшения. Дэн Харрин - разработчик филамента, говорит это НЕ более половины от всех изменений. Ознакомиться с другими некоторыми обновлениями можно в блоге Filament. Очень радует, что PHP и Laravel активно развиваются, чего и нам желаю!

Кстати, наушники Apple AirPods Pro после 1,5 часов в стиральной машине работают!

Apple презентовали свой новый дизайн для всех устройств. Он называется Liquid Glass или Жидкое стекло (вспоминается терминатор) - естественное движение, прозрачность, лёгкость и преломление света. Выглядит прикольно, ждём обновления. Нам, как айтишникам, и тем более, разработчкам, надо быть в курсе обновлений от крупных корпораций в смежных областях, таких как дизайн интерфейса. Глядишь новый тренд.

Добрался наконец до Resident Evil Village VR и скажу я вам - это очень прикольно. Пока только начало игры - обучение, судя по которому игра подарит новый крутой опыт. На телеке смотришь и кажется фигня, но в очках всё совсем по-другому. Очень реалистично! Короче всё, в офлайне больше делать нечего! Толи дело тут у нас в онлайнах: технологии, искусственные интеллекты, зомби и всё, что пожелаешь 😁

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

Мой персональный джин джун Продолжаем решать задачи чужими руками с помощью ИИ. Очередная история успеха. Сегодня сел за комьютер и вспомнил, что висит одна задачка - ребята попросили скачать данные из google-таблицы (несколько листов). Сложность в том, что хоть таблица и доступна публично, но разрешено только чтение. То есть я не могу ни экспортировать данные, ни даже раздвинуть ширину колонок, чтобы увидеть данные целиком и сделать хотя бы скриншот страницы. Помимо этого в google-таблицах данные рисуются через canvas, поэтому работа с DOM, включая скролл через JavaScript тоже не помогает. Это всё я уже пробовал вчера, а сегодня решил попробовать дёрнуть данные этой таблицы через Google API. Только нынче НЕ круто сидеть и разбираться в Google SDK, читать документацию и писать код руками XD Несколько лет назад уже связывался с Google Sheets API и больше не хочется. Короче что сделал? 1. Создал новый проект на Laravel (конечно): laravel new google-sheets. 2. Попросил ИИ получить данные таблицы по Google API и экспортировать в CSV мне на рабочий стол. 3. Смотрел как пишется код, создаются сервисы, контроллеры и команды. 4. Получил инструкцию как создать API-ключ и запустить экспорт данных (php artisan). 5. Создал API-ключ, скинул его ИИ и попросил его самого указать ключ в env и запустить команды для экспорта всех листов таблицы. Короче ровно за 20 минут задача решена в лучшем виде без единого косяка и с удовольствием от процесса.

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

По-приколу создал папку на компе и попросил ИИ сверстать страницу. Скинул ему страницы (скриншет из фигмы), написал в какой папке на компе лежат логотип и персонаж, подсказал какие цвета и шрифт использовать. В итоге ровно за пол часа с момента создания папки получился такой результат. Я даже не открывал редактор кода! ИИ создал проект, установил tailwind css, настроил сборку, проверял что получается в браузере. Тем временем я смотрел видосик на ютубе (обзор автомобиля), а вконце сделал несколько замечаний, которые он быстро исправил. Что получилось (до/после/код) смотрите сами. Согласен - НЕ идеально, но считаю, что эксперимент удался.

Книга Getting Real от 37signals (теперь Basecamp) — это манифест о создании веб-приложений, основанный на опыте разработки продуктов компании. Основные принципы Меньше — это больше. Авторы призывают строить простые, функциональные продукты вместо перегруженных возможностями монстров. Лучше сделать несколько функций отлично, чем много — посредственно. Начинайте с интерфейса. Вместо традиционного подхода "база данных → логика → интерфейс" предлагается начинать с дизайна пользовательского опыта. Это помогает сфокусироваться на том, что действительно нужно пользователю. Принимайте решения. Каждая нереализованная функция — это принятое решение. Говорите "нет" большинству предложений и фокусируйтесь на ключевом функционале. Процесс разработки Итеративность. Выпускайте быстро, получайте обратную связь, улучшайте. Не пытайтесь сразу создать идеальный продукт. Маленькие команды. 3-4 человека могут создать больше, чем команда из 10+ разработчиков, благодаря простоте коммуникации и принятия решений. Фиксированное время, гибкий функционал. Устанавливайте жесткие дедлайны, но будьте готовы урезать функции, а не время. Отношение к коду Авторы выступают за простые решения, избегание преждевременной оптимизации и создание кода, который легко понять и изменить. Хороший код — это код, который решает конкретную проблему, а не демонстрирует технические изыски. Книга особенно актуальна для стартапов и небольших команд, которые хотят быстро создавать работающие продукты без излишней бюрократии и сложности.

Сегодня выходной и чувствую желание записывать весёлые видосики Буду выкладывать истории (Stories) в телеграмм, поэтому присоединяетесь @indigoram89 👈

Пересмотрел сам этот урок, блин, как по мне, ваще офигенно! Уверен каждый найдёт что-то полезное для себя и получит вдохновление ❤️ Короче, рекомендосьён 🫵

Ну и новость третья! Как обещал выкладываю одно видео из курса Инструменты эффективного разработчика. Смотреть на YouTube Смотреть на RuTube А в полной версии курса показываю разные полезные программы и фишки при работе, особенно в редакторе кода. Настройки, плагины, хоткеи, советы и тд. Короче, если интересно, то этот и другие курсы можно посмотреть в VIP-канале. PS: не нашел лучше фотки, чем голый на Шри-Ланке. Зато эмоционально.