Прошёл почти год с того момента, как на GitHub опубликовали алгоритм pix2code. И вот ребята из FloydHub на его основе создали нейронную сеть для вёрстки страниц, которую уже можно запустить самому.
33 показа
158K158K открытий
Прошёл почти год с того момента, как на GitHub опубликовали алгоритм pix2code. И вот ребята из FloydHub на его основе создали нейронную сеть для вёрстки страниц, которую уже можно запустить самому.
Пиздец верстальщикам.
Пока в скетч не добавят кнопку "Сверстать под все платформы и залить на FTP" я думаю нет, но вопрос времени конечно же, пара лет еще и простенький лендинг можно будет самому нафигачить
обратно на завод!
Вряд ли. Они могут и будут использовать разные инструменты (в том числе похожие) для своей работы и брать деньги за это.
Как мне кажется, скоро (лет через 5-10) верстальщикам, да и вообще всей IT индустрии в целом, нужно будет переучиваться делать всё под VR\AR.
Ну эт считай что паленый вискарь, что-то отдаленно похожее на сайт. Для верстки сайта администрации мухосранска конечно пойдет)
Вообще, при таких завалах готовых шаблонов и вполне годных сервисов "запустить сайт за 5 минут" они и так без работы скоро останутся.
Ховеры, адаптивность, динамика, кросс-браузерность, ... Верстка не должна только выглядеть, как верстка, она должна работать блять.
Добавить сюда адаптивность и кроссбраузерность гораздо проще, чем вам кажется.
И чо и чо?
Вам никогда не приходилось тратить часы на простую базовую верстку с большим объёмом, на основне который ппц срочно надо делать mvp?
Не заменит еще лет 5 технологии верстальщка. Но для оптимизации работы, самое то.
#ПакуешьВещи уже?
readymag и неделя практики
У меня горит пукан, когда говорят, что верстальщикам конец. Я сам не верстальщик, но перед верстальщиками голову предклоняю. Хороших верстальщиков днем с огнем не сыщешь. Всё время попадаются какие-то мудаки, которые кроме лендосов ничего не делали. Как только дело касается что-то сложнее тупого вывода картинок, т.е. появляются формы таблицы и дропдауны, фильтрации, да ещё это всё надо посадить на реакт, то пиздец голову в жопу засовывают или делают месяцами.
Мне кажется верстальщикам может и правда конец, но front-end инженеры будут нужны еще очень долго и их всегда не хватает.
Хорошие, думающие верстальщики, быстро съебывают из верстальщиков, потому что хорошо думают. К тому же им не очень приятно работать среди мудаков.
Подразумевается, что верстальщикам как отдельной профессии конец. Сейчас верстка входит в ожидаемый скиллсет фронтендера. В масштабных проектах один или несколько фронтендеров фокусируются преимущественно на стилях и атомарных компонентах, но при этом все равно они все это делают в рамках React'а.
На словах ты очередной "убийца верстальщиков", а на деле бесполезная хуйня
Какая-то очень притянутая за уши тема. Распознавание рисунка, а зачем вообще рисунок нужен? Сейчас тьма бесплатных удобных блочных drag and drop редакторов, обычно на бутстрапе, освоившему их несложный интерфейс такой "сайт" как в демо можно наверное меньше чем за минуту собрать.
Большинство дизайнеров работает исключительно с графикой и обходят вопросы кодинга. Вероятно подобные инструменты, в будущем, позволят создавать решения с рисунка на бумаге, я думаю с использованием нейросетей такое возможно
Ну так вся соль не в «дизайне», а в развитии нейросетей, показывают их обширные возможности развития в любом направлении.
Кекеке, а почему в результатах 550 циклов код абсолютно идентичный оригинальной верстке?
похоже сеть обрела разум и навык копипаста.
А что очень похожа на людей стала)
Полез сравнить код оригинала и нейросети, поугарал от того, что он идентичен. Думал в камментах уже все вывели разработчиков на чистую воду, но нет, полезли проверять, похоже, единицы. Наглядный пример того, что людям через сми можно впарить что угодно..
Overfitting
И на весь экран попап-нэйтИв.
Наверстай, и пусть закрыть попробуют.
90% CSS с !important. Но если обучали на выборке с говнокод.ру, то получили то, чего хотели, здорово!
Так код-то говно
А может это код говна!
Она уже верстает лучше, чем 90% вестальщиков с фл ру
Шикарная вещь для прототипирования быстрого. Однозначно это ускорит работу специалистов, но 100% не заменит. Для меня это было бы удобнее использовать чем invision например или marvel. Намного нагляднее и интерактивнее при той же скорости
Я сам не тестил, но сейчас выглядит пригодным только для "верстки" всякой шаблонной элементарной хрени. Хороший верстальщик в своей работе учитывает кучу важных вещей, о которых робот не догадается (по крайней мере, пока). Даже адаптив часто оказывается не такой простой задачей, т.к. требует особой структуры HTML-кода, а где-то и JS'а. Так что рано вы верстальщиков хороните, товарищи.
А дизайнеры, которые хотят делать код из своих макетов, пусть дизайнят сразу в WebFlow
Ну и бывают такие дизайнеры... которые правил и принципов верстки не понимают в принципе, от того рисуют как хотят. Ладно одно разрешение, но в трех разных адаптивах у них может быть 3 разных структуры, элементы меняют свой порядок и положение только так. Такого робот точно не осилит.
А вот если дизайн будет рисовать тоже нейросеть, то вероятность успеха выше — роботы думают одинаково (логично)
Че за бред!
Нейронная сеть по скриншоту тоже сделала такой оригинальный комментарий в коде?
Сфоткали оригинальный сайт, дали ей картинку и она засобачила такой-же комментарий в код)) Как такое может быть)) Чет попахивает фейчиной)
Я не спец по верстке - но на в скидку исходники вообще кроме выравнивания ничем не отличаются, разве так может быть? Разве в верстке на один вид страницы должен быть один код?
Основная проблема любой модели - это количество и качество разделённые данных. Вот если бы было пару миллионов размеченных по определённом шаблону страниц, то тогда верстальщик стало бы грустно. Пока такого датасета не существует - все будет хорошо только в "лабораторных" условиях.
Посмотрел код. Да, адаптивности нет, стили прикручиваются к айдишниками и очень суровый каскад "#container #homepage #latest article figure h2".
Но тем не менее, как для нейросети это колосальный успех, и я уверен, очень скоро мы по прощаемся с верстальщиками.
Скорее верстальщики поприветствуют новый удобный инструмент :)
Задача обычно в том, чтобы сделать хороший UX, а не хороший дизайн. Для этого надо пробовать разные идеи уже на месте, доводя точность мелких деталей до идеала, чего робот не даст. И мышление дизайнеров обычно сильно далеко от нужд бизнеса и людей впринципе. Кроме того, UI должен быть поделён на логические вебкомпоненты внутри фреймворка, чтобы с ним можно было работать кодеру, и впоследствии долгосрочно дорабатывать проект. Но для какого-то быстрого прототипирования мб и хорошо, и дизайнеры смогут пощупать не в фотошопе свои творения, поняв реальные проблемы своих фантазий, и мб даже презы устраивать. Это будет развивать индустрию.
Задача - как это показывает например обновленный Vc.Ru -
1. Сделать
И потом разбираться с возможными проблемами. Потому что "хороший УХ" или хороший дизайн - это просто долго, дальше кодеры начинают "упрощать" - потому что у них так не верстается, дизайнер бесится переделывать, потому что реально некрасиво (не по канону), и начинается поиск точек соприкосновения - а фактически одна переделка за другой, а там уже и сроки, к которым надо было новый/переделанный сайт вывесить и чтобы он начал работать - остаются в глубоком прошлом :(
Какая разница, говно код или нет, полезная фича или нет. Это наглядно показыват тенденции. Не через год и не через два, но лет через 10 состязаться с подобного рода штуками будет уже крайне тяжело. Когда вводили автоматизацию на заводах, я тоже не думаю, что люди думали, что их скоро уволят... а в итоге массовые сокрашения тысячами... робот может делать этуже работу в 5 раз быстрее и дешевле...
робот может делать эту же работу в 5 раз быстрее и дешевле...Видимо, Вы имели в виду производственную линию, все же. Перенастройка которой, в случае чего, стоит больших времени и денег, и во многих случаях в принципе невозможна - т.е. превращается в выброшенные деньги, которые ну просто никак не вернуть.
Единственный вариант, когда это получилось - - в публикации VC о молочном короле Александрове - который, цитирую:
https://vc.ru/16490-by-aleksandrov
"В Прибалтике в это время стояло шесть линий глазированных сырков. В Белоруссии — девять. Возникли какие-то проблемы, из-за которых и Прибалтика, и Белоруссия перестали ввозить сырки в Россию. В рынке образовалась громадная яма — пятнадцать линий. А каждая линия выпускает где-то по 80 тысяч сырков в день. То есть образовалась яма в миллион сырков каждый день, и мы эту яму быстренько наполнили. Скупили все линии Прибалтики и заказали у них еще линии."
Ну, пока ферма индусов верстает на порядки лучше.
Больше на фейк похоже, код почти 1в1 совпадает, кроме пробелов.
И альты
ссылка read more в теге footer не в футере, например, а в подвале еще один <footer>
Посмотрите оригинальный код и код сделанный "нейронной сетью"... Они идентичные, дальше думайте сами... Статья лжива, как оказывается.
"ноутбук для запуска в Jupyter лежит тут"
WTF? Что за формулировка?
Я тоже завис на этой фразе, но думал, может я терминов каких не знаю из новояза, и решил не переспрашивать.
```The Jupyter Notebook is an open-source web application that allows you to create and share documents that contain live code, equations, visualizations and narrative text. Uses include: data cleaning and transformation, numerical simulation, statistical modeling, data visualization, machine learning, and much more.``` http://jupyter.org/
В пайтоне используется, чтобы красиво показывать код другим людям, с визуализацией и пошаговой работой.
Со прошедшим Старым Новым Годом, как классно Вы в 00:00 разместились :)
В моем детстве HTML не было, а юность началась с ... Hot Dog web editor :)
Ну и конечно Teleport Pro, WsFTP => CuteFTP, Reget :)
Храни господь верстальщиков
Отдельной должности "верстальщик" не встречал уже не помню сколько лет
круто
Пока такой же громкий хайповый заголовок как и в случае с pix2code. Распознаются уже известные сети элементы и из них составляется лейаут. Еслиесть набор готовых компонент то это расставить их по простому лейауту можно с минимальными знаниями хтмл кода (а примеров со сложным лейаутом я там не увидел).
еще один thegrid
Верстка-версткой, а кто-то её потом бьет на шаблоны для того чтобы выдавать данные из базы или еще откуда. Оживлять верстку, которую выдала эта сетка, я бы не взялся, будь её больше чем та страница из примера.
Мне кажется если бы они использовали какой-нибудь Vue и набор не самописных стилей, а уже готовые сетки, и им было бы проще, и результат лучше.
Говорят сториборды для иОС тоже делать сетки обучают. Мне видится что эта задача попроще, чем HTML.
Такое чувство, что работа верстальщика заключается только в единоразовой верстке страницы по макету. А дальнейшую поддержку проекта тоже нейросеть будет делать? Да она уволится после второго цикла, когда наломает все, что было создано изначально и уже было натянуто на какой-то движок.
Этот проект делает сайты лучше:
https://site-bot.ru
что это за поебень?
Мда
как это развидеть?
@делаем адаптивные сайты
@у самих сайт со смартфона не работает
нет адаптивности, например
Не все сразу, пару лет и будет, я уверен
В IE 6 в подвале блоки будут не в строчку, а так да, нормальный макет с фиксированными размерами блоков, ничего сложного.
ie6.... но зачем?????
Питон
https://github.com/emilwallner/Screenshot-to-code-in-Keras/blob/master/README.md
Psdtoweb.de похожий сервис только здесь текст картинками идёт ,и все с position:absolute)
В самый раз для прототипирования
Когда он начнёт всё верстать на Bootstrap, я забью на вёрстку (:
Код жеский, не семантичный ни разу
Татьянычу пиздец?
Если даже допустить, что это сделала нейросейть... Код стремный достаточно, все жестко прибито флоатами и привяазно к размеру блока. Вообще, я не думаю, что верстальщики вымрут как класс, скорее это будет новый инструмент для рутинных работ. Сам вот давно думаю, чтобы натраваить сетку на какие-то рутинные операции в программировании.
Комментарий недоступен
Хороший дизайнер решает задачу бизнеса, верстальщики все равно останутся
Сразу же вспомнился этот рассказ. Будущее наступает.
https://habrahabr.ru/post/202460/
у меня такой вопрос: есть смысл учиться на верстальщика?
Все хорошие дизайнеры и верстальщики останутся. А так себе специалисты поедут в поселок программистов, прокачиваться и делать нормальный сайт поселка))
Скоро за пару эпох обучения сеть научится писать говнокод на пхп