前端干著干著，就把自己干沒了......

要說開源精神，阿里估計在國內(nèi)能夠排在最前列。

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

最近阿里也沒閑著，又發(fā)布了大家喜聞樂見的代碼自動生成工具 imgcook。

代碼是如何自動智能生成的？

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

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

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

https://imgcook.taobao.org/

自動代碼生成惹爭議：究竟是痛點還是偽需求？

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

有表示高度認可的：

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

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

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

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

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

@mountainguan：pix2code…響了一下沒了下文，最后一個commit都一年前了。

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

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

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

@fancy-pants：感覺都是聽上去酷炫，用上去很爛的東西。

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

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

@Ahkari卡貍：前端干著干著，就把自己干沒了。

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

事實上，此前也曾出現(xiàn)過大量的代碼自動生成器，但似乎并沒有掀起太大的波瀾。那么對于程序員來說，所謂的代碼生成、自動編程真的有實際價值嗎？

自動編程有實際價值嗎？

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

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

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

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

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

所以別妄想自動編程了。

——這樣看來，大家“追崇”的自動編程似乎頗有烏托邦之感。

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

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

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