Скажи: «А давай вот так»
Сохраним то, что работает, и внесём одну твою правку.
Одно изменение легче описать и проверить.
Всё сделал. Мне не понравилось
В первом запросе для «Вместо рилсов» я описал таймер, список дел и случайный выбор. ИИ всё понял и всё сделал. Но выглядело это ужасно, а таймер запускался не так, как мне хотелось.
Его нельзя было поставить на паузу. Своё дело добавить тоже нельзя: был только заранее внесённый список.
Потом я перечитал своё задание. Ни про паузу, ни про добавление дел я ничего не написал. В этом случае ИИ сделал то, что я просил, а там, где не было информации, придумал сам. Я ожидал того, о чём ещё не рассказал.
Тут-то и начинается всё самое весёлое: пробуешь результат и понимаешь, чего именно тебе не хватает.
Это не значит, что любая ошибка — твоя вина. Если кнопка обещает добавить дело и ничего не добавляет, её нужно чинить. А если возможность добавления вообще не была задумана, её нужно описать. Сейчас потренируемся объяснять такую разницу.
Сначала оставь себе путь назад
Пока основное действие работает, сохраним копию файлов. Она пригодится, если следующая правка окажется неудачной.
Отправь в тот же чат до изменения сайта. Заполнять скобки не нужно; после ответа запиши путь к копии в свою заметку.
Перед следующей правкой сохрани копию текущей рабочей папки public в новой папке snapshots/first-working внутри моего проекта. Если такое имя уже занято, создай другую папку с новым именем. Не перезаписывай существующие копии. Напиши точный путь к сохранённой версии и как вернуть из неё сайт. Пока ничего не меняй в public.
Объясни разницу
«Сделай удобнее» оставляет AI задачу догадаться, что тебе мешает. Теперь я могу сказать точнее: «Сейчас есть только готовый список занятий. Хочу поле и кнопку, чтобы добавлять свои дела. После добавления новое дело должно участвовать в случайном выборе». Это пример уточнения, а не дословная запись моего первого диалога.
Сначала назови правку в заметке. В сообщении ниже замени обе фразы в скобках своим наблюдением и желаемым результатом. Затем отправь.
Сейчас [что происходит или что видно]. Я хочу [конкретное новое поведение или вид]. Измени только эту часть. Сохрани остальные действия и структуру статической папки public. Открой обновлённый предпросмотр.
Проверь именно изменение
Повтори действие, ради которого просил правку. Затем ещё раз пройди главный сценарий. Если добавил возможность вводить свои занятия, внеси одно в список и проверь, что выбор по-прежнему работает.
В заметке отметь: «Попросил… Получилось… Главное действие работает». Если результат не подошёл, опиши оставшуюся разницу или открой главу помощи.
Лирическое отступление: когда уже хватит улучшать?
Всегда можно сделать лучше. Подвинуть кнопку, подобрать другой шрифт, добавить ещё одну возможность. Приложение можно улучшать бесконечно. А можно в какой-то момент начать им пользоваться.
Скорее всего, одним раундом правок дело не закончится. Ты попробуешь результат, заметишь что-то ещё и попросишь переделать. Это нормально. Но и сто раундов тебе не нужны просто потому, что где-то ещё осталось несовершенство.
Возможно, твоя штука не очень красиво откроется на умном холодильнике. Или на телевизоре. Или друг с очень старым Android спросит: «А почему на моём телефоне не работает?» Если захочешь, позже добавишь поддержку и его телефона. Но делать это прямо сейчас ты не обязан.
Твоя цель на первый раз — работающая штука, которой достаточно тебе. Она делает то, ради чего ты её придумал, и ею удобно пользоваться на твоём устройстве. Всех возможных ошибок во всех возможных условиях ты всё равно не найдёшь.
Как понять, что пока хватит? Пройди свой обычный путь от начала до результата. Если кнопка не срабатывает, ответ неверный или нужные данные теряются — это мешает пользоваться, исправляем. Если всё получается, а хочется лишь «ещё красивее» или «а вдруг кому-то понадобится», запиши пожелание в «Потом».
Например, в моём сайте выбрать дело и запустить таймер должно получаться. А поддержка холодильника может подождать. Если же ты делаешь штуку специально для друга, его телефон уже входит в задачу — тогда проверим и его.
Не жди, что первая правка решит вообще всё. Но и не закапывайся в правки до того, как хоть раз воспользуешься результатом. В следующей главе проведём короткую проверку, а затем пойдём к публикации. К улучшениям всегда можно вернуться.
По желанию: потренироваться на поехавшей вёрстке
В этой версии расположение элементов испорчено специально. Найди один участок, которым неудобно пользоваться. Опиши, что видишь и как должно быть.
В этом примере ошибка добавлена специально. Найди её, затем сравни с исправленной версией.
Сравнить своё наблюдение с разбором
Поле ввода выходит за край своей карточки, а цифры таймера слипаются. Одной такой проблемы достаточно для точного сообщения.
Поле добавления выходит за правый край карточки «Ваши идеи». Сделай так, чтобы поле и кнопка помещались внутри неё на компьютере и телефоне. Сохрани выбор занятия и таймер.
Покажи исправленную версию и посмотри на тот же участок. В чате своего проекта описывай свою страницу: этот запрос относится к учебному примеру.
Внеси одну собственную правку и сравни результат с запросом.
Готово, когда Ты можешь показать своё изменение, а главное действие осталось рабочим.
Осталось проверить, что сайт выполняет обещание и в чуть менее удобной ситуации.