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

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

В этой статье

PhpStorm

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

Стоимость подписки — 199 $ на пользователя за первый год (159 $ за второй, 119 $ с 3-го и далее).

Webstorm

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

Продвижение медцентров и клиник: три кейса о SEO, TikTok и Instagram*

Как получить измеримые результаты в фарммаркетинге.

Показываем на примерах →

Спецпроект

Бесплатный 30-дневный период. Стоимость — 129 $ за пользователя в первый год, во второй — 103 $, начиная с 3-го года — 77 $.

GitLab

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

Есть бесплатный тариф, бизнес пакеты — от 4 $ за пользователя в месяц.

ESLint и StyleLint

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

Бесплатно.

Prettier

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

Бесплатно.

Git

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

Бесплатно.

Docker

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

Есть бесплатный тариф. Для индивидуального пользования — от 5 $ в месяц, для команды разработчиков — от 7 $ в месяц за пользователя.

BrowserStack

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

Доступ к тестированию сайтов в браузерах на компьютере — от 29 $ в месяц, тестирование на компьютерах и мобильных устройствах — от 39 $ в месяц.

MySQL и PostgreSQL

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

Подписка на год — от 141 396 ₽.

Бесплатно.

Rabbit MQ

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

Бесплатно.

Redis

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

Бесплатно.

Elasticsearch

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

Бесплатный пробный период. Дальше — от 16 $ в месяц.

APACHE JMeter

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

Бесплатно.

Lucidchart

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

Редактирование 3 документов — бесплатно. Тариф для индивидуального пользования — от 7,95 $ в месяц, для команды — от 9 $ в месяц на пользователя.

Figma

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

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

Ведение трёх проектов — бесплатно. Тариф для профессионалов — от 12 $ в месяц за пользователя.

Плагин Figma Switor

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

Бесплатно.

UXCrowd

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

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

Есть бесплатный пакет для начинающих. 10 тестов на 10 пользователях — 150 000 ₽ за пол года. Безлимит — 210 000 ₽ за 3 месяца.

Overflow

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

Первый месяц — бесплатно, дальше — от 12 $ в месяц.

Octopus

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

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

Постановка до 10 целей — бесплатно. Каждая следующая цель в среднем — 9 $ в месяц.

Design System Organizer

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

30-дневный бесплатный период, затем — 2,99 $.

ACMA

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

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

Для команды до 5 человек — бесплатно, за каждого следующего члена команды — 500 ₽.

XMind

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

39,99 $ за 6 месяц.

Notion

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

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

Бесплатно для личного пользования. Тариф для команды — 8 $ в месяц за одного пользователя.