Comments 34
Не могли бы вы еще попросить chatGPT сгенерить докер файл под SSR, с соответствующим nginx конфигом?) А то что-то перешел на 17 версию и не совсем понимаю как это все в докер)
Я изначально хотел сюда же добавить и Back-End разработку (.NET 8), и docker-compose с nginx где всё это закидывается. Потом понял, что много времени уйдёт, а тема не факт, что зайдёт народу. Теоретически да, возможно это сделать, в принципе, вы можете сами поэкспериментировать. Сеть не такая глупая, как кажется. Хотя информация в ней, зачастую, устаревшая, и она будет упорно предлагать вариант решения, который уже легаси, так как в своё время не обработала новые доки. Этот недостаток имеет место.
Возможно ChatGPT 4.5 и сгенерит то, что вам нужно.
А вообще, в Angular 17 все осталось как и было. Никаких изменений в nginx не требуется. Единственное universal стал частью ядра и это вносит некоторые изменения в сервер.
А сколько по времени занял весь процесс ?
И какие этапы разработки делаются быстрее, чем руками ?
Конкретно этот процесс занял около 6 часов, но у меня и без того мало опыта в Angular
Без помощи GPT, думаю, занял бы часов 12 или даже больше
Конкретно помогло в организации готовых функций, вроде "вернуть ошибку, если не найдено", для которых сначала надо нагуглить соответствующие команды из языка, далее оформить
В данном случае просто берём готовый кусок, глазами просмотрели - оно. Вставили
Вместо 10-15 минут итого около 30 секунд, и так почти на каждую операцию
Некоторые вещи, ту же таблицу, например, пока будешь руками прописывать, замучаешься, просто не успеешь набить все стили, даже если знаешь, как это делать
А куда этот сайт потом ваш пошел ? На сайте только пара простых страничек.
Их по времени быстрее чем за 6 часов можно собрать мне кажется.
Если готовый продук нужен за 10 минут можно wordpress какой нибудь взять.
Вы ведь дизайн на откуп ИИ отдали. Чем от вордпреса отличается ?
Никуда он не пошёл (кроме хранилища), потому, что не является законченным продуктом. Там даже элементарно нет авторизации. Мне просто стало интересно написать его именно с помощью Gpt, чтобы проверить, как он справляется с работой в фреймворке Angular, который ему, по идее, малознаком. И, действительно, многие инструкции он даёт для устаревших версий (14-15), просто потому, что ещё не ознакомился с обновлениями во фреймворке.
Рано или поздно ИИ убьёт web разработку как таковую,. Думается что и html тоже исчезнет как древний формат файла, созданный еще во времена модемного доступа к сети. Все приложения будут типа десктопных, показываемых вам по сети подобно с удалённого виртуального компьютера. Все стремится к упрощению и мне кажется что развитие ИИ приведёт к кардинально у изменению Интернета.
прекрасно справляется с возложенными на него задачами
Вот чеклист, что должен уметь даже самый захудалый интернет-магазин:
Вёрстка должна быть responsive
Всякие сеошные штуки: метатеги title и description, микроразметка.
Фильтрация и сортировка товаров в категории
Поиск
Картинки на странице товара должны увеличиваться. Соответственно, бэкенд должен уметь делать ресайз картинок.
Импорт товаров из Excel (xls, xslx, csv - на выбор)
Скидки: скидка на товар в денежных единицах, скидка на товар в процентах, скидка на заказ при превышении определённой суммы заказа, "купи А получи Б в подарок"
Доставка, например до Х рублей доставка платная, а потом бесплатная.
Возможность редактировать информацию из админки. К примеру, если у магазина сменится номер телефона, владелец сайта должен в админке поменять номер телефона только в одном месте, а новый номер выведется сразу в хэдере, футере, на странице товара, на странице контактов, оформления заказа, в письме с подтверждением заказа.
Отсылать письма с подтверждением заказа.
Интересно, как ChatGPT с этим справится.
Так проверьте и узнаете.
Вы, видимо, не поняли, что мой вопрос был риторический. Суть в том, что код, полученный автором, не является не то чтобы интернет-магазином, он даже не отвечает минимально приемлемым критериям HTML-макета. И если делать реальный магазин, то легче начать с нуля, чем вот это переделывать.
Видал я код и похуже, в развернутом проекте...
Дело не в качестве кода, а в том, что он практически ничего не делает. Это то же самое, что сделать HTML-страницу с двумя инпутами: логин и пароль, и сказать типа смотрите, я сделал соцсеть.
Ну это же макет...
Макет без адаптивности, без слайдера на главной, без увеличивалки картинок. Вообще без ничего. Я в своё время сделал больше десятка разных интернет-магазинов. Так вот, в процессе создания реального интернет-магазина нет такой стадии, на которой может потребоваться такой вот скетч на ангуляре. Вот это вот всё обычно заказчик рисует ручкой на бумажке, потом дизайнер в какой-нибудь фигме делает такую раскладку прямоугольничков на этапе утверждения ТЗ для создания дизайна.
А то, что получилось у автора больше похоже на контрольную работу на начальном этапе курсов, где требуется сверстать пару примитивных страниц с единственным требованием, что код должен быть валидным. Мол смотрите, я умею закрывать теги, умею флекс в цсс и понял синтаксис js.
Так. Что-то прям захотелось сделать с нуля на Angular с Symfony руками, а потом сравнить с тем же, как бы это сделал ChatGPT. Надо выбрать время.
А поддержкой всего того, что он нагенерил тоже он будет заниматься? Есть ли возможность скормить ему его же код и попросить добавить новую функцию?
Это же нужно целый день направлять бота командами, чтобы он сделал приложение. Ужас какой. Надеюсь, скоро мы придём к простым командам типа "сделай мне сайт с каталогом фото-техники, с возможностью регистрации и покупки, размести его на хостинге, продвинь сайт в топы поисковой выдачи, напиши пресс-релизы и статьи во все тематические паблики и новостные сайты, создай 10 000 ботов, чтобы они побежали обсуждать сайт в коментах и напиши список рекомендаций по дальнейшим шагам в этом бизнесе". Вот это будет круто ? только кожаные мешки перестанут иметь хоть какой-то смысл ?
Было бы ещё хорошо, если бы промпты к каждому этапу написали
Сейчас попробую скопипастить из чата
Generate a list of 32 different item names related to plumbing parts (water cranes, pipes etc), some of items must have different sizes (small, meduim, big)
Show me a code snippet of a website's customer info form with fields in HTML and CSS.
Show me a code snippet of a shop website's items grid in HTML and CSS.
Show me a code snippet of a website shop item's data transfer object in Angular
Show me a code snippet of a website shop order data transfer object in Angular
NullInjectorError: No provider for _HttpClient! in Angular service error
Generate a simple HTML component: 3 buttons, square with round edges: plus, minus, and delete controls for shopping cart
Create a button "Continue to order" with right arrow in JS
Create a centered sign "Cart is empty", text color gray in HTML
Create a simple small black digit in white circle that can represent values from 0 to 99 in HTML, for shopping cart purposes
How to align the submit CSS button by the right side of the form container?
Create an HTML table template. Header columns: id, name, price, count, total price
Angular render items using ngFor and their order number in array
Angular how to execute function when element of ngFor appears
Angular foreach item in items array
How to subscribe angular parameter to update the component when other component value changes
Angular handle null or undefined fields when creating a new object
How to send a POST request using Angular and handle error logic
Как-то так, это не всё, а то, что я уточнял, остальное своими мозгами, либо потерял, т.к. не ставил целью их сохранить
@Kekovsky,а с помощью какого prompt-a рисунок ручкой превратился в ровный макет? Пробую, но получаю только псевдодизайн из своих каракулей.
Попробуйте этот плагин, я использовал что-то аналогичное
https://theresanaiforthat.com/gpt/image-to-code-gpt/
Интересно, вы сказали что гпт 4 не знает изменений в Ангуляре последних версий, а если документацию по языку конвертирлвать в пдф и скормить нейронке (разумеется при минимально возможном ручном труде по преобоазованию этой документации в валидный датасет ).
Пртм заинтересовал этот сценарий. Если у вас будет возможность, буду очень признателен за проверку (насколько могу судить у вас с уже имеющимся рабочим концептом это должно занять совсем немного вреиени)
большинство коментаторов не понимает, что чатгпт и тд. не более чем отличная замена стаковерфову, за вас никто работать не будет и хлебушку не отберет, но по вполне понятному описанию можно себе нагенерировать ту же табличку и тд и секономить при этом n - заэстимированого на таску времени и существенно упростить себе жизнь
Пишем веб-приложение вместе с ChatGPT и Stable Diffusion