Открыть список
Как стать автором
Обновить

Комментарии 80

Представьте, если бы вы могли сделать веб-сайт, который работает быстро, и вы бы могли использовать один язык для разработки, стилей и написания бизнес-логики для вашего веб-приложения?


Как по мне, так это наоборот минус Flutter по сравнению с HTML/CSS/JS. Мешанина из разметки, логики и стилей в коде не облегчает создание web приложений, а по-моему, наоборот затрудняет. Не знаю, глубоко не изучал Flutter, но те портянки из кода с какой-то безумной вложенностью, которые я видел, не внушают доверия. Может я просто видел неправильный код, но мне так не кажется. Тем не менее не имею ничего против замены JS на Dart. Но исключительно в рамках написания логики сайта. Не вижу смысла что-то придумывать для замены HTML и CSS.
По поводу разметки во Flutter:
1. Вопрос привычки. Со временем приспосабливаешься.
2. Нужно стараться сохранять виджеты небольшими.
Но:
3. Для разметки HTML или JSX, конечно, поприятней будут, т.к. XML-подобная разметка зрительно выделяется лучше.

Если верстальщику/дизайнеру нужно знать язык — это минус языку (фреймворку).


Данные и код не должны смешиваться — разве что код вместе с данными write-only, или иным образом можно гарантировать что никто не будет править данные отдельно от кода, или что править будут только те кто знает язык кода — а это не всегда возможно.

Мне одному кажется, что переводчик ничего не верстал html/css и не писал на dart. Много тезисов отзываются во мне болью…
Что Вы выберете все в одном месте или LESS?
Конечно препроцессор, о чем речь, я собственно и писал в комментарии, что для web написано уже куча готовых решений практически для всего. Тут вопрос в зрелости и распространённости, Flutter Web только 2 нед. в первый релиз вышел.
Андрей, я ни коем образом Вас не хочу обидеть. Вам еще перед РСБ отчитываться по статье :)
Поверьте, единая структура более разумна и удобна. Тот же JSX с CSS-In-JS (Tailwind, недавно появился Stiches) дарят лучший опыт написания тестируемого кода.
+ к тому же сам по себе современный подход к разработке — при помощи Компонентов, концептуально очень схож с подходом по разработке при помощи Виджетов.
Я тут заглянул на flutter.dev (в wiki числится, как официальный сайт) и там все на html + css + js (ладно, почти все). Так о какой замене идет речь? :)

Flutter для приложений, а не для текстовых сайтов.

Тогда Ок. Просто из статьи мне показалось, что
Flutter вот-вот завоюет Web
И речь там идет про
Современные Web-сайты пишутся на HTML, JavaScript и CSS (и этот сайт в том числе). Наверно, вы сейчас прочитали это и подумали «да это же очевидно». А если я вам скажу, что можно написать сайт без использования этих трех технологий, у вас наверняка возникнут вопросы…
Видимо показалось.
В самом начале статьи идёт речь о Silverlight и Flash. Автор явно сравнивает Flutter с ними, определяя контекст сравнения и с html\css\js — SPA.
Однако, автор не упомянул о, возможно, самом важном преимуществе фреймворка и языка — мультиплатформенность, гораздо более простую и доступную, чем прежде.
Хороший пример Flutter Folio
Согласен, это одно из ключевых преимуществ, видимо предполагается, что все про это знают в контексте Flutter )
Последний десяток лет браузеры очень хорошо научились оптимизировать рендеринг HTML+CSS с анимациями и эффектами. Думаю, производительность отрисовки на канвасе во Flutter будет страдать. Кроме того в HTML работает поиск по текстам, что позволяет найти или скопировать любой текст и это особенно важно для доступности. ИМХО это сильно ограничит применение этой технологии в вебе. По крайней мере про захват Web-а говорить слишком рано.
и это особенно важно для доступности
И для доступности, и для поисковой оптимизации.

HTML предоставляет очень много возможностей помимо копирования. Навскидку:


  • доступность для слабовидящих
  • режим чтения
  • индексация для поисковиков
  • адаптация страницы для печати
  • кастомные пользовательские стили
  • блокировка рекламы
  • сохранение изображений на устройстве

Если сайты на Flutter не будут предоставлять эти возможности, то «в топку» такие сайты.

блокировка рекламы

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

Когда хоронят текущий веб, вспоминается песня ДДТ:


Хоронили русский рок, хоронили
Тучи пепла, толпы гари и пыли
А он лежал в гробу хороший, пригожий,
Совершенно на труп не похожий
Вот мне интересно HTML, JavaScript и CSS вымрут до PHP или после?
Вместе. Вместе с человечеством.
Рисование всего на канве также имеет свои последствия для производительности, но они не так плохи, как вы предполагаете. Я сделал тестовое приложение, которое интенсивно использует визуальные эффекты, и оно работает на моем MacBook со скоростью около 60 кадров в секунду. Даже когда вы тащите лист по экрану, оно все равно работает нормально, постепенно увеличивая размытие на изображении позади. Я ни в коем случае не специалист в Dart, так что, без сомнения, этот процесс можно было бы оптимизировать еще больше.
Проверил на iPad — лагает, сильно, впрочем, как и ожидалось.
Текст на странице выделить нельзя, поиск по странице подглючивает.
Или предполагается что при попытке открыть такой «сайт» с мобильного устройства, меня будут настойчиво просить установить приложение? — лол, да это же, то, самое, «старое советское» будущее, ради которого стоило хоронить flash.

Андроид, ios, веб и много других устройств с одной кодовой базой — речь про это будущее.

Cordova даёт это же, но без лагов.

чего ж тогда от нее побежали?

Это принципиально разные подходы. Их нельзя сравнивать. Было бы все гладко у кордовы, никто бы не рыпался и с реакт нейтивом. А уж те кто на нативе пишут даунгрейдиться в кордову ради кросс платформы не желают.

А уж те кто на нативе пишут
Так им и так норм, собственно, зачем что-то менять?
А если некто уже умеет в сайты и js, и по-быстрому надо приложение, без мега-требований, при этом неохота, опять же, учить два новых языка и сопутствующих (если забить на мобильную винду)… Или смотреть со стороны бизнеса, и задача — обёртка мобильной версии сайта (не спрашивайте зачем)…
не норм писать на нативе две кодовые базы
У меня даже на десктопе ужасные лаги при попытке выдернуть шторку. После первого полного вытаскивания шторки начинает работать нормально
Я сделал тестовое приложение, которое интенсивно использует визуальные эффекты, и оно работает на моем MacBook со скоростью около 60 кадров в секунду.

На десктопе на Intel® Core(TM) i5-6200U CPU @ 2.30GHz лагает как не в себя. Аж температура на 20 градусов поднялась.
Такая же проблема, анимация лагает, в демке на десктопе с Ryzen 1700x. Причем лагает очень разражающе и с недостатким кадров.
Захватом веба тут как бы и не пахнет.

У меня на Ryzen 3600 лагает выдергивание шторки вне зависимости от количества попыток. Скролл картинок вроде более-менее нормально. Если для анимаций на сайте не хватает ryzen 3600, то в топку такие сайты. Бонусом при первой загрузке шторка была задвинута за экран и ее совершенно не было видно до тех пор, как я ее не вытянул.

Лично моё мнение Flutter для мобильной разработки хорош. Но в web не надо.
Когда хоронили Flash, одним из минусов называли высокий расход батареи.
Как с этим у flutter? Кто-нибудь в курсе?

Не заметил, чтобы приложения на флаттере жрали значительно больше натива, по крайней мере в мобдеве

можно написать сайт без использования этих трех технологий

Можно. Но не нужно.

этого не произойдет, если вы не знаете, как писать эффективный JavaScript или если ваши навыки в CSS оставляют желать лучшего

Конечно, не произойдет. Учиться надо, а не искать волшебную таблетку.

нужно учитывать различные браузеры, на которые вы ориентируетесь

Нет, если строго следовать стандартам, которые гарантированно поддерживают все современные браузеры.

ваш CSS может быть неработоспособным, когда пользователь попытается открыть вашу веб-страницу

Разумеется, может. Если написан безграмотно.

Мда. Свежее поколение погромистов разработчиков не осилило стандартный стек технологий, банку срочно нужна модная контекстная реклама под видом технической статьи на айтишном ресурсе, а копирайтеру по совместительству — кредит за макбук платить надо а пользователи потом удивляются, откуда столько тормозящей ерунды со свистелками и перделками вместо вменяемых кроссплатформенных адаптивных сайтов…

Мне кажется более вероятным, что приложения будут писать на TS / HTML / CSS. Научиться их компилировать в native-код, обеспечить библиотеками и доступом к системным ресурсам — и тола JS программистов сможет писать native приложения)) не так уж и невозможно вроде… нужен только какой-нибудь "гигант", который начнёт это двигать.

Это Кордова, она же phonegap в далёком 13 году. За это время это не оправдало надежды.

PhoneGap вроде просто заворачивало HTML/JS во что-то вроде Электрона, разве нет?
И где у кордовы компиляция в native?
ее нет конечно, я неточно выразился, я говорил о том, что эволюционно этап пройден и вопрос невозможности обсужден множество раз, потому что не получилось за 7 лет это реализовать никому. Ведь такой продукт растаскают тут же, это первая логичная вещь, которая приходит в голову — js в натив на мобилку. Это было бы очень круто но я не вижу даже намеков в эту сторону ни у кого, с react native радостно уходят на флаттер из-за его ништяков

Тестовое приложение показывает наглядно, что пока не завоюет:


Скрытый текст

В принципе, можно постараться и на CSS тоже так всё сломать, но...

детские баги. Десктопка только релизнулась.

а как рекламу скрывать?

Сочетанием клавиш Ctrl + W.

Flutter уже никуда ничего не завоюет, потому что вышел Flutter 2 и надо бежать переписывать все свои Flutter-приложения.

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

Я также, как и вы, кликнул на кликбейтный заголовок, однако статьей остался доволен. Ведь весь текст это по сути мечты, приправленные технологией, что есть на данный момент. И такие строки это подтверждают:
Представьте, если бы вы могли сделать веб-сайт, который работает быстро, и вы бы могли использовать один язык для разработки, стилей и написания бизнес-логики для вашего веб-приложения?

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

Все идет к общему консенсусу, это видно уже сейчас по тем же нодаприложениям, где буквально уже все можно написать на JavaScript, кроме XML-разметки. Не забывайте, что сейчас в web активно прорывается полноценное 3D (игры, вставки на сайтах и пр.) и для более эффективного и производительного использования JavaScript-а уже маловато.

Рано или поздно, что-то придет, а старая армия так и будет воевать за коммунизм те технологии, что использовались ими большую часть жизненнорабочего цикла.
старая армия так и будет воевать за коммунизм те технологии, что использовались ими большую часть жизненнорабочего цикла

Не в этом дело. А в дезинсекции с помощью тактических ядерных боеголовок: совершенно избыточно использовать технологии, созданные для разработки приложений для случаев, когда требуется создать сайт. Ни для СМИ, ни для форумов, ни для сборников статей, ни для чего, что должно быть источником информации и средством публикации информации не требуются приложения. Магазины, банки, игры — вот перспективная ниша для фреймворков наподобие описываемого в статье. Для остального же подобные новые технологии не дадут пользователю ни какого-то сверхудобного, ни какого-то сверхбыстрого экспириенса по сравнению с традиционными HTML/СSS/JS/[и ещё что-то со стороны сервера]. Как верно заметили в комментарии ниже:
Браузер умеет выполнять хренову кучу весьма сложных задач: рендеринг текста, выделение текста, поиск, рендеринг всяких прочих элементов, анимации итд итд. Но нет, давайте все перепишем и начнем рендерить вручную в канвас, заново все это имплементируя.

У нас есть браузеры. Готовые и универсальные «фреймворки» для веба. Вот и давайте использовать инструменты по назначению, а тем, кто не научился этого делать — стоит научиться. И рассуждения о том, что HTML/СSS/JS это «слишком сложно» выглядят убого и жалко.
Одно лишь слово — SEO — перечёркивает все амбиции Flutter в рамках веба. Бизнес на такой шикарный выстрел себе в ногу никогда не пойдёт.
SEO далеко не всегда нужно. Лэндинги на Вордпрессе или на Тильде Flutter не заменит. Однако зачем SEO веб-приложениям с доступом по паролю например?
Забавно, как flutter начнет изобретать велосипед, чтобы добавить фишечки обычного сайта, такие как выделение текста, поиск по сайту, инспекция разметки, индексация в поисковиках. Вангую, что гугл внесет новый стандарт индексации для canvas-js-only сайтов. Кроссплатформенность это хорошо, но производительность в браузере пока никакая
Очень много проблем есть с рисованием на canvas что в 2d контексте, что в 3d. Проблемы со шрифтами, со сглаживанием, с потреблением видеопамяти. Я во флаттер на вебе не верю от слова совсем. Да и на мобилах в такой движок общего назначения не верю.
С мобилкой кстати все хорошо по произвидительности

Да и сам факт, что их счетчик тикетов дошел до 60к, как-то настораживает

делите на три, ios android web
Для мобилок как задумка так и реализация выглядят в целом норм. Хотя вот недавно хотел полюбопытствовать как в изоляте можно померять текст для разбиения на строки, в зависимости от параметров шрифта и прочего — оказалось что никак, и это печально. Я нативщик, хотел поэкспериментировать и реализовать читалку на флаттере, но обломался.
А вот в флаттер для веба тоже совсем не верю.
Такие приложения как читалки вообще нельзя и не нужно делать кроссплатформенно, потому что это вопрос шрифтов, идеальной графики, правильной обработки тача и яркости, короче много очень точной платформенно зависимой работы.
А мне и не нужно было целое приложение. Думал одну вьюшку написать которая бы только за отображение и размещение текста отвечала.
А вопрос шрифтов и прочего — как раз единообразие плюс для пользователей имеющих несколько устройств на разных ОС.
1. Заходим на официальную галерею флюттера с ПК:
gallery.flutter.dev/#
2. Медленный скролл, ненативное ощущение, загрузка CPU при скролле будто там майнят криптовалюту.
3. Осознаем что все это вместе с рисованием в канву уже было в Adobe Flash и JavaFX

Flutter в вебе ещё далеко ничего не завоюет.
Лаги на мобильных версиях сайта давно известны и сообществу и Гуглу соответственно. Если бы Гугл мог бы это быстро исправить, то сделал бы перед последним релизом. Но это не сделано, а стало быть проблема принципиального (возможно структурного) характера. Поэтому flutter, приходи в веб как 18 исполниться

Ох уж эти "заменители традиционного фронта"… После закономерного сдутия сильверлайта я перестал беспокоиться за свои нажитые непосильным трудом навыки :)

А может хватит изобретать какие-то велосипеды, чтобы переписать часть существующего стека на своих технологиях? Браузер умеет выполнять хренову кучу весьма сложных задач: рендеринг текста, выделение текста, поиск, рендеринг всяких прочих элементов, анимации итд итд. Но нет, давайте все перепишем и начнем рендерить вручную в канвас, заново все это имплементируя.

Давно мы что-то то веб не хоронили, самое время для новой подобной статьи. Преимущества Flutter в статье оказываются какими-то смехотворными:


Во Flutter, если вы хотите сделать определенную часть контента горизонтально прокручиваемым, а не вертикально прокручиваемым, это так же просто, как сделать виджеты в SingleChildScrollView

Ух ты, почти так же просто, как overflow-x: auto


При использовании этого свойства, вы можете записать ваши массивы в строку (элементы друг за другом) или в столбец (элементы друг под другом)

Вау, и flex-direction: row/column тоже переизобрели


Однако в случае с Flutter, если вы размещаете виджет Text с определенным шрифтом, он будет выглядеть одинаково

Судя по приведенным демкам, "одинаково" означает "одинаково плохо"


Flutter не нужен webpack для сборки [...] В webpack нет ничего плохого; это высококачественный софт. Но это сложный инструмент и без того в сложном конвейере.

Так а в чем приемущество? Не используем чужой продукт, напишем свой, такой же сложный. Классический Not Invented Here (NIH)

Гугл уже добрые десять лет, если не больше, свято чтит заветы Microsoft с их талантом находить фатальные недостатки в самых разнообразных технологиях окружающего мира.

Не знаю как там с завоеванием веба, но я лично нашел для flutter web применение. Написал приложение на flutter (одно удовольствие работать с фреймворком), нет там кстати никакой мешанины из UI и логики, если правильно выстраивать архитектуру (кто пишет об этом явно не работал с flutter). Пару недель назад задался вопросом на чем мне реализовать админку. Я бэкенд разработчик и во фронте чуть меньше чем полный ноль, поэтому думал написать либо на jQuery, который я худо-бедно знаю, либо по-быстрому изучить основы какого-нибудь там Vue/React и реализовать самому с лапше-кодом, либо делегировать кому-то другому. Но потом вспомнил про flutter-web и подумал дай-ка попробую. И оказалось, что различий с flutter для моб. почти никаких нет. По крайней мере для этого юз кейса. В итоге сделал всё сам за 5 дней. Для flutter-web даже достойный wysiwyg есть, как оказалось. Так что flutter-web свою нишу найдет, думаю. Я лично очень рад что мне не нужно окунаться в мир html/css/js.
Flutter очень напоминает, как в старые времена всё писали на PHP и там была дикая мешанина из всего и вся в одном файле. К тому-же, сайт написанный на Flutter не будет никак индексироваться в поисковых системах, что для некоторых сайтов очень плохо.
И автор проверил производительность на своём Macbook, в то время, как 80% пользователей — это смартфоны, планшеты и прочие устройства, которым по производительности до macbook еще ого-го. Ну и HTML, JS, CSS и через 10 лет будут HTML, JS, CSS, а Flutter через 10 лет может загнуться и еще надо найти кто его знает.
Очередная мертворожденная идея Гугла. Если Angular, появился в удачное время и смог занять свою нишу, то flutter сейчас непонятно кому нужен. Хошь писать приложуху? Пиши на Swift нативно, или на React Native, если ты у мамки веб разработчик. Оба варианта работают быстро и предсказуемо.

Автор также не указал, что canvas — не единственный способ представления приложения в веб. Его можно так же скомпилировать в привычные html + css + js.
Пруф.

flutter — это "замена" программирования, но результат программирования — тот же самый, что и без этого заменителя — условно плоский веб.


А вот за десятилетия никак не изобретут достойную технологию программирования простыми способами принципиально другого отображения мира — трёхмерного (вместо нынешнего плоского веба). Даже в конце 90-х годов был какой-то VRML, а потом идею использования трёхмерных пространств в браузере вообще куда-то забросили.

Ещё бы Dart VM запилили в браузере, что бы соскочить с жаба скрипт, и ваше сказка будет

он был запилен с 12 года по 14 год, точнее был форк хрома Dartium какое-то время
Не взлетело у них тогда, это да, но и хайпа такого не было как сейчас, они его улучшают развивают, он становится безопаснее и быстрее, но блинский в итоге все равно будет dart2js(речь о веб), который как был дерьмо так и остался, это как купить красивую и быструю лодку с мотором ямаха, но плавать исключительно на веслах, тупняк какой то!
пысы Дартиум я даже где то откапывал на китайском сайте))
Про dart2js надо у Wriketeam спросить какой у них оверхед и замеряли ли они его. Вроде бы там далеко не печально, а тайпскрип по вашему это не тоже самое, на веслах?

Приложение на флаттере позволяет глубже интегрировать рекламу. Так, что адблоком не достать. Может это ещё один нужный плюс для Гугла?

Очередной костыль. Тормозной, глючный, требующий выкинуть все старое и запилить заново с нуля. Очевидно, его постигнет та же судьба, что и Flash, Silverlight, Coldfusion и множество других подобных поделок.
не думаю, в браузеры сильно лезет webassembly и webgl — все таки это надстройка над этими технологиями, а не отдельный плагин на брауpер типа flash, Silverlight
Очень кликбейтный заголовок. Честный заголовок звучит так: «Flutter возможно станет лучше web-приложений в некоторых случаях».
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

Информация

Дата основания
Местоположение
Россия
Сайт
www.rshb.ru
Численность
свыше 10 000 человек
Дата регистрации
Представитель
ashershov

Блог на Хабре