代码都智能自动生成了,还要程序员干嘛?-程序员宅基地

前端干着干着,就把自己干没了......

640?wx_fmt=jpeg

作者 | 郭芮

出品 | CSDN资讯

要说开源精神,阿里估计在国内能够排在最前列。

近几年,阿里接二连三“搞事情”。根据阿里近期发布的《2018 年度代码报告》显示,目前阿里巴巴就已经有 400 多个开源项目,涉及中间件、框架、组件、数据库、存储等,包括滴滴、网易、Netflix、Uber 在内的互联网公司都是阿里开源项目的使用者。

最近阿里也没闲着,又发布了大家喜闻乐见的代码自动生成工具 imgcook。


代码是如何自动智能生成的?


imgcook 中文译为“图像大厨”,顾名思义,它是一款专注于各种图像(Sketch、PSD、静态图片)处理的工具,通过智能化手段将各种图像一键生成可维护的 UI 视图代码。

虽说目前还只是社区体验版,但其也是经过淘宝前端团队内部近 2 年的打磨才推出的全新产品。按照阿里官方的说法,这个打着“高度还原各种图像,释放 UI 开发生产力”口号的 imgcook 未来足以成为一位 P5 级别的重构工程师,实现 100% 的还原、100% 的兼容、以及一键上线!

也就是说,设计师再也不用还原走查了,测试再也不用适配样式了,开发再也不用切图写样式了,喜大普奔有没有......

640?wx_fmt=gif

https://imgcook.taobao.org/


自动代码生成惹争议:究竟是痛点还是伪需求?


对此,众多吃瓜网友们立即兴冲冲地围观吐槽之。

有表示高度认可的:

@刘子健_且行且歌:个人体验了一下,感觉还是不错的,总体而言瑕不掩瑜。 之前在 Github 也关注过类似的项目,但都是一些论文和实验的数据,而这个作为实实在在可用的系统,至少是一个可用的工具了,能帮我们减少一部分的页面开发工作量。 如果真的要做到电影里那种 AI 的效果,估计那时候大家就都都等着失业了。

@小猪快跑lele:今天在D2听到了甄子的分享,以及现场体验了一下,确实挺棒的,识别率也很高,个人感觉还是很有用的。但是这对设计人员有了要求,即设计稿要极其符合设计规范才能保证成功率和后期改动的成本。

@大明爷:太棒了,希望赶紧应用于各种复杂场景,终于不用写 CSS HTML 这破玩意儿了。

@Quetzalcoatlus1:后端菜鸡翘首以盼,写 CSS 是我最痛苦的时候。

也有随即联想到其他或昙花一现、或艰难求存的代码生成器:

@mountainguan:pix2code…响了一下没了下文,最后一个commit都一年前了。

robert_:很早以前 DreamViewer 也有,但是当时的基础设施不完善,现在才逐渐有了模块标准,有了丰富的组件。

更多的是存疑,并且对前端表示深深的担忧:

@披荆走天涯:不是,我就想问下,这有啥用?生成的代码如果我要写交互的话,还得再看半天。

@fancy-pants:感觉都是听上去酷炫,用上去很烂的东西。

@阔诺潇二狗哒:前端更轻松了还是失业警告?

@Andself:前端互相抢饭碗可真的激烈啊!

@Ahkari卡狸:前端干着干着,就把自己干没了。

微博博主@Easy 对于前端“革命”的这一命题就表示,了解了语法和结构、主要函数,再补一下 Swoole 和框架等,基本上就是一个现代 PHP 程序员了。

640?wx_fmt=png

事实上,此前也曾出现过大量的代码自动生成器,但似乎并没有掀起太大的波澜。那么对于程序员来说,所谓的代码生成、自动编程真的有实际价值吗?


自动编程有实际价值吗?


有很多广为人知的自动代码生成工具都曾引起过公众的关注,比如微软的 Robust Fill、上面提到的 pix2code、DreamViewer 等等,此前微软发布的 Visual Studio 还支持智能辅助编程。但是喧嚣之下,更多的却是跟风模仿,鲜少有人会真正在编程中应用,其生产价值也无从考究。

对于这一点,王垠在个人博客《我为什么不在乎人工智能》中就老早发表过自己的看法:

我现在可以很简单的告诉你,(自动编程系统)是不可能实现的。

要机器做事,人必须至少告诉机器自己“想要什么”,然而表达这个“想要什么”的难度,其实跟编程几乎是一样的。

好的编程工具可以让程序员工作更加舒心和高效,但任何试图取代程序员工作、节省编程劳力开销、克扣程序员待遇、试图把他们变成“可替换原件”的做法最终都会倒戈,使得雇主收到适得其反的后果。

所以别妄想自动编程了。

——这样看来,大家“追崇”的自动编程似乎颇有乌托邦之感。

但也有很多人表示,“瑕不掩瑜,其实它们至少是一个可用的工具”、虽然效果有点堪忧,但是可以假装代码实际上是雇了一个月薪 3k 的实习生写的,心里就很能接受了”......而且随着人工智能技术的深度应用,总体来看也是持续优化的趋势,不是吗?

再看回来 imgcook 这一工具,作为“淘宝前端团队内部近 2 年的打磨才推出的全新产品”,在代码生成的合理性、可维护性上也是下了一番功夫,对于二次开发显得比较友好。此外,imgcook 还会“对还原后的 UI 在代码层面上生成使用比较广泛的 Flexbox 布局”、“在一些自定义的命名上(比如样式命名)根据开发者的习惯生成更加人性化的命名”等人性化、智能化设计。

所以,这个不算鸡肋的工具,或许也是值得一试的。

参考链接:

  • https://www.xttblog.com/?p=3684

  • https://imgcook.taobao.org/

  • https://www.oschina.net/news/84215/talk-about-ai

(*本文为 AI科技大本营转载文章,转载请联系原作者)


公开课预告

全双工语音



本期课程中,微软小冰全球首席架构师及研发总监周力博士将介绍微软小冰在全双工语音对话方面的最新成果,及其在智能硬件上的应用和未来将面临的更多技术产品挑战。


640?wx_fmt=jpeg


推荐阅读

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/dqcfkyqdxym3f8rb0/article/details/86486235

智能推荐

【图示使用】doxygen+graphviz_qt 怎么没有 doxygen插件-程序员宅基地

文章浏览阅读598次。1、问题:拿到一大段项目代码怎么看?!2、解决方案:使用工具生成函数调用链图,帮助分析整个项目方法的用法以及功能3、工具简介:(安装此两种工具,然后可以方便的分析代码,生成相应的函数调用图)doxygen:(http://www.stack.nl/~dimitri/doxygen/index.html)graphviz:(http://www.graphviz.org/)3.0、打开DoxyWizard时,如果弹出“打不开 XXX,因为它来自身份不明的开发者”请进入如下网址寻找解决办法http:_qt 怎么没有 doxygen插件

js的常见写法技巧-程序员宅基地

文章浏览阅读104次。Javascript练习题正则表达式验证邮箱摘要: View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3..._js 写法技巧

vnc远程连接ubuntu,vnc远程连接ubuntu教程图解_vncuxq-程序员宅基地

文章浏览阅读1.1k次。Ubuntu Linux是由南非人马克·沙特尔沃思(Mark Shuttleworth)创办的基于Debian Linux的操作系统,Ubuntu几乎包含了所有常用的应用软件:文字处理、电子邮件、软件开发工具和Web服务等。用户下载、使用、分享Ubuntu系统,以及获得技术支持与服务,无需支付任何许可费用。那如何实现vnc远程连接ubuntu呢?如图:(官网:IIS7服务器管理工具)IIS7服务器管理工具能实现一键导出或导入,一键批量打开VNC,一键批量关闭VNC,服务器到期提醒,支持多台V_vncuxq

windows上搭建NFS服务器--haneWIN,Linux客户端挂载_hanewin 1.1.69-程序员宅基地

文章浏览阅读2w次。在进行嵌入式开发时常常需要在板子上用nfs挂载宿电脑,公司现在的架构是远程服务器加windows个人电脑,因此需要在个人电脑的windows系统上搭建NFS服务器。一、windows上搭建NFS服务器NFS服务器软件:haneWIN 1.1.69 汉化已注册的版本互联网上有下载,我这里再放一个我上传到CSDN的链接。https://download.csdn.net/download/z..._hanewin 1.1.69

Flutter 数据存储--shared_preferences使用详情-程序员宅基地

文章浏览阅读5.7k次,点赞3次,收藏17次。shared_preferences,Flutter中数据本地存储_shared_preferences

QML----StackView动画_qml stackview动画-程序员宅基地

文章浏览阅读1.7k次。废话不多说,直接上代码(这里是渐入溅出)StackView{ objectName: "rootStack" id:stackView initialItem: spalsh anchors.fill: parent replaceEnter: Transition { PropertyAnimation { target: stackView property: ..._qml stackview动画

随便推点

安装配置Visual Studio Code Kubernetes Tools_vscode visual studio k5-程序员宅基地

文章浏览阅读1w次,点赞3次,收藏11次。Visual Studio Code Kubernetes Tools1. vscode配置连通k8s1.1拿到k8s集群的配置文件信息1.2 vscode安装插件[Visual Studio Code Kubernetes Tools](https://marketplace.visualstudio.com/items?itemName=ms-kubernetes-tools.vscode-k..._vscode visual studio k5

pip安装命令_pipanzhuangming;-程序员宅基地

文章浏览阅读6.7k次,点赞2次,收藏8次。打开网址下载pip:https://pypi.org/project/pip/#files解压到你的anaconda包路径中,我的是下图:现在开始安装进入cmd之后,进入d盘:d:进入d盘之后cdD:\anaconda\Lib\site-packages\pip-19.0.3进入目录之后python setup.py install然后..._pipanzhuangming;

Cisco技术区常用配置实例整理----2010.11.1更新ing....-程序员宅基地

文章浏览阅读470次。网络地址转换(NAT)互联网如火如荼的应用,加剧了IP地址匮乏的问题,为了缓解这一问题,一个重要的应用:NAT(Network Address Translation―网络地址转换),日益广泛地应用起来。NAT通过地址转换的方式,使企业可以仅使用较少的互联网有效IP地址,就能获得互联网接入的能力,有效地缓解了地址不足的问题,同时提供了一定的安全性。 NAT的实..._rsa-encr和rsa-sig的区别

Linux grep命令详解-程序员宅基地

文章浏览阅读842次,点赞8次,收藏21次。Java架构进阶面试及知识点文档笔记这份文档共498页,其中包括Java集合,并发编程,JVM,Dubbo,Redis,Spring全家桶,MySQL,Kafka等面试解析及知识点整理Java分布式高级面试问题解析文档其中都是包括分布式的面试问题解析,内容有分布式消息队列,Redis缓存,分库分表,微服务架构,分布式高可用,读写分离等等!互联网Java程序员面试必备问题解析及文档学习笔记Java架构进阶视频解析合集《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》

贪心算法解决汽车加油问题_实验3.3 汽车加油问题 1、问题描述:一辆汽车加满油后可行驶nkm。旅途中有若干加油-程序员宅基地

文章浏览阅读1w次,点赞7次,收藏40次。问题描述:一辆汽车加满油后可行驶n公里。旅途中有若干个加油站。设计一个有效算法,指出应在哪些加油站停靠加油,使沿途加油次数最少。对于给定的n(n 在哪些加油站停靠加油,使沿途加油次数最少。对于给定的n(n 要求:输入:第一行有2个正整数n和k,表示汽车加满油后可行驶n公里,且旅途中有k个加油站。接下来的1 行中,有k+1 个整数,表示第k个加油站与第k-1 个加油站之间的距_实验3.3 汽车加油问题 1、问题描述:一辆汽车加满油后可行驶nkm。旅途中有若干加油

windows下使用makefile编译C语言.doc_windows编译c文件make-程序员宅基地

文章浏览阅读1.5w次。1. 准备工作:程序:MinGW-3.1.0-1.exe windows下的gcc,编译c语言的工具下载地址: http://umn.dl.sourceforge.net/sourceforge/mingw/MinGW-3.1.0-1.exe make 按照makefile规则编译程序的工具位置 :w_windows编译c文件make