人工智能时代,前端如何抓住机会

news2024/11/18 7:53:15

自从 2022 年底 OpenAI 推出了 ChatGPT3.5 后,GPT 的活跃用户数快速突破一亿,打破了互联网应用发展的历史记录。ChatGPT是一种基于人工智能技术的聊天机器人,它可以理解人类的自然语言,模拟人类的语言和思维方式,与人类进行自然的对话。GPT 技术的发展,给社会带来了巨大的影响,各行各业都在讨论GPT影响和带来的机会。

微软公司创始人比尔·盖茨在其博客文章《人工智能时代已经开启》中表示,自1980年首次看到图形用户界面(graphical user interface)以来,OpenAI的GPT人工智能模型是他所见过的最具革命性的技术进步。

前端工程师本质上是开发软件 GUI(graphical user interface) 部分,GPT 技术发展使得应用从 GUI 慢慢往 GUI&LanguageUI结合方向发展,对于软件工程在视图层的架构要求更高,帮助产品更加好用和业务上能取到更大的业务价值。在这个充满变化和机会的时代,我们前端开发者如何抓住机会呢?本文从认识 GPT、GPT 集成软件调研和机会等方面分享下自己的看法。

1.认识GPT

GPT是目前自然语言处理领域最先进、最强大的机器学习模型,它能够理解人类自然语言生成自然语言文本和执行某些任务,除了理解自然语言外,还可以解决跨越数学、编码、视觉、医学、法律、心理学等问题。

GPT 通过大量高质量文档的训练,知识非常渊博,通过阅读 Sparks of Artificial General Intelligence: Early experiments with GPT-4 我们能够得出,GPT 在文科考试、做选择题等方面表现比较好,比如在美国律师资格考试测试中GPT-4的成绩可以达到前 10%;但在数学考试,编程表现比较一般。

以编程为例,如上图所示,GPT4在简单的问题上的正确率为31(41),在中等难度问题上的正确率为21(80),在复杂问题上的正确率为3(45)。可以看出,GPT4在简单问题上表现还算可靠,但并不完全可靠,而在高等和中等难度问题上表现相对较差。

虽然GPT能理解自然语言,还能解决一些学科问题,但在自主学习、归纳抽象、逻辑推理、创新、情景感知等智能能力上,存在明显缺陷。比如推理方面,GPT 模型使用前文 token 预测下一个 token,这种预测方法使得 GPT 模型是一种线性思维,而人的思维比这种线性思考复杂多了。另外GPT对数据依赖性强,高质量数据对 GPT 非常重要,容易因为低质量数据和错误数据影响,导致GPT理解出现不准确和错误。

总之 GPT 不是强 人工智能,GPT 让人们看到了强人工智能 AGI 的曙光,但差距依旧巨大。GPT 擅长从海量的知识提取出用户需要的,但在推理,逻辑,抽象,创新等方面存在缺陷。

2.GPT 给产品交互带来的变化

计算机软件产品交互的发展经历了命令行交互(阶段1)、图形用户界面GUI(阶段2),随着GPT发展,预计会进入 GUI+LanguageUI 结合时代,下面对每个阶段对做下分析。

阶段1:软件1.0 命令行交互

软件1.0时代是文本命令行式的交互,本质上是特定的 Language UI ,无法使用很泛的自然语言表达。在这个阶段和系统的交互通过各类 cli 程序,无法使用图形化的界面交互。入门门槛高,使用复杂,不利于大规模的推广,主要面向专业的研发人员。

比如系统提供了根据时间和区域查看指标数据的程序 getMeasureData,接收两个参数 date 和 region,使用方式如下:

输入:getMeasureData -date=2021-10-21 -region=shanghai 输出: region gmv pv shanghai 100 20

阶段2:软件2.0 GUI时代

软件 2.0 GUI 是图形化界面的时代,通过可视化界面的用户操作,为用户提供了直观的界面,容易上手和使用,降低了门槛和覆盖了更多的人群,迎来了计算法软件发展的爆发增长。但随着 GUI 的发展,GUI 逐渐暴露出一些缺点:

1. GUI 的局限性

GUI 虽然极大的降低了门槛,但是一些场景,如果彻底使用 GUI 表达明显存在问题。比如编写代码,使用编程语言逻辑清晰且一目了然。但如果使用 GUI 描述,很难理解。下面的例子是一段简单的循环+打印文本的 javascript 脚本,逻辑非常简单,但可视化GUI表达方式明显更加难以理解。

从人类上千年文明发展来看,自然语言才是最适合表达复杂逻辑方式。所以 GUI 表达可以说是一种特定的降低沟通成本表达方式,这是一种偏向视觉的沟通方式,这种方式能成倍的降低计算机工具沟通成本。好比管理沟通的金字塔原理,本质上是对灵活的自然语言通过树形结构拆分,降低沟通成本。

所以GUI 适合表达和空间位置有关或逻辑简单的信息,不适合表达一些比较抽象的逻辑关系。比如低代码平台,可视化GUI编排主要应用在表单、页面组件编排、对象建模等场景,LanguageUI 代码方式应用在自定义组件开发场景。

2.软件功能越来越多,使用越来越复杂

例子1 中后台管理系统,随着功能越来越多,相关的菜单和页面功能越来越多,使用系统慢慢变得并不是一件容易的事情,培训成本越来越高;

例子2 mac 的配置界面,配置项成百上千,了解相关的功能和查找相关的功能并不是一件容易的事情,使用了好几年的用户,可能很多配置项都不了解,平时遇到问题查找相关的配置项可能都需要比较多时间。

上面两个例子,都存在随着软件发展,功能变得越来越多,使用越来越复杂。对于开发者们总是希望能够开发出最为全面、功能最为强大的软件,以满足每个用户的需求。然而,如果软件的功能点太多容易导致核心功能被其他功能所淹没,易用性将会变得很差。

有没有办法我们设计很精简的功能,但同时能满足层出不穷的诉求呢?

事实是不可能的,因为满足越来越多诉求和精简的功能是矛盾体,两者不可兼得。唯一的办法是对功能进行产品架构分层、归类,保证常用功能对于大部分用户简单易用,同时提供比较隐蔽的其他功能入口,满足其他的诉求。这个并不是最根本解决办法,非常用功能的其他功能入口比较深,功能数量多,很多对用户有价值的功能也被淹没了。

那么未来我们软件集成了 AI 能力,能否做到功能全面,但易用性也非常好呢?

阶段3:GUI + AI对话交互(Language UI )时代

为什么阶段3是 GUI+LanguageUI 结合时代呢?结合上文我们知道,虽然 GUI 对软件发展意义很大,但他自身也存在一些缺陷。目前随着大模型 AI 技术发展,AI能够理解自然语言和按照用户的需求执行,在 GUI 时代的一些软件缺陷我们完全可以使用 LanguageUI 交互解决。

我们拿上面mac配置举例,我们为他们新增一个智能的助手功能:

Human: 网页打开默认使用了 chrome 浏览器,怎么默认使用 edge AI: 已经帮你配置完成,请打开该页面查看效果 <https://www.test.com> Human: mac电脑锁屏后,会自动断网,帮我设置为不自动断网方式 AI: 已经帮你配置完成,可锁屏后测试 Human: 字号有点小,帮我把字号调整的大一些 AI: 现在字号是14,帮你调整到了 16

从上面例子可以看出,有了 copilot 智能助手交互后,能够有效解决因为功能多,使用变得越来越困难问题,所以未来大概率是是 LanguageUI 和 GUI 结合的时代,通过 LanguageUI 解决软件发展曾经的一些难题,两者结合 1+1>2。

虽然 AI 时代的LanguageUI 能力非常强大,但并不是万能的。对 GUI 和 LanguageUI 交互做个对比,GUI 是一种确定式的UI,有稳定的输入输出,LanguageUI 是非稳定的UI,不管能否发展出强人工智能,输入和输出并不稳定。自然语言式的LanguageUI好比跟人交互,对方对同一句话理解随着环境、心态、经验会有不同的理解和处理方式。处于稳定态的工具更节约资源和成本更低,比如我要看短视频,直接手滑操作相比 LanguageUI 交互是更简单和易用的。

总之GUI和LUI都有各自的优点、缺点,未来软件是通过合理的设计,最大化的发挥他们的价值。

3.软件集成 gpt 实际调研

1.office copilot

一句话帮你写文档,处理复杂电子表格,分析表格数据,生成精美的 ppt 等,从最新的 copilot 演示视频看,copilot 已经能做到根据用户的自然语言需求生成 VBScript ,提供更加复杂需求支持。

2.飞书 Copilot

飞书的 copilot 帮你撰写一篇汇报文档,分析一份经营数据,或总结一场错过的会议。demo视频链接:weibo.com/7223713567/…

3.BI 软件&GPT

传统的 BI 软件分析依赖于人工,人工分析是一个成本高过程,相比之下,使用 ChatGPT 等大模型技术泛化的自动化数据分析能力可以快速帮助用户找到想看到数据,分析异常,帮助发现遗漏的关键因素。

4.Mircosoft Power Platform 集成

微软将 Copilot 也接入到了旗下的低代码开发平台 Power Platform 中,用户可以在 Power Apps、Power Virtual Agents 和 Power Automate 中用自然语言描述他们想要的应用、功能和流程,Copilot 可以在几秒钟内完成应用和流程的创建,并提供改进的建议。

5.Github Copilot X

一个基于 GPT 的 AI 程序员助手,能够提供代码生成和自动完成功能。它可以直接集成到 Visual Studio Code 编辑器中,在最近的一次发布会上,Github CEO 现场用 Copilot 写代码,18分钟完成一个游戏的开发,他们希望未来能提升10倍程序员的效率;

6.Copy.AI

这个平台利用 GPT 提供营销文案生成服务,帮助用户撰写广告、博客文章、产品描述等。

基本体验是通过表单方式把需求提清楚,gpt 帮你完成文案编写。

7.Rewind

人脑第二助手,记录你看到、说过或听到的一切

8.MedGPT

4月28日,互联网医院医联宣布研制出国内首款大模型驱动的AI医生——MedGPT,该产品目前已进入内部测试阶段,计划今年5月正式发布。医联称,MedGPT目前已经拥有近3000种疾病的首诊能力,覆盖80%以上的成年人疾病和90%以上的0-12岁儿科疾病。

医联称,MedGPT采用大模型技术,基于医疗知识图谱为模型提供丰富、准确、结构化的医疗知识,并收集整理接近20亿条真实医患沟通对话、检验检测和病例信息进行深度训练学习,同时利用医生真实反馈进行强化学习,用以保障模型的推理质量、准确性与可靠性。

4.如何抓住机会?

1.认识到大模型的重要性

大模型AI 时代已经来临,第一比尔盖茨说自1980年首次看到图形用户界面(graphical user interface)以来,OpenAI的GPT人工智能模型是他所见过的最具革命性的技术进步;第二很多知名公司都在做 LLM 大模型,不少公司开发布会说,所有的产品要用 ai 重构;第三各个知名产品都在集成 LLM 能力,不少公司因为这个股价涨了很多。总之未来用好AI的企业能获得更多的机会,建立更深的护城河。

产品交互的进步,影响了人和机器的交互方式,对前端开发者影响也会很大。前端开发者善于学习新的技术,从前端角度完全可以学习最新的LLM工程技术,把一系列工程技术应用起来,帮助业务发展更好。产品集成AI能力主要用途之一是让产品变的更加易用,本质上是把 GUI 转变到 GUI + LanguageUI,前端同学能够设计端到端的解决方案,相比其他算法、后端同学,我们主业就是做产品的交互,完全可以深耕这方面。

比如下面 mac 例子,本质上都是在处理交互层面的逻辑,更加适合前端开发者设计架构和开发。

Human: 网页打开默认使用了 chrome 浏览器,怎么默认使用 edge AI: 已经帮你配置完成,请打开该页面查看效果 <https://www.test.com> Human: 字号有点小,帮我把字号调整的大一些 AI: 现在字号是14,帮你调整到了 16

2.知识学习

  • OpenAI 官方文档 最全面的 ChatGPT Api 文档,通过该文档能够了解到 gpt 对外开放能力和核心概念;
  • langChain 框架 一个用于构建基于大型语言模型(LLM)的应用程序的开源库,帮助开发者将LLM 与其他工具结合起来,创建更强大的应用程序,比如通过 agent 让 gpt 指挥一个机器人干活。
  • 向量数据库 当我们使用 GPT 解决业务问题时,需要构建私有化的知识库,基于 GPT + 向量数据库可以完成搭建私有化业务知识库;
  • 了解私有化模型部署,可应用与垂直业务,相比 GPT+向量数据库,可能能有更好的效果,具体可了解下清华大学开源的 github.com/THUDM/ChatG…
  • 吴恩达面向广大开发者推出ChatGPT提示工程课程,与OpenAI合作出品
  • LLM 原理学习

重点介绍一些 langchain 案例:

1.bash 使用自然语言写 shell 脚本,比如以前查看目录的文件列表,用 ls 命令,现在用自然语音描述就可以,无需学习 ls 指令

2.human 人类做为AGI,当AI遇到问题时,可以直接问人;

3.powerBI 基于自然语言,生成函数表达式;

4.写 sql js.langchain.com/docs/module… 通过自然语言描述,生成 sql

3.带来的机会

1.从大的视角看

  • 政策 多地出台AI产业政策!关于ChatGPT,北京率先表态。白皮书显示,北京持续保持人工智能领先优势。同时,北京将支持头部企业打造对标ChatGPT的大模型,着力构建 开源 框架和通用大模型的应用生态;
  • 对传统医疗、教育、工业、律所等行业影响大,有利于传统行业数字化发展 比如 国内首款医疗GPT:健康的另一种想象 这篇文章提到的 AI类产品MedGPT,这款产品已经能够在近3000个疾病的首诊阶段发挥作用,更有突破性的实现;
  • 大模型相关人才是未来招聘热点,包括算法工程师、产品经理、应用层开发者等;

2.从应用场景看

  • 内容生成 利用LLM生成文本、图像、代码等,提高创作效率;
  • 智能辅助 以提高用户使用效率为目标,代码生成、开发语义检索、自动纠错、代码补全等功能;
  • 用户体验优化 利用LLM识别用户需求和行为,降低用户使用复杂度,实现个性化推荐和基于自然语义的任务执行,比如针对业务系统功能多,集成自然语言式的AI交互能力,帮助用户使用系统和根据用户需求执行相关任务;
  • 新产品 基于AI技术,尝试研发创新产品,如智能生成应用、智能机器人、智能医疗等;

3.从前端技术角度

未来社区将会沉淀出一些面向 LLM 工程的前端框架

降低LLM能力集成的复杂度和设计有利于AI集成的架构。目前在 github 搜索 ChatGPT typescript 关键字显示仓库有 7000 多,足以看出社区的活跃程度了,是时候去卷AI框架了 😀。

2.各个企业对资深前端同学需求会加大

在未来设计优秀的AI应用相对之前有这么几点变化,第一需要在业务理解上做到能提前预判更多的潜在诉求,因为通过自然语言描述的需求是很泛的,系统底层对于很泛的这类需求要有比较系统的解法;第二需要设计合理的架构能够最大化的利用 AI 能力,要想最大化的利用 AI 的能力,除了对 llm 工程技术非常熟悉外,还考察本身系统架构设计能力,比如如何设计底层的视图模型,低成本的让 AI 能够学会,并且在长期是个稳定态,不会随着诉求频繁迭代,每次都有比较大的变更成本。

4.多思考业务的痛点和解决方案

业务中存在的一些痛点,采用传统GUI解决方案可能并不能从根本上解决,GUI 本身存在一定的局限性和发展限制。比如下图中随着系统功能的不断增多,使用成本越来越高。在这种情况下,可以考虑如何在产品中集成人工智能AI技术,解决业务中存在的问题和提升用户的体验。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/700076.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

介绍几款在线编程工具(Python)

阅读原文 有时候个人电脑不在身边&#xff0c;又需要处理一些工作&#xff0c;这时候可能需要在朋友的电脑或者公用电脑上操作数据。又或者要将自己写的代码以 notebook 的形式分享给 co-worker&#xff0c;这时就需要用到以下总结的几个直接在浏览器里进行 Python 编程的工具。…

怎么学习数据库连接与操作? - 易智编译EaseEditing

学习数据库连接与操作可以按照以下步骤进行&#xff1a; 理解数据库基础知识&#xff1a; 在学习数据库连接与操作之前&#xff0c;首先要了解数据库的基本概念、组成部分和工作原理。 学习关系型数据库和非关系型数据库的区别&#xff0c;了解常见的数据库管理系统&#xff…

为何及如何使用数据结构提升算法效率和问题解决能力?

数据结构是计算机科学中的一个重要概念&#xff0c;它是一种组织和存储数据的方式。数据结构提供了一种在计算机程序中有效地组织和操作数据的方法。 数据结构的主要目的是解决问题和优化算法。它们帮助我们在计算机内存中存储和组织数据&#xff0c;以便能够高效地访问和操作这…

Flink 自定义源算子之 读取MySQL

1、功能说明&#xff1a; 在Flink 自定义源算子中封装jdbc来读取MySQL中的数据 2、代码示例 Flink版本说明&#xff1a;flink_1.13.0、scala_2.12 自定义Source算子&#xff0c;这里我们继承RichParallelSourceFunction&#xff0c;因为要使用open方法来初始化数据库连接对…

Egg.js阿里JS后端框架,可以放心用。

目录 一、快速开始 二、尝试创建一个controll,修改路由&#xff0c;然后检查测试单元。 一、快速开始 npm install -g yarn yarn create egg --typesimple cd egg yarn install yarn devhttp://127.0.0.1:7001 二、尝试创建一个controll,修改路由&#xff0c;然后检查测试单…

PDF怎么转图片?PDF转图片的方法分享!​

PDF怎么转图片呢&#xff1f;相信很多人都会觉得PDF的非常的好用&#xff0c;小编也是被身边很多朋友推荐过后用了这个软件。但很多人在使用的时候有疑问&#xff0c;比如说PDF如何转图片&#xff1f;这难倒不少人&#xff0c;那么今天这篇文章就带你解析PDF怎么转图片&#xf…

LiangGaRy-学习笔记-Day25

1、Apache web相关 1.1、curl命令 作用&#xff1a;用来与服务器之间传输数据的工具 官网&#xff1a;https://curl.se支持很多种协议 语法&#xff1a;curl选项网址 选项&#xff1a; -A&#xff1a;设置代理给服务器-I&#xff08;大写i&#xff09;&#xff1a;输出返…

Spring Boot 中的 WebMvc 是什么,原理,如何使用

Spring Boot 中的 WebMvc 是什么&#xff0c;原理&#xff0c;如何使用 介绍 在 Spring Boot 中&#xff0c;WebMvc 是非常重要的一个模块。它提供了一系列用于处理 Web 请求的组件和工具。在本文中&#xff0c;我们将介绍 Spring Boot 中的 WebMvc 是什么&#xff0c;其原理…

Python+ddt+Excel实现接口自动化测试生成完美测试报告

接口自动化测试是指通过编写代码或使用工具&#xff0c;模拟用户发送请求&#xff0c;验证接口是否符合设计规范和功能需求的过程。” 如何用 python ddtexcel 实现接口自动化测试 接口自动化测试可以提高测试效率和质量&#xff0c;节省测试成本和时间&#xff0c;保证测试覆…

一步一步学OAK之八:通过OAK相机实现视频帧拼接

帧拼接在有些场景下非常有用&#xff0c;比如将一个较大的帧输入到尺寸较小的神经网络中时。可以将较大的帧拆分成多个较小的帧&#xff0c;并将这些较小的帧输入到神经网络中。 这里我们使用 2 个 ImageManip 将原始预览帧拆分为两个帧。 这里写目录标题 涉及到的节点内容Co…

STM32实战项目—停车计费系统

文章目录 一、任务要求1.1 概述1.2 串口收发1.2.1 串口输出内容1.2.2 串口接收内容 1.3 说明 二、实现思路2.1 指令判别2.1 车辆进入2.2 车辆驶出2.3 费率调整 三、程序设计3.1 串口接收消息处理3.2 车辆驶入处理函数3.3 车辆驶出处理函数3.4 费率调整处理函数 题目原型是第十二…

4-Python如何创建等比数列?【视频版】

目录 问题视频解答 问题 视频解答 点击观看&#xff1a; 4-如何创建等比数列&#xff1f;

windows无法启动RemoteDesktopServices服务(位于本地计算机上)。错误126:找不到指定的模块。

win10的搜索栏输入 注册表编辑器。打开&#xff0c;找到如下路径 计算机\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\TermService\Parameters 将指定数值项ServiceDll的数值数据改成默认值&#xff1a; %SystemRoot%\System32\termsrv.dll 再重新尝试就好了。 …

Java(七):项目部署

项目部署 运行容器解决Centos8中yum命令遇到的问题打包项目拷贝.jar到容器中安装jdk后台运行.jar后台运行.jar并输入日志实时查看日志查看/杀死运行程序目录结构日志配置 运行容器 $ docker run -d -p 8001:8001 -p 8081:8081 -p 8082:8082 --namelocal_centos --privilegedtr…

DigiCert SSL证书有什么优势?

DigiCert是全球领先的SSL证书颁发机构&#xff0c;2017年收购赛门铁克数字证书业务后&#xff0c;成为全球市场占有率领先的SSL证书提供商&#xff0c;提供高保证TLS/SSL证书和自动化解决方案&#xff0c;也是沃通CA在全球信任数字证书业务方面的重要合作伙伴。 与全球其他品牌…

AI聊天对话工具,让沟通更简单轻松

人工智能技术的发展不断为我们带来新的惊喜和变革&#xff0c;其中之一就是ai聊天对话应用。这种应用利用自然语言处理、机器学习和对话管理等技术&#xff0c;在智能手机、电脑等设备上实现了人机对话&#xff0c;让人们更轻松地与计算机之间进行交流和互动。随着移动互联网的…

基于SpringBoot的电脑商城项目

基于SpringBoot的电脑商城项目 — 参考B站袁庭新老师项目 Maven多聚合项目 技术栈&#xff1a; Spring boot、MyBtis、Bootstrap、Layui&#xff0c;Redis&#xff0c;内网穿透等 功能&#xff1a; 后台&#xff1a;管理员登录、商品信息管理、订单管理、用户信息管理、统计图…

springbootbatis

1、maven <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://maven.apache.org/POM/4.0.…

在 Maya、ZBrush、Substance 3D 和 UE5 中创建理发椅

今天瑞云渲染小编给大家带来Kevin J. Coulman 分享的理发椅项目背后的工作流程&#xff0c;详细介绍了如何在 Maya 和 ZBrush 中为道具建模&#xff0c;分享了制作准确材质的技巧&#xff0c;并解释了为什么选择 UE5 进行渲染。 介绍 大家好! 我的名字是Mehdi Benmansour&…

如何搭建和使用minio?保姆级教程

目录 前言搜索镜像找到bitnami/minio镜像拉取镜像查看下载好的镜像创建数据卷目录&#xff0c;并提升权限根据镜像创建一个minio容器参数说明 查看 minio 容器的启动日志查看 minio 容器的信息开放安全组端口访问minio进入首页创建桶设置权限上传文件 前言 如果公司想要自己搭…