Нейронная сеть, которая верстает сайты по картинке Статьи редакции
Прошёл почти год с того момента, как на GitHub опубликовали алгоритм pix2code. И вот ребята из FloydHub на его основе создали нейронную сеть для вёрстки страниц, которую уже можно запустить самому.
Работа алгоритма делится на три этапа:
Чтобы получить такой результат, разработчики скармливали алгоритму скриншоты и присваивали определённые HTML-теги, в итоге получился датасет, с помощью которого можно генерировать шаблонные сайты. Ниже будут примеры.
Алгоритм учится предсказывать соответствующие HTML-теги, последовательно «изучая» изображение на входе. Когда алгоритм предсказывает следующий тег разметки, он получает скриншот и все «правильные» теги HTML-разметки для этого элемента.
Примеры:
Везде выше можно посмотреть пример исходного кода, сгенерированного нейронной сетью, а вот оригинальный сайт, скриншоты которого скармливали алгоритму.
Если вы вдруг фронтенд-инженер (я нет), поделитесь в комментариях: как вам код, сгенерированный алгоритмом?
Какая-то очень притянутая за уши тема. Распознавание рисунка, а зачем вообще рисунок нужен? Сейчас тьма бесплатных удобных блочных drag and drop редакторов, обычно на бутстрапе, освоившему их несложный интерфейс такой "сайт" как в демо можно наверное меньше чем за минуту собрать.
Большинство дизайнеров работает исключительно с графикой и обходят вопросы кодинга. Вероятно подобные инструменты, в будущем, позволят создавать решения с рисунка на бумаге, я думаю с использованием нейросетей такое возможно
Татьяныч с вами не согласен.
"Если говорить о профессии дизайнера, то наиболее продвинутые дизайнеры уже сегодня занимаются скриптованием, а не в фотошопе сидят. А через пять лет вопрос будет полностью закрыт - дизайнер станет скорее программистом, чем богемным распиздяем. Хотя я не сильно ошибусь, предположив, что дизайнеры через пять лет будут богемными распиздяйскими программистами."
Все ждут каких-то революционных изменений, а _практическая_ ежедневная работа меняется очень и очень медленно.
Вот вчера в мелком салоне сотовой связи манагеры обещали руководству послать какой-то фотоотчет. Ну а несколько лет назад - просто почту бы скинули. А еще несколько лет назад - может факсанули бы рукописное. А еще до этого - продавали бы не сотовые телефоны, а пейджеры - и просто написали бы отчет руками, а директор наутро проверил.
Дизайнер же, как сидел и сводил очередные "Скидки! Акция" с очередным стоковым фотоизборажением, так и делает это - последние 20-25 лет, минимум. Если контора побогаче - то делает это с фото со спец. фотосессии - если контора сетевая -то дизайнера нет, есть промо материалы присылаемые из головного офиса, и тот же банальный листочек А4 на стекло окна/двери, где также точно в Ворде напечатано: "Только сегодня - Акция на ... "
На сях ромб хуярить будут шоле?
Пфф, как два байта.
=======
#include<stdio.h>
void main()
{
int n,i,j,k;
printf("enter number of rows");
scanf("%d",&n);
for(i=0;i<=n;i++)
{
for(j=0;j<=n-i;++j)
{printf(" "); }
for(k=0;k<=2*i;k++)
{ printf("*");}
printf("\n");
}
for(i=0;i<=n;i++)
{
for(j=n;j>=n-i;j--)
{printf(" ");}
for(k=2*(n-i);k>=0;k--)
{printf("*");}
printf("\n");
}}
=======
Так а причем тут дизайнеры, если речь о верстке? Если человек принципиально не выходит за рамки своей профессии, ему это и так и так не надо. А если выходит, то наверняка умеет пользоваться какой-нибудь программой-конструктором.
Дизайнеры дизайнят сайты и для многих, я думаю, будет полезным инструмент, который позволит с макета собрать быстрый прототип без усилий. Речь не только о дизайнерах. Думаю подобные решения не следует рассматривать с точки зрения проф деятельности. Инструменты такого рода могут быть применены для создания конструкторов, инструментов прототипирования и подобных вещей.
Для прототипов думаю самое то