Меня зовут Денис, я бизнес-аналитик. Статья про то, как я построил себе рабочий инструмент — Custom Tool — который живёт прямо в браузере, ничего не требует устанавливать и помогает не забыть ни одного важного вопроса при разборе задачи.

Ссылка на инструмент: denissadykov.github.io/ba-cheatsheet/custom
Всё открыто, бесплатно, без регистрации.

Проблема, которую я решал

Когда берёшь задачу в работу, первый час — самый важный. Нужно понять: что это вообще такое, кто владелец, есть ли риски, что будет критерием готовности, где хвосты.

Раньше я держал всё в голове или наспех записывал в Notion. Проблема в том, что для разных типов задач нужны совершенно разные вопросы:

  • Интеграция: какой протокол? есть ли sandbox? кто владелец API?

  • Баг: какой приоритет? сколько пользователей затронуто? есть ли временное решение?

  • UI/UX фича: есть ли дизайн? как будем тестировать? что говорит аналитика?

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

Что такое Custom Tool

Это веб-приложение на чистом HTML/JS без бэкенда. Всё хранится в localStorage браузера. Три колонки:

  • Левая — список задач

  • Центральная — рабочая область (основное место работы)

  • Правая — скрачпад (открывается/закрывается по кнопке)

На скриншоте: три задачи в левой панели, рабочая область с ответами на вопросы, открытый скрачпад с заметками
На скриншоте: три задачи в левой панели, рабочая область с ответами на вопросы, открытый скрачпад с заметками

Создание задачи: выбор типа

Нажимаешь «+ Задача», вводишь название (обычно номер задачи из Jira + краткое описание) и выбираешь тип:

Тип

Когда использовать

🔌 Интеграция

Подключение внешних систем, API

💾 Миграция данных

Перенос, трансформация данных

🎨 UI/UX фича

Новые экраны, изменение интерфейса

⚙️ Новая функциональность

Бизнес-логика, новые возможности

🐛 Баг / инцидент

Дефекты, инциденты в проде

📋 Общее

Всё остальное

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

Форма создания: название, 6 типов задач, список вопросов для разбора
Форма создания: название, 6 типов задач, список вопросов для разбора

Главная фишка: настраиваемые вопросы

Прямо на этапе создания задачи каждый вопрос можно убрать кнопкой «× Не нужно» — если он явно нерелевантен. Убранный вопрос меняет кнопку на «↩ Вернуть» — можно вернуть передумав.

Также можно добавить свой вопрос в поле «Добавить свой вопрос...».

Это даёт гибкость: не нужно каждый раз видеть одно и то же — подстраиваешь под конкретную задачу.

Убрать или вернуть уже заданые вопросы или создать свои
Убрать или вернуть уже заданые вопросы или создать свои

Рабочая область

После создания задачи открывается рабочий вид. Он разбит на секции:

💬 Вопросы и ответы

Каждый вопрос — это карточка с чекбоксом и полем для ответа. Закрываешь вопрос — он зачёркивается и уходит в «выполненные». Прогресс отображается в шапке задачи и в левой панели в виде прогресс-бара.

Зелёные карточки — закрытые вопросы со зачёркиванием. Прогресс 5/7 виден в шапке и в левой панели
Зелёные карточки — закрытые вопросы со зачёркиванием. Прогресс 5/7 виден в шапке и в левой панели

◆ Критерии приёмки

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

Критерии приемки
Критерии приемки

✅ Решения

Зафиксированные договорённости по задаче — «решили использовать X, а не Y». Ценная штука: через месяц не нужно вспоминать, почему именно такой подход.

Решения
Решения

⚠️ Риски

Всё, что может пойти не так. Хранятся вместе с задачей, видны при повторном открытии.

Риски
Риски

🔗 Хвосты

Структурированные договорённости: Кто / Что сделает / Срок. Три поля на одной строке — удобно фиксировать action items после встречи.

Хвосты
Хвосты

🔀 Зависимости

Что блокирует задачу или от чего она зависит. Обычно сюда пишу номера других задач.

Зависимости
Зависимости

📝 Заметки

Свободное текстовое поле для всего, что не вошло в структурированные секции: ссылки, цитаты из переписки, временные заметки.

Заметки и статус задачи
Заметки и статус задачи

Сворачивание секций

Любую секцию можно свернуть кликом по заголовку — шеврон повернётся. Состояние сохраняется: если свернул риски — они останутся свёрнутыми при следующем открытии задачи.

По умолчанию «Риски» и «Зависимости» свёрнуты — на большинстве задач они либо пусты, либо заполняются редко.

Секции можно свернуть
Секции можно свернуть

Таймер

Каждая задача имеет свой таймер. Запускаешь — он тикает. Переключаешься на другую задачу — таймер первой не останавливается, продолжает идти в фоне. В левой панели рядом с задачей видно время:

  • ▶ 01:42 — таймер идёт

  • ⏸ 01:42 — таймер на паузе

Таймер меняет цвет по мере роста: зелёный → жёлтый (30 мин) → красный (60 мин).

Список задач и фильтрация

В левой панели живут все задачи. Для каждой видно:

  • Название (обрезается если длинное)

  • Тип задачи — цветной бейдж

  • Статус — цветная точка

  • Прогресс вопросов — прогресс-бар и счётчик X/Y

  • Таймер (если запущен или на паузе)

  • Дата создания

Статус задачи меняется прямо из рабочей области: В работе → Закрыто → Заблокировано → В бэклог.

Фильтрация по статусу — кнопки «Все / В работе / Закрыто / Блок / Бэклог» в верхней части левой панели.

Список задач и фильтрация
Список задач и фильтрация

Скрачпад

Кнопка «📝 Скрачпад» в верхнем правом углу открывает боковую панель — свободное текстовое поле, не привязанное к конкретной задаче. Это общее рабочее пространство: сюда можно скидывать ссылки во время встречи, временные заметки, черновики сообщений. Содержимое сохраняется в localStorage между сессиями.

При открытом скрачпаде центральная колонка сжимается — три колонки умещаются на одном экране.

Использование скрачпада
Использование скрачпада

Дублирование и управление задачами

У каждой задачи есть кнопки:

  • Скопировать — скопировать задачу в буфер обмена в текстовом формате (удобно вставить в Jira-комментарий или Confluence)

  • Отправить — отправить в Jira (если подключена интеграция)

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

  • Удалить — удалить задачу

Дублирование и управление задачами
Дублирование и управление задачами

В футере левой панели:

  • ⬇ Экспорт в .md — скачать все задачи как Markdown-файл. Подходит для вставки в Confluence или отправки коллеге

  • 🗑 Удалить закрытые — очистить задачи со статусом «Закрыто»

  • × Очистить всё — полный сброс

Тёмная тема

Кнопка луны/солнца в правом верхнем углу. Тема сохраняется между сессиями.

Темная тема
Темная тема

Технически

  • Чистый HTML/CSS/JS, никаких фреймворков

  • Всё хранится в localStorage — никаких серверов, никаких учётных записей

  • Работает офлайн после первой загрузки

  • Открыт исходный код


Итог

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

Это не замена Jira или Confluence — это то, что происходит до того, как ты идёшь заполнять тикет. Разобрался → зафиксировал → экспортировал.

Попробовать: denissadykov.github.io/ba-cheatsheet/custom

Если есть вопросы или идеи — пишите в комментариях.

Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.
Как вам инструмент «Кастомная заметка»?
40%Отлично2
20%Хорошо1
20%Нормально1
20%Не очень1
0%Очень плохо0
0%Не использовал0
Проголосовали 5 пользователей. Воздержавшихся нет.