F(X) Team of Ali Tao Department – Zhen Zi

sequence

On this spring day, imgCook.com, the core technology product of front-end intelligence, has been included in Thought Works’ 24 issue technology radar, and the paper of ICON recognition has been officially published (dl.acm.org/doi/10.1145… Double happiness.

At the Thought of the Works 24 technology in radar (insights. Thoughtworks. Cn/thoughtwork…). , it is pointed out that:

Imgcook is a software-as-a-service product from Alibaba. It uses smart technology to generate front-end code from different types of visual sketches /PSD/ static images with one click. Imgcook can generate static code, or data binding module code if you define domain-specific language. Didn’t achieve perfect the technology, designers need to refer to certain norms, to improve the accuracy of code generation (after that still need to the adjustment of the developers). We’ve been very careful about magic code generation, because in the long run, the generated code is often difficult to maintain, imgcook is no exception. But if you limit it to a specific context, One-off campaign pages, for example, are worth a try.”


While positive about the value of IMGCook.com, from the Thought Works team to the front-end technology industry, there are widespread concerns about the application scenarios and code maintainability of intelligently generated code. Therefore, the direction of front-end intelligence and IMGCook.com’S D2C (Design To Code) technology still need To be further mature and perfect, with excellent product quality, advanced technology and solid service, truly empower front-line r&d staff, To achieve “technology universal benefits”. Therefore, I would like to make a few brief remarks about application scenarios and code maintainability to reassure some users.

Imgcook Application scenario problem

As Thought Works said, imgCook is first and foremost a SaaS (software as a service) technology product that generates front-end code with one click of a visual script, all of which can be accessed by visiting imgcook.com. Second, imgCook can be applied to different domains: front-end, client, applets, and so on by defining domain-specific Language (DSL).

Finally, imgCook’s functions are deeply integrated into its front-end business platform through the CLI (Command-line Interface), and imgCook’s field model is used to expand its business data object recognition ability, which can be applied to: User products, tool products, marketing guide products, marketing activities to undertake pages…… And a series of business scenarios.

Imgcook Overview of R&D performance data


It has been settled in more than 17 BU of Alibaba Group, and more than 20 teams have built their own business platforms through API calls to IMGCook technology capabilities, supporting various C-end business scenarios and mobile end businesses. In addition, imgCook can also generate the middle and background page code with CRUD as the core function, which has been applied in ali Cloud and other businesses on a large scale.

Imgcook code maintainability issues

Imgcook generated code availability and maintainability in a wide range of dimensions, from naming, writing, and using variable rules to code availability metrics:

Metrics for code maintainability measurement and monitoring


In addition, Badcase will be analyzed in detail every week, from which problems and defects of engineering technology, rule algorithm and machine learning model ability will be found and improved. On average, hundreds of bugs and problems will be modified every month. Continuous improvement and iteration, continuous user use and feedback. Imgcook can become a user experience-driven flywheel of growth.

Thoughts about the future

First of all, we will continue to pay attention to the following two core indicators: application scenario generalization ability and code generation accuracy. According to user feedback, we will continue to optimize and iterate with the help of machine learning ability. With excellent experience and solid product quality, we will truly serve front-line r&d students to create universal benefits technology.

Secondly, use github.com/alibaba/pip… Imgcook provides a front-end machine learning framework to help front-line developers customize their algorithm models with the help of machine learning capabilities and further enhance business performance.


Finally, around animation, motion effects, rich interaction… Imgcook reduce the front-end in complex requirements, cross-platform, cross-scene business development process encountered actual RESEARCH and development problems, further enhance the front-end technology business performance, so that the front-end technology support business completely get rid of productivity constraints.

From CCF paper IconFont recognition as a starting point, alibaba front committee intelligent direction will produce more valuable research results, will share to all kinds of top and academic journals for inspection, that we can find more objective and more comprehensive perspective, to evaluate whether our research and technology engineering achievement has technology advanced.

At the same time, this way can bring more new thinking and theoretical tools to the front-end technology. Together with alibaba Front End Committee, Intelligent Direction, Tao Technology front end, F(X)Team, open source community and technology ecology partners, I will continue to work hard and adhere to our ideal of “technology benefits, enabling front-line research and development”, let time prove everything.


F(X) Team sincerely invites all front-end heroes


Unlock job.alibaba.com/zhaopin/pos… Use your resume to tap into the endless possibilities of F(X)Team!