Наверное, новость дня: Tailwind лишился ~80% дохода из-за ИИ.

Создатель Tailwind Адам Уотон уволил 75% команды: из 4 человек остался он и еще один разработчик. Почему? Потому что ИИ сломал бизнес-модель проекта.

Tailwind зарабатывал на платных UI-компонентах и шаблонах (Tailwind UI / Plus), которые продвигались через сайт и документацию. Но сейчас разработчики не заходят на сайт - они просто просят нейросети код с нужными компонентами. Это значит:
- людям не нужны страницы с коммерческим предложением,
- трафик на документацию упал на ~40%,
- продажи падают.

Парадокс в том, фреймворк растёт в популярности (75M загрузок/мес, вшит по-умолчанию в Rails, Phoenix, Next.js).

Как итог от Адама:
Простое улучшение документации для LLM не спасёт модель - это только ускорит «опустошение» коммерческих каналов. Сначала нужно пересмотреть бизнес-логику, иначе проект рискует превратиться в популярный, но нежизнеспособный open-source.

——

Что думаете? Действительно ли ИИ виноват или просто выбрана неверная бизнес-модель?

Очередной рубеж на работе пройден - ровно 2 года в компании.

Помню, в декабре мне в личку написал разработчик, который когда-то давно приобретал курс у меня. Сказал, что им нужен человек в команду. Я на тот момент работу целенаправленно не искал, но свое резюме отправил на рассмотрение. А с учетом того, что перед Новым годом редко не очень часто случаются офферы и финтех никогда меня не привлекал - я не думал, что мы смэтчимся.

И так уж сошлись звезды, что и все собесы я пробежал со скоростью Флэша, и команда топ по своим скиллам и софтам, и оффер хороший очень быстро дали… Я не мог не согласиться 🙈

Помню первую рабочую неделю. Мы с семьей были в отпуске в Питере и неделю я ходил по кафешкам, работал в них. И по началу были сложности, а так как человек я импульсивный, то сразу написал моему тимлиду с прошлой работы с вопросом о том, возьмут ли они меня обратно, если что 😃 (привет, Рома 🤝🙈).

Но на деле все оказалось отлично. 1.5 года на P2P, полная переделка платформы и переезд на новый стек. Сейчас новый проект, новые классные задачи и движение только вперед ❤️

Уверен, почти каждый из вас проверял, как работает ваш проект на медленном интернете через Chrome DevTools.

Но еще бывает нередко полезно посмотреть, как и что ломается, если медленно работает (или вообще не работает) какой-то один специфичный запрос. Да, инструменты разные есть, но у Chrome появилась возможно из коробки. Так что можем пользоваться.

https://developer.chrome.com/blog/throttle-individual-network-requests

В продолжении вчерашнего поста.

Довольно популярная статья сейчас на хабре: руководство по Chrome DevTools.

Что есть внутри:
- Что показывает вкладка Elements и как с её помощью править DOM и CSS на лету
- Как использовать Console не только для ошибок, но и для интерактивного JS-взаимодействия
- Возможности вкладки Sources: просмотр/редактирование кода, брейкпоинты, работа с локальными файлами
- Работа с сетью (Network), профилирование (Performance), аудит (Lighthouse) и многое другое

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

Век живи - век узнавай что-то новое.

Те, кто работают с Vue знают (или должны знать), что использование v-html нежелательно - это небезопасно.

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

Лет 5 работаю с проектами, на которых много языков, но не знал про такой подход.

<i18n-t 
  keypath="some_key" 
  tag="p" 
  class="confirm-text">
  <template #date>
    <span class="highlight">
      {{ closingDate }}
    </span>
  </template>
  <template #last_four_digits>
    <span class="highlight">
      {{ lastFourDigits }}
    </span>
  </template>
</i18n-t>

В самом переводе есть ключи, в которые вставляется динамическая информация и их можно с помощью <template/> кастомизировать.

Забирайте в копилочку полезных знаний 😊

Вы им не пользуетесь, а он вышел: jQuery 4.0.

Несмотря на то, что JS стал в разы удобнее в плане работы с DOM (и не только) за последние 10 лет, jQuery все еще широко используется и в лендосах, и в сайтах на Wordpress и т.п.

Пока мы пилим интернет-сервисы, есть и другая сторона разработки 😃

Пару лет пересел с Notion на Obsidian и это было для верным решением.

Сам Obsidian по умолчанию простой как 3 копейки - markdown-редактор для хранения заметок. Но на деле из него можно слепить что угодно, так как существуют большая база плагинов для него. Из тех, которые я сам использую:

- Templater. Автоматизация заметок
Позволяет создавать шаблоны заметок, вставлять дату, переменные, писать JS-логику.

- Code Block Enhancer. Создание блоков с кодом.
Поддерживает большое количество языков.

- Calendar. Тут, думаю, и так понятно. Добавляет календарь в заметки.

- Excalidraw. Возможность рисования в заметках.
Настолько мощный инструмент, что серии видео на YouTube есть для этого плагина.

- Kanban. Канбан-доска. Лично я очень часто использую и в жизни, и в своих проектах.

И для меня есть еще один огромный плюс: все хранится локально. Никто не сможет заблокировать доступ и т.п. Шарить заметки можно со своим смартфоном и там продолжать работать.

Использовали Obsidian? Может поделитесь полезными советами при работе с ним)

И если есть вопросы - welcome)

Без лишних слов: в честь дня рождения скидка 32% на курс по Vue 🙈
До конца завтрашнего дня.

Только по ссылке

А помните я перешел на хайповые Whoop вместо Apple Watch? Ну если не помните, то расскажу.

Ровно 157 дней назад (подсчитать легко - высвечивается в приложении) я купил браслет Whoop, который обещает:
1. Полный контроль над здоровьем (анализ сна, анализ привычек)
2. Помощь ИИ советами, когда стоит много потренироваться, а когда поменьше
3. Без подзарядки 2 недели

В целом, Whoop действительно все это делает. И делает это хорошо. К примеру, он очень точно предсказывает болезнь (3 раза болел за полгода и он точно предупреждал меня за пару дней). Сон тоже помог наладить. Подсказал, какие привычки надо убрать, какие привычки помогают лучше засыпать.

Заряжать раз в недели - тоже кайф.

НО!

По итогу я понял, что фитнес-браслет - это круто, но мне не хватает именно умных часов. С уведомлениями, красивым визуалом (хоть и новая обнова iOS/MacOS/WatchOS довольна спорная).

К тому же оказывается, что в AppStore можно скачать приложения, которые так же с помощью ИИ анализируют данные тренировок, сна, привычки и так далее. Полгода назад они тоже были, но сейчас это более продвинутые инструменты.

Из того, что в Whoop мне действительно не хватало:
- Для бега на беговой дорожке не считаются шаги и т.п. Просто нет такого варианта активности.
- Бегать приходится с телефоном в руке, чтобы следить за пульсом и т.п.

Но это если придраться.

Кто-то сетует на отсутствие русского языка, но это вообще не считаю проблемой лично для себя.

Пока вернулся к яблоку. Была 5 версия, продал пару месяцев назад. Сейчас взял 11. Разницы не сильно много, но экран кажется больше и уже это хорошо)

А вы с чем ходите? Делитесь, интересно)

Не сказать, что я как-то верю в то, что с помощью подобных приложений можно научиться программировать, но все же забавно)

Увидел сегодня приложение Coddy - что то похожее на Dualingo, но для изучения разных языков программирования 😃

Для нового опыта решил «поизучать» Go. Прикольно)

Для тех, кто устал программировать на компе и вместо рилсов хочет это делать на смартфоне - присоединяйтесь 😄

Как на счёт социальной сети, в которой между собой общаются, пишут посты, комментируют, формируют сообщества не люди, а AI агенты? 😃

Moltbook!

Люди могут наблюдать или управлять своим агентом, но не участвуют на прямую в создании контента. Забавно 😄

Первый месяц этого года позади. Ушел я на новогодние праздники раньше, чем большинство, но и начал работать тоже 🙃

Январь был насыщенным. Много работы, интересных задач и день рождения.

Но еще могу похвастаться 6 прочитанными книгами за месяц. Ниже - краткое моё ревью, которое максимально субъективно.

Фредрик Бакман - «После бури»
Очень зашла серия книг про хоккей в выдуманном городе Швеции. 3 части прочитал с огромным удовольствием. Может где-то немного затянуто, но в целом поднимаются важные жизненные темы. И грустных, и веселых моментов немало. После каждой главы хочется начинать новую.

Фредрик Бакман - «Здесь была Бритт-Мари»
Книга про женщину с очень сложным характером, которая всю жизнь жила не для себя, никогда не думала о своих желаниях и считала, что ее мечты ничего не значат. Уйдя от мужа и попав в маленький город начинает работать на первой в своей жизни работе, знакомится с новыми людьми и ищет смысл жизни.
Книга слегка наивная, но не оставляет равнодушным.

Евгений Замятин - «Мы» и Джордж Оруэлл - «Скотный двор»
Обе книги - классика. Обе про борьбу с системой и обе не про хороший конец. На этом сходства заканчиваются.
«Скотный двор» - это политическая сатира и развращении человека властью. Все описано на примере животных на ферме. Читается легко и быстро за пару часов.
А вот «Мы» для меня оказался достаточно тяжелым произведением. Книга написана инженерным языком. Местами интересно, местами - непонятно. Но общий сюжет понятен и оставляет небольшое разочарование в конце. Считается классикой антиутопий, но «1984» и «451 градус по Фаренгейту» оставили впечатления намного сильнее.

Ну и я начал читать трилогию «Голодные игры» от Сьюзен Коллинз. Так уж получилось, что мимо меня прошли и книги, и фильмы. Я ни разу не пожалел, что сначала решил начать с чтения. Прочитал первую часть и «И вспыхнет пламя». Фильмы зашли не так сильно, так как много мотиваций главного персонажа описаны в книге. В кино такое не покажешь. Могу сказать одно - книги отличные. Сложно оторваться. Осталось пару дней чтения на последнюю часть 🙂

Как у вас прошел январь? Что делали, что читали, во что играли?))

1. Когда начнется Скайнет - я могу быть спокойным и расслабиться?
2. Задайте этот же вопрос своему и делитесь в комментах) интересно же))

Сделал небольшой проект для тех, кто работает с Vue или изучает его.

Vue Reactivity Pitfalls - песочница с "подводными камнями" реактивности.

Что внутри:
- короткие кейсы с кликами,
- простые объяснения,
- ожидаемое поведение,
- ссылки на доки.

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

https://vue-reactivity-pitfalls.netlify.app/

Думаю, стоит рассказать, сколько этот проект делался: 3 часа 🧐

На нем я попробовал инструмент от OpenAI Codex.

Я подготовил для AI:
- Четкие кейсы. Не от балды выдуманные, а с которыми хоть раз, но сам сталкивался;
- Описание проекта: цвета, расположение блоков, что и где должно быть.

Все остальное отдал полностью на откуп AI. Ни куска кода не поправил.

Какой вывод? AI хорошо помогает в простеньком MVP (ну, может, не совсем в простеньком тоже). И, честно, он экономит время. Я бы не стал своими руками делать вчерашний проект. Просто не заставил бы себя потратить на это время. Лучше бы пост накатал, хоть и был бы он не такой информативный.

Я уверен, что у большинства из вас есть идеи проектов, но вы их не делаете, так как скучно. Да, именно скучно. Ведь надо:
- Заверстать
- Разметить, что где будет
- Подключить базу данных
- Настроить линтеры
- И т.п.

То есть делать надо то, что делали уже много раз. А любой проект, как правило, хочется не просто сделать, а получить от него новые навыки и знания. И по итогу мы забиваем. Нам просто скучно.

Для меня сейчас AI - это проверка гипотез и отказ от рутины.

Тем не менее, это все равно не замена программистам. Даже такой маленький проект имеет огрехи по коду. А что будет, если проект большой и туда надо правки внести?

Не знаю, как закончить пост 😄 Но делитесь, что для вас AI в работе? Сильно на него надеетесь?

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

На эту тему вчера послушал доклад от Анатолия Попко. Он руководитель группы невизуального тестирования интерфейсов в Яндексе и является незрячим пользователем. Я никогда не видел, как работают с сайтами и сервисами люди с ограниченными возможностями. Работать с таск-трекером БЕЗ монитора — магия какая-то. Очень круто.

Всех нюансов и деталей, которыми делились докладчики, не перечислить, но в общих чертах вот, что я узнал:

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

- Почему важно помнить не только про слабовидящих людей, но и про тех, кто не может работать с мышью и работает с клавиатурой? Как делился выше, была продемонстрирована работа без монитора, об этой стороне лично я особо никогда не задумывался. Было очень познавательно наблюдать за подобным взаимодействием.

- Как тестируют доступность с помощью интеграционных тестов? Если коротко: сначала руками, потом Unit-тесты и далее интеграционные через Playwright. Кстати, расширенные тесты пишут с помощью ИИ.

- Что, кроме правильных тегов, важно учитывать в верстке? То, что важны правильные заголовки и alt к картинкам — это понятно. Но вот то, что даже иконкам в кнопках нужно давать названия, я не задумывался никогда. Ну и не забывать формы делать <form>, прописывать label и подобные атрибуты.

Отдельно понравился рассказ про кейс, когда открывается модальное окно и с помощью клавиатуры можно переходить между элементами именно в этом окне не выходя из него. То есть мы как бы "запираем" модалку и не выходим из нее.

Кстати, вы сами задумывались про доступность? Был ли у вас опыт создания интерфейса под людей с ограниченными возможностями?