前端干著干著，就把自己干沒(méi)了......

要說(shuō)開(kāi)源精神，阿里估計(jì)在國(guó)內(nèi)能夠排在最前列。

近幾年，阿里接二連三“搞事情”。根據(jù)阿里近期發(fā)布的《2018 年度代碼報(bào)告》顯示，目前阿里巴巴就已經(jīng)有 400 多個(gè)開(kāi)源項(xiàng)目，涉及中間件、框架、組件、數(shù)據(jù)庫(kù)、存儲(chǔ)等，包括滴滴、網(wǎng)易、Netflix、Uber 在內(nèi)的互聯(lián)網(wǎng)公司都是阿里開(kāi)源項(xiàng)目的使用者。

最近阿里也沒(méi)閑著，又發(fā)布了大家喜聞樂(lè)見(jiàn)的代碼自動(dòng)生成工具 imgcook。

代碼是如何自動(dòng)智能生成的？

imgcook 中文譯為“圖像大廚”，顧名思義，它是一款專注于各種圖像（Sketch、PSD、靜態(tài)圖片）處理的工具，通過(guò)智能化手段將各種圖像一鍵生成可維護(hù)的 UI 視圖代碼。

雖說(shuō)目前還只是社區(qū)體驗(yàn)版，但其也是經(jīng)過(guò)淘寶前端團(tuán)隊(duì)內(nèi)部近 2 年的打磨才推出的全新產(chǎn)品。按照阿里官方的說(shuō)法，這個(gè)打著“高度還原各種圖像，釋放 UI 開(kāi)發(fā)生產(chǎn)力”口號(hào)的imgcook 未來(lái)足以成為一位 P5 級(jí)別的重構(gòu)工程師，實(shí)現(xiàn) 100% 的還原、100% 的兼容、以及一鍵上線！

也就是說(shuō)，設(shè)計(jì)師再也不用還原走查了，測(cè)試再也不用適配樣式了，開(kāi)發(fā)再也不用切圖寫樣式了，喜大普奔有沒(méi)有......

https://imgcook.taobao.org/

自動(dòng)代碼生成惹爭(zhēng)議：究竟是痛點(diǎn)還是偽需求？

對(duì)此，眾多吃瓜網(wǎng)友們立即興沖沖地圍觀吐槽之。

有表示高度認(rèn)可的：

@劉子健_且行且歌：個(gè)人體驗(yàn)了一下，感覺(jué)還是不錯(cuò)的，總體而言瑕不掩瑜。 之前在 Github 也關(guān)注過(guò)類似的項(xiàng)目，但都是一些論文和實(shí)驗(yàn)的數(shù)據(jù)，而這個(gè)作為實(shí)實(shí)在在可用的系統(tǒng)，至少是一個(gè)可用的工具了，能幫我們減少一部分的頁(yè)面開(kāi)發(fā)工作量。 如果真的要做到電影里那種 AI 的效果，估計(jì)那時(shí)候大家就都都等著失業(yè)了。

@小豬快跑lele：今天在D2聽(tīng)到了甄子的分享，以及現(xiàn)場(chǎng)體驗(yàn)了一下，確實(shí)挺棒的，識(shí)別率也很高，個(gè)人感覺(jué)還是很有用的。但是這對(duì)設(shè)計(jì)人員有了要求，即設(shè)計(jì)稿要極其符合設(shè)計(jì)規(guī)范才能保證成功率和后期改動(dòng)的成本。

@大明爺：太棒了，希望趕緊應(yīng)用于各種復(fù)雜場(chǎng)景，終于不用寫 CSS HTML 這破玩意兒了。

@Quetzalcoatlus1：后端菜雞翹首以盼，寫 CSS 是我最痛苦的時(shí)候。

也有隨即聯(lián)想到其他或曇花一現(xiàn)、或艱難求存的代碼生成器：

@mountainguan：pix2code…響了一下沒(méi)了下文，最后一個(gè)commit都一年前了。

robert_：很早以前 DreamViewer 也有，但是當(dāng)時(shí)的基礎(chǔ)設(shè)施不完善，現(xiàn)在才逐漸有了模塊標(biāo)準(zhǔn)，有了豐富的組件。

更多的是存疑，并且對(duì)前端表示深深的擔(dān)憂：

@披荊走天涯：不是，我就想問(wèn)下，這有啥用？生成的代碼如果我要寫交互的話，還得再看半天。

@fancy-pants：感覺(jué)都是聽(tīng)上去酷炫，用上去很爛的東西。

@闊諾瀟二狗噠：前端更輕松了還是失業(yè)警告？

@Andself：前端互相搶飯碗可真的激烈??！

@Ahkari卡貍：前端干著干著，就把自己干沒(méi)了。

微博博主@Easy 對(duì)于前端“革命”的這一命題就表示，了解了語(yǔ)法和結(jié)構(gòu)、主要函數(shù)，再補(bǔ)一下 Swoole 和框架等，基本上就是一個(gè)現(xiàn)代 PHP 程序員了。

事實(shí)上，此前也曾出現(xiàn)過(guò)大量的代碼自動(dòng)生成器，但似乎并沒(méi)有掀起太大的波瀾。那么對(duì)于程序員來(lái)說(shuō)，所謂的代碼生成、自動(dòng)編程真的有實(shí)際價(jià)值嗎？

自動(dòng)編程有實(shí)際價(jià)值嗎？

有很多廣為人知的自動(dòng)代碼生成工具都曾引起過(guò)公眾的關(guān)注，比如微軟的 Robust Fill、上面提到的 pix2code、DreamViewer 等等，此前微軟發(fā)布的 Visual Studio 還支持智能輔助編程。但是喧囂之下，更多的卻是跟風(fēng)模仿，鮮少有人會(huì)真正在編程中應(yīng)用，其生產(chǎn)價(jià)值也無(wú)從考究。

對(duì)于這一點(diǎn)，王垠在個(gè)人博客《我為什么不在乎人工智能》中就老早發(fā)表過(guò)自己的看法：

我現(xiàn)在可以很簡(jiǎn)單的告訴你，（自動(dòng)編程系統(tǒng)）是不可能實(shí)現(xiàn)的。

要機(jī)器做事，人必須至少告訴機(jī)器自己“想要什么”，然而表達(dá)這個(gè)“想要什么”的難度，其實(shí)跟編程幾乎是一樣的。

好的編程工具可以讓程序員工作更加舒心和高效，但任何試圖取代程序員工作、節(jié)省編程勞力開(kāi)銷、克扣程序員待遇、試圖把他們變成“可替換原件”的做法最終都會(huì)倒戈，使得雇主收到適得其反的后果。

所以別妄想自動(dòng)編程了。

——這樣看來(lái)，大家“追崇”的自動(dòng)編程似乎頗有烏托邦之感。

但也有很多人表示，“瑕不掩瑜，其實(shí)它們至少是一個(gè)可用的工具”、“雖然效果有點(diǎn)堪憂，但是可以假裝代碼實(shí)際上是雇了一個(gè)月薪 3k 的實(shí)習(xí)生寫的，心里就很能接受了”......而且隨著人工智能技術(shù)的深度應(yīng)用，總體來(lái)看也是持續(xù)優(yōu)化的趨勢(shì)，不是嗎？

再看回來(lái) imgcook 這一工具，作為“淘寶前端團(tuán)隊(duì)內(nèi)部近 2 年的打磨才推出的全新產(chǎn)品”，在代碼生成的合理性、可維護(hù)性上也是下了一番功夫，對(duì)于二次開(kāi)發(fā)顯得比較友好。此外，imgcook 還會(huì)“對(duì)還原后的 UI 在代碼層面上生成使用比較廣泛的 Flexbox 布局”、“在一些自定義的命名上（比如樣式命名）根據(jù)開(kāi)發(fā)者的習(xí)慣生成更加人性化的命名”等人性化、智能化設(shè)計(jì)。

所以，這個(gè)不算雞肋的工具，或許也是值得一試的。