PS：转载请注明出处
作者: TigerChain
地址: https://www.jianshu.com/p/0830fe9950bb
本文出自 TigerChain 简书 侃大山
AI
从阿尔法"狗"到京东智能物流「大量机器人」，再到富士康的产线，人工智能显的越来越历害并且替代了人们的重复劳动，现在又充斥智能音响，智能汽车，智能女朋友 ... 等等，AI 使用场景逐渐增多
科技的进步确实带给人们极大的便利和快捷，但也导致一部分人"失业"，这个再正常不过了，马车替代了步行，自行车淘汰了马车，电动车淘汰了自行车/摩托车「共享单车不来，自行车行业真就死翘翘了」，新的事物替代旧的事物往往推动的是发展，所以这都是事物发展的规律
人工智能以后的使用场景可能会让人无法想像，但是目前来说想达到真正的人工那差的不止十万八千里，目前来说只是稍微智能一点而已，重复劳动肯定会被替代的「和写代码一毛一样，重复的代码迟早会被替代的」，扯的远了，回到主题
Sketch2Code
差不多几个月前左右微软开源了一个 Sketch2Code 东东，这是什么鬼，老话再牛 B 的论调也抵不过官网的定义,来 Look 一下
sketch2code
翻译过来就是把手绘的设计稿通过 AI 转化成 html，听起来有点高大尚，这让我想起了前一段时间 Google 开发的猜画小歌小程序--无疑都是把人工智能应用到特定的领域，让人们好玩的同时，感觉到人工智能就在我们身边
实战
对新鲜事物好奇的我就感受了一把 sketch2code ，它就是把一张草图上传到的指定的网站 https://sketch2code.azurewebsites.net，然后后台根据 AI 来识别图片中的框框条条后根据算法转化成 html 代码，废话不多说来一个例子看一下「为演示方便，我们来一个官方例子」
选择一张手稿
use-sketch2code-simple
点击绿色按钮使用这个例子
sketch2html-result
我们看到手搞「左边」生成了 html 界面「右边」，下面有下载 html 代码按钮，我们下载下来瞧瞧
simple-html
展示结果
生成的 html「部分内容没有展开」 默认是使用 bootstrap 来填充样式的，在网页上浏览没啥问题，我们切换到手机平台
phone-html-result
适配效果很差「还能愉快的写代码吗，说好的自动生成 html 呢？难不成要让我手动再改一下」
Sketch2Code 工作流程
Sketch2Code-workflow
大概就是通过微软的 Custom Vision「自定义模型，通过不同的手稿图片大量训练，并且标记了常见的 html 元素」然后通过一些服务生成对应的 html 片段
其实类似的工作 ps 有插件可以转化「不过是手动的，并且手绘的不可以」，我不禁想起了被人们遗忘的 dw「dreamware」那种所见即所得拖动一下就可以得到 html 界面「真特么爽」，而 Sketch2Code 就是把这些东西通过 AI 来解决掉了
前端凉了？
我大概看了一下 Sketch2Code 这个东东，就是一个把手稿转化 html 的这么一个东西，这个东西对产品经理来说做个原型是非常不错的选择「就目前来说」开发人员使用？还是算了吧，前端可不只是 html ，当然你现在只会一个 html 那你真该凉了，自从有了大前端以后，谁 tm 会一个 html 能找到工作「简直是扯淡」，大量的逻辑和 js 还有 css 的一些特效 Sketch2Code 根本做不到
历史前端工程师
如果倒退几年，在前后端没有分离，并且业务不复杂的 web 开发时代，前端就是一个写 html 模版的工作「经常被后端瞧不起-见的太多了」，那个时代前端写个 html 然后给后端去套模版调用，确实这个东西 Sketch2Code 就能帮你搞定，现在前端发生了翻天覆地的变化，半年不学习你就 out 了，特别是前后端分离以后
现在的前端
现在前端的生态发生了革命性的发展，以虚拟 dom 为主的前端框推动主流前端技术，并且前后端分离以后，大量的逻辑都放在前端了「前端不单单是画个 html 界面那么简单了」，学了 grunt 接着是 gulp ，gulp 还没有熟练 webpack 又出来了，你刚学会写 js ，commonjs 出来了，随着 node 的兴起 amd 又出来了「国内还出了个 cmd」后来 ES6 直接把前几个干趴下了，为了浏览器的兼容你得学 babel，为了模块化你得看 npm/yarn ... 你的学习速度永远跟不上前端发展的速度
bootstrap-lib01
bootstrap-lib02
bootstrap-lib03.
怎么样熟悉吧，没错这就是在 bootstrap 官网上列出的比较有代表性的框架或类库，你把这些东西都掌握了？你以为前端那么容易就是写一个 html，所以前端凉不了，你需要做的就是静下心好好的把技术学好，别听风就是雨好吧，为了有说服力，我特意看了一下招聘网站「以北京为例子搜索 html5 开发工程师」
牛 B 的可以达到百万级别
001.jpg
我们来一个没有排序随便搜索的，还是以北京为例子
002.jpg
基本上 2 年以上 html 开发经验就能拿到 1.5 万以上，岗位多的要死，包括 BAT 都在招牛 B 的工程师，所以不存在前端凉了一说，只有不断的提高技术才是王道，别的都扯淡
洗洗睡吧
前端凉不了，所以看到这些字眼，我想说洗洗睡吧，别听风就是雨「静下心来，提升自己比什么都强」
当然 Sketch2Code 的人工智能解放了部分 UI，原型图可以设计的很牛 B 了「不用再看手搞了」，产品经理以后可以横着走了「好像一直都是横着走的」
话说写一个 html 界面和 server 写 crud 一样没啥含量，如果 bootstrap 上面提到库和框架你都能吃透，拿不了高工资还有天理吗？还有王法吗？前端凉了只能当作娱乐娱乐一下就好了，真的洗洗睡吧，时间不早了
网友评论