Инструменты, которые помогут вам работать умнее, а не усерднее

Вот несколько инструментов, которые нравятся сообществу разработчиков. Они не нацелены на какую-то конкретную нишу разработчиков, поэтому я уверен, что некоторые из них будут вам полезны.

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

Давайте начнем!

1. Cloudcraft

Cloudcraft предназначен для внутренних разработчиков.

Все, что делают back-end-разработчики, это, кажется, планируют свои back-end, особенно когда это AWS и в игре так много разных сервисов. Но вместо того, чтобы делать их с помощью плоского скучного инструмента для рисования, они могли бы использовать Cloud Craft.

Cloud Craft предоставляет действительно интуитивно понятный интерфейс перетаскивания мышью, позволяющий интегрировать различные сервисы AWS. Он отлично подходит не только для планирования, но и для составления бюджета.

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

К сожалению, пока это только для AWS, но цены для GCP и Azure довольно схожи, поэтому вы все равно можете получить приблизительный бюджет с Cloudcraft.

2. BundlePhobia

BundlePhobia для интерфейсных разработчиков.

BundlePhobia поможет вам «определить стоимость добавления пакета npm в ваш набор». Это означает, что вы можете узнать, насколько добавление пакета npm добавит к размеру вашего пакета. Когда мы работаем над фреймворком внешнего интерфейса, мы всегда стараемся свести размер пакета к минимуму, чтобы оптимизировать начальную загрузку страницы для наших пользователей.

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

3. Фигма

Фигма для дизайнеров.

Figma - отличный инструмент для дизайнеров для создания макетов и дизайна ваших приложений. Если вы уже используете Adobe Illustrator, переход на Figma будет иметь смысл только в том случае, если он предоставит вам в десять раз большую ценность. Что ж, это так!

  • Figma предоставляет вам кроссплатформенные приложения, которые делают ваши проекты доступными для вас из любого места, и вам не нужно находиться на мощном компьютере, чтобы получить к нему доступ. Вам не нужно ничего устанавливать, чтобы начать его использовать.
  • Он использует веб-сборку, которая обеспечивает отличную производительность и эффективность, делая вас более продуктивными, чем когда вы работаете в Illustrator.
  • Это очень продуманное и продуманное приложение, которое даже будет бесплатным для большинства ваших дизайнерских задач.
  • Вы можете создавать прототипы для Интернета, Android и iOS, и он даже предоставляет вам некоторое поведение по умолчанию, опять же, все из веб-приложения.

Когда вы начнете использовать Figma, вы сразу поймете, что эти ребята заслуживают больше, чем ваши 0 долларов в месяц!

4. Бессонница

Insomnia для back-end разработчиков.

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

Независимо от того, создаете ли вы REST или GraphQL API, Insomnia поможет вам. Это позволит организовать весь ваш рабочий процесс, даже если вы работаете в команде.

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

Он также предоставляет отличный редактор intelli-sense для любого из используемых вами API, чтобы помочь вам быстрее писать запросы. Если вы используете GraphQL API с Insomnia, ваша жизнь станет в десять раз лучше!

5. FontFlipper

Fontflipper для дизайнеров.

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

Он также обеспечивает простой, красивый и не отвлекающий пользовательский интерфейс.

6. Расширение VisBug Chrome.

Расширение VisBug Chrome для фронтенд-разработчиков. Ссылка.

Есть много конструкторов веб-сайтов, которые предоставляют вам функцию перетаскивания. Это расширение для Chrome делает разработку пользовательского интерфейса на шаг ближе к этому.

Вы можете получить доступ к каждому элементу DOM вашего веб-приложения.

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

Вы можете сделать все это в своем браузере, не создавая ни единой строчки CSS. Это довольно мощный инструмент, который позволяет намного быстрее создавать дизайн пользовательского интерфейса, который вы хотите. Это сэкономит вам много времени, внедряя дизайн в свой HTML-код CSS и даже отлаживая и проверяя, когда что-то идет не так, как вы ожидали.

Этот плагин требует некоторого обучения, но думайте об этом как об инвестициях в более продуктивное будущее!

7. RIVE

Rive для дизайнеров и разработчиков.

Подобно тому, как Figma помогала вам создавать красивые дизайны, Flare поможет вам создавать потрясающие анимации - подобные тем, которые вы иногда видите в проектах Dribble / Muzli и которые вы не знаете, как кодировать с нуля.

RIVE помогает создавать мощные интерактивные анимации, которые затем можно легко интегрировать в собственный код приложения.

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

Кроме того, он очень хорошо интегрируется с Flutter, что значительно улучшает опыт разработчиков Flutter.

8. МИРО

Миро для команд.

Miro - это, несомненно, самый полезный инструмент для работы и совместной работы команд, даже удаленно.

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

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

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

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

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

Спасибо за внимание!