開源會上癮,你看阿里,接二連三“搞事情”,一年都不知道開源了多少產(chǎn)品了。
最近阿里有發(fā)布了 imgcook 社區(qū)體驗版。該產(chǎn)品經(jīng)過淘寶前端團隊內(nèi)部近 2 年的打磨。目測又要有不少前端程序員畢業(yè)吧!
imgcook 是專注以各種圖像(Sketch/PSD/靜態(tài)圖片)為原材料烹飪的匠心大廚,通過智能化手段將各種圖像一鍵生成可維護的 UI 視圖代碼,期望此 imgcook (圖像大廚) 未來能夠成為一位 P5 級別的重構(gòu)工程師,能切實提高開發(fā)的開發(fā)效率,并助力開發(fā)、設(shè)計師、測試的高效協(xié)作,淘寶期望 imgcook 做到:
100% 還原【設(shè)計師再也不用還原走查了】
100% 兼容【測試再也不用適配樣式了】
一鍵上線【開發(fā)再也不用切圖寫樣式了】
imgcook 的愿景:能夠高度還原各種圖像,釋放 UI 開發(fā)生產(chǎn)力,讓你關(guān)注更具挑戰(zhàn)性的事情!
對于 AI 編程來說,imgcook 不是第一個,也絕不是最后一個。早前微軟就已經(jīng)宣布 AI 編碼 Sketch2Code 了,具體可以看我的這篇文章《微軟開源的 Sketch2Code(草圖變代碼,AI編碼,AI開發(fā)) 是個什么東東?》。
話說回來,淘寶 imgcook 主要解決的問題是:使用圖像生成代碼的時候,我們關(guān)心的不僅僅是生成 UI 的還原度,也關(guān)心生成的代碼是否合理、可維護,如果生成的代碼屬于不可讀不可維護的快餐代碼,開發(fā)使用上再對其進行二次開發(fā)就會顯得極為艱難,而往往后者的難度相比前者更甚,如果需要在生產(chǎn)環(huán)境中使用,這個問題就無法避免。
對此,imgcook 的定位就在于解決 UI 還原以及生成可維護代碼的問題。
對于可維護性代碼的問題,imgcook 會對還原后的 UI 在代碼層面上生成目前使用比較廣泛的 Flexbox 布局以及相對定位布局,在一些自定義的命名上(比如樣式命名),imgcook 也會根據(jù)開發(fā)者的習(xí)慣生成更加人性化的命名。
目前 imgcook 推出的社區(qū)體驗版,除了有 Sketch 版插件,還有基于在線編輯的 web 版。web 版體驗地址是:https://imgcook.taobao.org/project。