山石网科谈AI技术在UI开发中的应用

随着AI技术的飞速进步,AI在编程领域的用途也变得日益广泛。UI开发,通常具有设计复杂、迭代周期快等特点,对研发效率提出较高的要求。通过AI技术,可以显著提升UI的研发效率,优化流程设计。

一、实践提升UI开发效率

1.UE图转代码

UI开发一般在UE图之后进行,AI对接UE图,有很大的发挥空间。

有了UE图之后,UI开发人员可以通过AI聊天,发送图片,让AI提供指定框架的代码,例如React+antd5。有的细节不够清晰的话,可以只截取一部分图片,提高生成代码的精准度。

AI生成的代码用作布局,完善度非常高,具体逻辑需要手动修改补充。

另外有的UE设计工具,可以使用网站自带的AI,从各个元素设计,直接输出代码,比截图更准确。

2.AI辅助编程

AI可以和开发工具结合,例如cursor、vscode+通义灵码,通过行提示,提高生成效率。通义灵码企业版等工具,可以上传指定代码(例如组件库),用作代码增强。

(1)行提示

1)通过AI,可以给函数、变量命名时,自动生成对应的内容。

2)ts直接写属性,自动生成类型定义代码。

3)tsx文件中,react组件的必须传递的方法,都有提示代码。选择合适的代码或者默认写上空函数。

(2)代码解释、优化

通过选择代码或者直接提问的方式,各种AI工具都能有解释和优化的效果。

(3)中英文翻译

中英文翻译,可以通过AI,直接翻译,并组织相应格式,提高了开发效率。

3.AI单元测试

通过各类AI代码工具,可以生成单元测试的case,帮助开发人员进行白盒自动化。

二、展望与思考

1.AI的效率提升

目前实际的UI开发中,大约有20%左右的代码,是AI生成的,极大的提高了开发效率。随着AI能力的持续进步,将来会有更大的发展空间。

2.AI的数据安全

(1)云端供应商

选择安全可信的AI供应商,做好网络安全限制。

(2)本地部署

AI的使用,经常需要把数据传输到企业之外,敏感数据可能存在数据安全的顾虑。特别重视安全的项目,可以本地部署AI。

使用vscode插件CodeGPT: Chat & AI Agents

可以达到编程使用AI的使用效果,模型的能力,可以随着开源模型的发布而逐渐提升。

3.AI能力展望

AI的潜力巨大,将来使用AI能力,可以把所有开发测试活动都整合打包。从需求分析、设计分析、出UE图、出代码、白盒单元测试、等全流程使用AI辅助或者完全解决。

山石网科公司介绍:

山石网科是中国网络安全行业的技术创新领导厂商,由一批知名网络安全技术骨干于2007年创立,并以首批科创板上市公司的身份,在2019年9月登陆科创板(股票简称:山石网科,股票代码:688030)。

现阶段,山石网科掌握30项自主研发核心技术,申请540多项国内外专利。山石网科于2019年起,积极布局信创领域,致力于推动国内信息技术创新,并于2021年正式启动安全芯片战略。2023年进行自研ASIC安全芯片的技术研发,旨在通过自主创新,为用户提供更高效、更安全的网络安全保障。目前,山石网科已形成了具备“全息、量化、智能、协同”四大技术特点的涉及边界安全、云安全、数据安全、业务安全、内网安全、智能安全运营、安全服务、安全运维等八大类产品服务,50余个行业和场景的完整解决方案。

【免责声明】【广告】本文仅代表作者本人观点，与和讯网无关。和讯网站对文中陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考，并请自行承担全部责任。邮箱：news_center@staff.hexun.com