25 инструментов профессионального разработчика. Личный топ Станислава Елисеева, Userstory

Станислав Елисеев, основатель и руководитель диджитал-агентства Userstory, рассказывает, какими инструментами пользуются разработчики в его компании. Сверяйте этот список со своим личным топом и комментируйте!

PhpStorm

PhpStorm используем для написания кода. Эта IDE обеспечивает первоклассную поддержку PHP 5.3/5.4/5.5/5.6/7.0/7.1/7.2, предотвращает ошибки, предоставляет точное автодополнение и безопасные рефакторинги. Встроенные инспекции проверяют код прямо в режиме редактирования и помогают проанализировать весь проект на наличие ошибок и проблем в структуре кода.

Успейте купить корпоративный пакет COSSA-2025 со скидкой!

Cossa анонсирует главный рекламный формат на весь 2025 год: сразу 8 различных опций.

Пакет идеально подходит для онлайн-сервисов, стартапов, интернет-компаний и digital-агентств.

Успейте приобрести пакет до повышения цены!

Webstorm

WebStorm — редактор кода для разработчиков, пишущих на JavaScript. Его можно свободно скачать и сразу начать работать. Мы ценим его за то, что в нём по умолчанию есть всё необходимое для фронтенд-разработки на JavaScript: популярные плагины и фреймворки, мощный анализатор, удобный движок для тестирования кода и современный отладчик приложений.

GitLab

Для проверки кода обычно используем GitLab. Раньше для этих целей пользовались Upsource, но он подтормаживал и стоил денег. У GitLab есть бесплатные версии, которые нас устраивают, и им можно пользоваться, не покидая PhpStorm.

ESLint и StyleLint

Это линтеры для JavaScript, которые находят ошибки в коде, помогают избегать глупых ошибок и бесконечных циклов в условиях цикла for, проверять недоступный код. Они нравятся нам за гибкость и возможность выбрать, какие правила использовать и какой стиль применять.

Prettier

Prettier помогает нашим разработчикам не думать о форматировании — он форматирует код сам. Чистит весь код проекта, легко настраивается под разные нужды, даёт возможность сконцентрироваться на главном. Экономит кучу времени и энергии, которая часто тратится на форматирование. С помощью настроенных правил программисты-новички могут работать вместе с профессиональными разработчиками.

Git

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

Docker

Принцип работы Docker схож с работой виртуальной машины. Он использует свои образы ПО, запускаемые в виртуальной среде, так что нам не нужно создавать полноценные копии операционок. Мы используем его, чтобы наши проекты можно было разворачивать на любой системе.

BrowserStack

Для проведения эмуляций. С помощью этой облачной платформы тестируем веб-сайты и мобильные приложения в браузерах, операционных системах и на реальных мобильных устройствах.

MySQL и PostgreSQL

В качестве системы управления реляционными базами данных в Userstory используем MySQL и PostgreSQL.

Rabbit MQ

Брокер сообщений Rabbit MQ подходит для передачи данных между несколькими сервисами. Поддерживает несколько языков программирования (Perl, Python, Ruby, PHP) и обеспечивает горизонтальное масштабирование для построения кластерных решений.

Redis

Redis используем для кэширования данных, что обеспечивает максимально быстрый доступ к ним. Строки, хэши, списки и наборы хранятся в высокоуровневых структурах данных. Это даёт больше гибкости в отношении типа и объёма информации, которую мы можем хранить.

Elasticsearch

Elasticsearch — масштабируемая утилита полнотекстового поиска и аналитики, которая позволяет нам оперативно в режиме реального времени хранить, искать и анализировать большие объёмы данных.

APACHE JMeter

С помощью JMeter тестируем веб-приложения. Он создаёт симулированную нагрузку на веб-приложение и измеряет его производительность. Можно задавать несколько повторов с циклами и получать усреднённый результат.

Lucidchart

Для совместного создания и редактирования диаграмм и схем используем Lucidchart. С его помощью создаем информационную структуру сайта, отрисовываем схемы компонентов или баз данных. В приложении доступны образцы и примеры блок-схем, UML- и ER-моделей и моделей бизнес-процессов, каркасов или макетов, системных диаграмм, организационных схем, схем связей и сайтов.

Figma

Для создания прототипов сайтов, интерфейсов приложений и обсуждения правок с коллегами в режиме реального времени используем графический онлайн-редактор Figma. Раньше пользовались Sketch и Axure, но нас привлёк набор функций, который есть в Figma. Здесь можно быстро создавать групповые проекты, есть бесплатный тариф для начинающих.

Нам нравится наличие комьюнити внутри приложения с большой открытой базой проектов. Интерактивные прототипы и функция Smart Animate позволяют создавать полное ощущение готового UI. Благодаря открытому API можно мгновенно подтягивать изменения из дизайн-макетов в код. Плюс есть разные удобные плагины.

Плагин Figma Switor

Использование в дизайне тёмной и светлой темы добавляет трудностей с точки зрения перекраски. В ручную это делать долго. Плагин помогает подключать цветовые стили внутри проекта или из другого, и спокойно перекрашивать артборды.

UXCrowd

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

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

Overflow

С помощью Overflow можно демонстрировать user flow на макетах прототипов, экспортированных с Figma, Sketch или AdobeXD. Overflow помогает проставить связи между элементами интерфейса и страницами. Итоговый документ с user flow можно пошерить заказчику, при этом ему не нужно устанавливать дополнительное ПО и регистрироваться — все действия происходят в облаке.

Octopus

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

Пользователи PRO-пакета могут воспользоваться функциональной таблицей для оценки по всем видам работ — дизайну, разработке, тестированию.

Design System Organizer

Помогает переименовывать компоненты, цветовые и текстовые стили в одном месте. Иногда возникают ситуации, когда необходимо поменять название группы компонентов, изменить несколько текстовых стилей, объединить стили в группы. Это проще сделать с помощью плагина и не менять каждый стиль по отдельности.

ACMA

Для постановки задач и контроля бюджета проектов используем собственную наработку — ACMA. Подойдёт всем, кому нужно контролировать выполнение задач в команде. Любая активность разработчика регистрируется с привязкой к задаче в виде отчета с потраченным временем.

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

XMind

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

Notion

Notion — приложение с широкими возможностями. Ведём в нём заметки, работаем с документами, собираем базы знаний, храним базы данных и ведем таблицы. С помощью удобных канбан-досок управляем задачами и проектами.

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