Tagged articles

code generation

539 articles · Page 6 of 6
Alibaba Cloud Developer
Alibaba Cloud Developer
Feb 19, 2020 · Frontend Development

How AI Is Revolutionizing Front-End Code Generation

This article explores how AI-driven front‑end code generation—from design‑to‑code pipelines, product analyses, technical challenges, and layered recognition models—to improve developer efficiency, detailing the D2C system, its real‑world deployment during 2019 Double‑11, and future roadmap.

aiautomationcode generation
0 likes · 19 min read
How AI Is Revolutionizing Front-End Code Generation
Top Architect
Top Architect
Feb 12, 2020 · Backend Development

Refactoring a 3000‑Line Legacy Data‑Center Management System to 15 Lines: Lessons and Best Practices

This article recounts how a developer transformed a massive three‑thousand‑line C# data‑center monitoring client into a concise fifteen‑line solution by applying reflection, generics, and systematic refactoring, while sharing practical advice on avoiding code generators, reinventing the wheel, and using unit tests to foster clean architecture.

C++code generationrefactoring
0 likes · 18 min read
Refactoring a 3000‑Line Legacy Data‑Center Management System to 15 Lines: Lessons and Best Practices
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 3, 2020 · Frontend Development

How Frontend Code Was Auto-Generated for Alibaba’s Double‑11 Event

This article explains how Alibaba's Frontend Intelligent Project automatically generated 79.34% of the Double‑11 page code by recognizing business modules from visual drafts using data‑augmented samples, traditional multi‑class machine‑learning models, and a pipeline of preprocessing, model training, deployment, and OOD handling.

Model deploymentautomationcode generation
0 likes · 15 min read
How Frontend Code Was Auto-Generated for Alibaba’s Double‑11 Event
58 Tech
58 Tech
Dec 18, 2019 · Mobile Development

App Factory: iOS‑Centric Theory and Practice for Multi‑App Generation

The article introduces the concept of an App Factory—a code‑generation platform that, based on a unified component library and dependency graph, can produce multiple iOS applications on demand while eliminating unused code, and details its architecture, implementation methods, quality controls, and real‑world results within 58.com’s ecosystem.

Dependency ManagementPod Architectureapp factory
0 likes · 30 min read
App Factory: iOS‑Centric Theory and Practice for Multi‑App Generation
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 10, 2019 · Frontend Development

How AI Powers Automatic Frontend Code Generation

This article explains how Alibaba's Frontend Intelligent project uses design‑to‑code techniques, component recognition with YOLO, and a full pipeline of sample creation, model training, evaluation, and prediction refinement to automatically generate a large portion of the Double‑11 event code.

YOLOaicode generation
0 likes · 8 min read
How AI Powers Automatic Frontend Code Generation
Taobao Frontend Technology
Taobao Frontend Technology
Dec 5, 2019 · Frontend Development

From UI Sketch to Code: Frontend Intelligence Generates 79% of Double‑11 Modules

This article explains how Alibaba's Front‑End Intelligent project automatically converts UI design images into production‑ready code, covering layout analysis, background and foreground processing, a fusion of traditional image algorithms with deep‑learning detection, GAN‑based complex‑background extraction, experimental results and real‑world deployment.

GaNautomationcode generation
0 likes · 21 min read
From UI Sketch to Code: Frontend Intelligence Generates 79% of Double‑11 Modules
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 5, 2019 · Frontend Development

How Frontend Code Is Automatically Generated: Inside Alibaba’s AI‑Powered D2C Pipeline

This article explains Alibaba's front‑end intelligent project that automatically generated 79.34% of the Double‑11 UI code, detailing why images are used as input, the layered image‑processing pipeline, background and foreground analysis, traditional versus deep‑learning methods, fusion techniques, evaluation results, and real‑world deployments.

code generationfrontendimage processing
0 likes · 20 min read
How Frontend Code Is Automatically Generated: Inside Alibaba’s AI‑Powered D2C Pipeline
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 21, 2019 · Frontend Development

How AI Is Revolutionizing Front‑End Development: From Design Drafts to Code

This article explores the rise of front‑end intelligence, analyzing background trends, competitive solutions, problem decomposition, and technical approaches for automatically converting design drafts into HTML, CSS, and JavaScript, while discussing challenges, model accuracy, data quality, and future roadmap for the D2C (Design‑to‑Code) system.

aiautomationcode generation
0 likes · 20 min read
How AI Is Revolutionizing Front‑End Development: From Design Drafts to Code
Alibaba Cloud Developer
Alibaba Cloud Developer
Sep 18, 2019 · Backend Development

Boost Your Coding Speed: 6 Proven Code‑Generation Techniques

This article explores six practical ways to accelerate Java development—from hand‑writing and copy‑pasting to Excel formulas, code‑generation tools, and custom generators—detailing their workflows, sample code, advantages, drawbacks, and how to choose the right method for any project.

MyBatiscode generationproductivity
0 likes · 15 min read
Boost Your Coding Speed: 6 Proven Code‑Generation Techniques
58 Tech
58 Tech
Sep 12, 2019 · Backend Development

Using PSI in IntelliJ IDEA Plugin Development

This article explains the concept of PSI (Program Structure Interface) in IntelliJ IDEA, demonstrates how to obtain PsiFile objects, manipulate PsiJavaFile, PsiClass, PsiField, and add annotations and parameters, providing a practical guide for plugin developers.

IDEIntelliJ IDEAJava
0 likes · 6 min read
Using PSI in IntelliJ IDEA Plugin Development
Xianyu Technology
Xianyu Technology
Aug 22, 2019 · Fundamentals

Metaprogramming in Dart: AST Manipulation with Dill

Metaprogramming in Dart leverages the Dill intermediate representation and its abstract syntax tree to programmatically generate, transform, or inject code at compile time, enabling features such as custom serialization, AOP hooks, and reflection‑like capabilities without runtime overhead.

ASTDARTMetaprogramming
0 likes · 8 min read
Metaprogramming in Dart: AST Manipulation with Dill
FunTester
FunTester
Aug 14, 2019 · Backend Development

Auto‑Generating Java API Test Code from Swagger JSON

This article explains how to parse a Swagger JSON document and automatically generate maintainable Java test code for each API endpoint, detailing the handling of GET query parameters, POST form‑data, RESTful path variables, and header conventions.

API testingJavaSwagger
0 likes · 17 min read
Auto‑Generating Java API Test Code from Swagger JSON
Didi Tech
Didi Tech
Jul 13, 2019 · Frontend Development

Unlocking Webpack’s Tapable: How Hooks Power Efficient Builds

This article explains the inner workings of Tapable—the hook library behind Webpack—by detailing its synchronous and asynchronous hook types, registration and invocation methods, the lazy‑compilation code‑generation process, and how these mechanisms give Webpack a performance edge over naïve event loops.

Build ToolsHooksJavaScript
0 likes · 17 min read
Unlocking Webpack’s Tapable: How Hooks Power Efficient Builds
Sohu Tech Products
Sohu Tech Products
Jul 10, 2019 · Mobile Development

Using Annotation Processing Tool (APT) for Automated Code Generation in Android Development

This article explains the concept and practical application of the Annotation Processing Tool (APT) in Android development, demonstrating how to set up an APT project, define annotations, process them with custom processors, and automatically generate Java code for activity navigation using JavaPoet.

AndroidAnnotation ProcessingJavaPoet
0 likes · 15 min read
Using Annotation Processing Tool (APT) for Automated Code Generation in Android Development
Xianyu Technology
Xianyu Technology
Jun 18, 2019 · Mobile Development

AspectD – A Dart AOP Framework for Flutter

AspectD is a compile‑time Aspect‑Oriented Programming framework for Dart that traverses Flutter’s dill intermediate files to inject, call, or execute advice code, allowing non‑intrusive instrumentation, logging, and UI event injection without modifying source, and integrates into the build pipeline via a toolchain patch.

AOPAspectDDART
0 likes · 13 min read
AspectD – A Dart AOP Framework for Flutter
21CTO
21CTO
May 1, 2019 · Backend Development

How Lombok Transforms Java: Reduce Boilerplate with Simple Annotations

This article explains why Lombok was created to eliminate repetitive Java code, shows how to add the Maven dependency, configure IDE support, describes its annotation‑processing mechanism, and demonstrates the most common Lombok annotations with before‑and‑after code examples.

IDEJavaLombok
0 likes · 8 min read
How Lombok Transforms Java: Reduce Boilerplate with Simple Annotations
Xianyu Technology
Xianyu Technology
Mar 29, 2019 · Mobile Development

Translating UI DSL to Flutter Code: Architecture and Algorithms

The UI2CODE pipeline converts image‑derived JSON DSL layouts into Flutter code by constructing a hierarchical DSL tree, partitioning it into rows, columns or stacks, applying unsupervised text‑alignment and padding heuristics, generating templated widget code with separate data models, cutting development effort by roughly two‑thirds and now used internally at Xianyu.

DSLFlutterLayout
0 likes · 11 min read
Translating UI DSL to Flutter Code: Architecture and Algorithms
Xianyu Technology
Xianyu Technology
Mar 27, 2019 · Mobile Development

Flutter Dynamic Template Rendering for Xianyu App

To meet Xianyu’s rapid UI change demands and curb its swelling Android package, the team built a Flutter‑specific dynamic template system that compiles Dart widget code into JSON, streams it to the client, reconstructs the widget tree at runtime, and maintains 55‑60 fps performance while planning further widget support and caching.

DARTFluttercode generation
0 likes · 11 min read
Flutter Dynamic Template Rendering for Xianyu App
Xianyu Technology
Xianyu Technology
Feb 21, 2019 · Artificial Intelligence

UI2CODE: AI‑Powered Automatic UI‑to‑Flutter Code Generation

UI2CODE, an AI‑powered tool from Xianyu’s tech team, automatically transforms UI screenshots into editable Flutter code by extracting visual elements with machine‑vision, classifying them via deep‑learning, generating a domain‑specific language through a recursive neural network, and mapping this DSL onto syntax‑tree templates to achieve pixel‑level precision, full accuracy, and maintainable output.

Fluttercode generationmachine vision
0 likes · 8 min read
UI2CODE: AI‑Powered Automatic UI‑to‑Flutter Code Generation
MaGe Linux Operations
MaGe Linux Operations
Dec 24, 2018 · Fundamentals

How Programming Languages Really Work: Inside the Compiler Journey

This article demystifies how programming languages are transformed by compilers, covering the roles of lexical analysis, parsing, abstract syntax trees, code generation, and linking, with practical Rust examples, diagrams, and references to deepen your understanding of language implementation.

Programming LanguageRustcode generation
0 likes · 14 min read
How Programming Languages Really Work: Inside the Compiler Journey
Xianyu Technology
Xianyu Technology
Dec 14, 2018 · Mobile Development

How to Build a Lightweight Flutter Router with Dart Annotations

This article explains how to replace cumbersome if‑else or manual map‑based routing in Flutter with a lightweight, annotation‑driven solution that automatically generates a page‑to‑URL mapping at compile time, using Dart's source_gen, build, and analyser packages.

DARTFlutterannotations
0 likes · 10 min read
How to Build a Lightweight Flutter Router with Dart Annotations
Xianyu Technology
Xianyu Technology
Jul 6, 2018 · Frontend Development

ui-automation: Automated UI Code Generation from Sketch and Images

ui‑automation, developed by Alibaba’s Xianyu team, automatically converts Sketch files or PNG images into clean, maintainable UI code for platforms such as Flutter or Weex by extracting visual information, building a hierarchical DSL, and applying template generation, delivering senior‑engineer‑level quality while overcoming the maintainability limits of earlier scanning‑based approaches.

DSLFront-endLayout Inference
0 likes · 8 min read
ui-automation: Automated UI Code Generation from Sketch and Images
Java Captain
Java Captain
Jun 21, 2018 · Backend Development

Step-by-Step Guide to Building a Spring Boot MyBatis Demo Project

This article provides a detailed tutorial for creating a Spring Boot project with MyBatis, including environment setup, Maven dependencies, configuration files, database creation, MyBatis generator usage, and sample controller, service, and mapper code, enabling pagination with PageHelper and testing via HTTP requests.

Backend DevelopmentJavaMyBatis
0 likes · 14 min read
Step-by-Step Guide to Building a Spring Boot MyBatis Demo Project
Programmer DD
Programmer DD
May 13, 2018 · Backend Development

How Lombok Supercharges Java Development: Install, Core Annotations, and Behind‑the‑Scenes Mechanics

This article introduces Lombok—a Java library that eliminates boilerplate code—by showing how to install it in IntelliJ, demonstrating the most common annotations with runnable examples, and revealing the annotation‑processing mechanism that generates the bytecode during compilation.

Annotation ProcessingBackend DevelopmentIDE
0 likes · 11 min read
How Lombok Supercharges Java Development: Install, Core Annotations, and Behind‑the‑Scenes Mechanics
Qunar Tech Salon
Qunar Tech Salon
Apr 24, 2018 · Frontend Development

Generating Design Assets with React‑Sketchapp: A Practical Guide

This article introduces the React‑Sketchapp tool for generating Sketch design assets from code, explains why code‑based design generation is beneficial, provides step‑by‑step setup commands, showcases example components and API usage, and reflects on its impact on design‑development workflows.

UI componentscode generationdesign systems
0 likes · 9 min read
Generating Design Assets with React‑Sketchapp: A Practical Guide
Tencent Cloud Developer
Tencent Cloud Developer
Mar 23, 2018 · Mobile Development

Building Custom Android Studio Plugins to Automate Code Generation

By walking through the creation of a custom Android Studio (IntelliJ) plugin that reads protobuf files and auto‑generates Service and Presenter classes, the author shows how VFS, PSI, and project‑model APIs can replace tedious manual coding, delivering roughly 5.5% time savings per requirement.

Android Studio PluginIntelliJ PluginProtobuf
0 likes · 10 min read
Building Custom Android Studio Plugins to Automate Code Generation
Java Captain
Java Captain
Jan 26, 2018 · Backend Development

Generating and Parsing QR Code Images in Java with ZXing

This article demonstrates how to use Google's ZXing Core library in a Java Maven project to generate QR code images, create random verification codes, and decode QR codes from files, providing complete code examples and step-by-step instructions.

JavaMavenQR code
0 likes · 12 min read
Generating and Parsing QR Code Images in Java with ZXing
MaGe Linux Operations
MaGe Linux Operations
Jan 8, 2018 · Backend Development

How to Build a Simple Python Template Engine from Scratch

This article explains why a template engine is needed for web applications that mix large static HTML with dynamic data, describes the supported template syntax based on Django, and walks through the implementation of a Python‑based engine that parses templates, compiles them into Python code, and renders the final HTML efficiently.

PythonWeb Developmentcode generation
0 likes · 17 min read
How to Build a Simple Python Template Engine from Scratch
Java Backend Technology
Java Backend Technology
Dec 9, 2017 · Backend Development

Boost Java Development: Master Lombok for Elegant Get/Set and Code Generation

This article introduces Lombok as a Java code‑simplification tool, explains how to install the IDEA plugin and add the Maven dependency, demonstrates basic and advanced annotation usage, discusses domain‑driven design models, and shows how Lombok can be combined with FreeMarker and MyBatis for automatic code generation.

Backend DevelopmentDomain-Driven DesignJava
0 likes · 8 min read
Boost Java Development: Master Lombok for Elegant Get/Set and Code Generation
Architecture Digest
Architecture Digest
Jan 6, 2017 · Artificial Intelligence

Deep Learning Approaches to Automatic Programming: Black‑Box and Code‑Generation Paradigms

Recent advances in deep learning have enabled machines to automatically generate code, with research divided into black‑box methods that learn input‑output transformations and code‑generation approaches that produce explicit program fragments, exemplified by systems such as Neural Program Interpreters and hierarchical generative CNN models.

automatic programmingcode generationinductive program synthesis
0 likes · 19 min read
Deep Learning Approaches to Automatic Programming: Black‑Box and Code‑Generation Paradigms
High Availability Architecture
High Availability Architecture
Dec 9, 2016 · Backend Development

Serverless Backend Generation: Using a Generic CRUD Layer to Eliminate Traditional Backend Development

The article presents a serverless‑style solution that replaces a heavy backend with a lightweight, automatically generated CRUD layer, detailing RESTful API conventions, extensions for batch operations, query parameters, foreign‑key handling, and a Rails‑based code‑generation pipeline to streamline development of a high‑availability supply‑chain system.

APIBackend DevelopmentCRUD
0 likes · 18 min read
Serverless Backend Generation: Using a Generic CRUD Layer to Eliminate Traditional Backend Development
Architecture Digest
Architecture Digest
Jun 6, 2016 · Backend Development

Refactoring a 3000‑Line C# Factory Class into a Concise 15‑Line Implementation

The article recounts how the author transformed a massive, repetitive three‑tier factory class in a C# data‑center management system into a clean, reflection‑based solution of just a few lines, while sharing practical refactoring lessons, pitfalls of code generators, and advice on unit‑testing and architecture design.

C++code generationrefactoring
0 likes · 17 min read
Refactoring a 3000‑Line C# Factory Class into a Concise 15‑Line Implementation