序

在這個春暖花開的日子，前端智慧化的核心技術產品 imgcook.com 被 Thought Works 的 24 期技術雷達收錄，

ICON 識別的論文已正式發表（https://dl.acm.org/doi/10.1145/3397481.3450671），真可謂雙喜臨門。

在 Thought Works 的 24 期技術雷達裡（https://insights.thoughtworks.cn/thoughtworks-techradar-vol-24/），指出：

「imgcook是阿里巴巴旗下的軟體即服務產品。它可以透過智慧化技術把不同種類的視覺稿(Sketch/PSD/靜態圖片)一鍵生成前端程式碼。imgcook可以生成靜態程式碼，如果你定義了領域專用語言，它也可以生成資料繫結模組程式碼，該技術還沒達到完美的程度，設計人員需要參考某些規範，以提高程式碼生成的準確性（此後仍需開發人員的調整）。我們對於魔術程式碼生成一直十分謹慎，因為從長遠看，生成的程式碼通常很難維護，imgcook也不例外。但是如果你限定它用於特定的上下文，例如一次性活動廣告頁，這項技術值得一試。」

Thought Works 的 24 期技術雷達

可見，從 Thought Works 團隊到前端技術行業，對於 imgcook.com 的價值雖然保持肯定態度，但是，對於智慧生成程式碼的應用場景和程式碼可維護性還是普遍存在擔憂。因此，前端智慧化方向和 imgcook.com 的 D2C （Design To Code）技術還需要進一步的成熟和完善，用優秀的產品品質、先進的技術和紮實的服務，真正賦能一線前端研發人員，做到“技術普惠”。也因此，我想針對應用場景和程式碼的可維護性問題做一些簡要的說明，藉此打消一部分使用者的疑慮。

imgcook 應用場景問題

應用場景問題誠如 Thought Works 所言，imgcook 首先是一款透過視覺稿一鍵生成前端程式碼的 SaaS（軟體即服務）技術產品，透過訪問 imgcook.com 即可使用全部功能。其次，透過 DSL（Domain-Specific Language 領域專用語言）的定義，imgcook 可以適用於：前端、客戶端、小程式等不同的領域。

最後，透過 CLI（Command-Line Interface 命令列介面）將 imgcook 的功能深度整合進自己的前端業務平臺，並利用 imgcook 的欄位模型拓展自己的業務資料物件識別能力，即可適用於：使用者產品、工具產品、營銷導購產品、營銷活動承接頁……等一系列業務場景。

imgcook 研發效能資料概覽

現已在阿里巴巴集團超過 17 個 BU 落地，超過 20 個團隊透過 API 呼叫 imgcook 技術能力建設自己的業務平臺，支撐著各種 C 端業務場景和移動端業務。此外，透過 imgcook 還能夠生成以 CRUD 為核心功能的中後臺頁面程式碼，已經大規模在阿里雲等業務上落地應用。

imgcook 程式碼可維護性問題

程式碼的可維護性問題一直是我們關注的焦點，從最初的生成程式碼規則中對於：變數命名規範、變數書寫規範、變數使用規範等，到程式碼可用率度量，我們用豐富的維度去全面考察 imgcook 生成程式碼的可用率和可維護性：

程式碼可維護性的指標度量和監控

並且，每週都會對 Badcase 進行詳細的分析，從中找出工程技術、規則演算法和機器學習模型能力的問題和缺陷，加以改進，平均每個月因此修改的 BUG 和問題有數百個之多，持續的改進和迭代，持續的使用者使用和反饋，讓 imgcook 可以形成以使用者體驗為驅動力的增長飛輪。

對未來的思考

首先，我們會繼續關注：應用場景泛化能力和程式碼生成準確率 這兩個核心指標，根據使用者的反饋不斷藉助機器學習的能力進行最佳化和迭代，用優秀的體驗和堅若磐石的產品質量，真正服務好一線研發同學打造普惠的技術。

其次，利用 https://github.com/alibaba/pipcook 提供的前端機器學習框架，幫助一線開發者藉助機器學習的能力定製自己的演算法模型，進一步提升 imgcook 在業務上的表現力。

pipcook icon

最後，圍繞動畫、動效、富互動……等問題，用 imgcook 降低前端在複雜需求、跨平臺、跨場景業務開發過程中遇到的實際研發問題，進一步提升前端技術的業務表現力，讓前端技術支撐的業務徹底擺脫生產力束縛。

從 CCF 論文 IconFont 識別為起點，阿里巴巴前端委員會智慧化方向必將產出更多有價值的研究成果，分享到各種頂會和學術期刊上接受同行的檢驗，讓我們可以用更加客觀、更加全面的視角，來評價我們的研究和技術工程成果是否具有技術先進性。

同時，也能夠用這種方式來為前端技術帶來更多新的思考和理論工具。我會和阿里巴巴前端委員會、智慧化方向、淘系技術前端、F(x)Team、開源社群和技術生態的夥伴們一起，繼續努力和堅持我們“技術普惠、賦能一線研發”的理想，讓時間來證明一切吧。

趕緊開啟 https://job.alibaba.com/zhaopin/position_detail.htm?trace=qrcode_share&positionCode=GP709135 連結，

用你的簡歷敲開無限可能的 F(x)Team 之路吧！