# Соедините слои в одном фрагменте

Канонический адрес: https://producthub.live/shape-up/soedinite-sloi-v-odnom-fragmente
Автор публикации: Product Hub (https://producthub.ru). Опубликовано: 2026-10-13. Обновлено: 2026-10-13.
Книга: Ryan Singer (Райан Сингер), «Shape Up: Stop Running in Circles and Ship Work that Matters», Basecamp, 2019. Оригинал: https://basecamp.com/shapeup

Перевод на русский, часть 2 «Получить работающий результат», глава 5 «Собрать первый рабочий фрагмент». Оглавление: https://producthub.live/shape-up

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

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

То же самое с бэкендом. Можно отметить выполненными много задач, но что можно сделать с результатом, если у него нет интерфейса? Как понять, правильно ли реализован конкретный фрагмент бизнес-логики, не взаимодействуя с ним?

![Выполнены отдельные части фронтенда, но ничего не работает](https://producthub.live/assets/books/shape-up/light/p074-01.webp)

![Выполнены разрозненные части фронтенда и бэкенда, но ничего не работает](https://producthub.live/assets/books/shape-up/light/p074-02.webp)

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

![Соединён один вертикальный фрагмент — что-то уже работает](https://producthub.live/assets/books/shape-up/light/p074-03.webp)

Далее: [Пример: клиенты в проектах](https://producthub.live/shape-up/primer-klienty-v-proektakh)