{"id":14275,"url":"\/distributions\/14275\/click?bit=1&hash=bccbaeb320d3784aa2d1badbee38ca8d11406e8938daaca7e74be177682eb28b","title":"\u041d\u0430 \u0447\u0451\u043c \u0437\u0430\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0430\u0432\u0446\u044b \u0430\u0432\u0442\u043e?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"f72066c6-8459-501b-aea6-770cd3ac60a6"}

Нейронная сеть, которая верстает сайты по картинке Статьи редакции

Прошёл почти год с того момента, как на GitHub опубликовали алгоритм pix2code. И вот ребята из FloydHub на его основе создали нейронную сеть для вёрстки страниц, которую уже можно запустить самому.

Работа алгоритма делится на три этапа:

1. Нейронной сети передаётся картинка-исходник в формате JPEG
2. Алгоритм конвертирует элементы в HTML- и CSS-код
3. На выходе получается свёрстанная версия

Чтобы получить такой результат, разработчики скармливали алгоритму скриншоты и присваивали определённые HTML-теги, в итоге получился датасет, с помощью которого можно генерировать шаблонные сайты. Ниже будут примеры.

Пример датасета

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

Примеры:

  • 250 циклов работы алгоритма;
  • 350 циклов работы алгоритма;
  • 450 циклов работы алгоритма;
  • 550 циклов работы алгоритма.

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

Если вы вдруг фронтенд-инженер (я нет), поделитесь в комментариях: как вам код, сгенерированный алгоритмом?

Более техническое описание проекта доступно по ссылке, а ноутбук для запуска в Jupyter лежит тут.

0
192 комментария
Написать комментарий...
Евгений Курилов

Пиздец верстальщикам.

Ответить
Развернуть ветку
Denis Shiryaev
Автор

Пока в скетч не добавят кнопку "Сверстать под все платформы и залить на FTP" я думаю нет, но вопрос времени конечно же, пара лет еще и простенький лендинг можно будет самому нафигачить

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Vlad Spesyvets

Без обид, но сайт дерьмо.

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
TRUNGPA1 .

Вы полагаете что веб-приложения существуют только для мелких продаж? Сайт даже до говна не дотягивает, хотя лох не момент, вот и продает))

Ответить
Развернуть ветку
bum pum

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

Ответить
Развернуть ветку
TRUNGPA1 .

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

Ответить
Развернуть ветку
bum pum

ну я не спорю просто ставьте себя на место собственника (а не исполнителя) который деньги хочет вкладывать в уже генерящие вещи... а так то да собственники бентли все другие бренды могут подвальными считать но при этом мерседес и хундай тож не плохие авто )))) просто вы прокомментили говеный дизайн но при этом не сказали что круто что продажи есть а продажи куда главнее... с точки зрения бизнеса генерящее говно лучше не генерящей конфетки ))) вы как исполнитель рассуждаете просто а так то понятно что лучше за лям или два сразу сделать сайт у мега профессиональных исполнителей... лучше чтоб даже цукерберг сам сайт запилил )))

Ответить
Развернуть ветку
TRUNGPA1 .

Ну лучше тогда шаблон за 3-5т. взять, и набить его через админку, чтобы хоть прилично выглядело, хотя и там о каких-то улучшениях говорить не приходится. Тут он прогадал и повелся на рекламу, это очевидно.

Ответить
Развернуть ветку
189 комментариев
Раскрывать всегда