粉丝2279获赞1.2万

为什么我说现在就是你开始 vaping 的 最佳时机?因为现在开始的成本真的很低。 openai 的 创始人 sam ottoman 在 推向上宣布,他家旗下的 codex 能免费用了,而且免费的不是什么渣渣模型,而是 openai 最新的 gpt 五点三。 codex 速度更快,逻辑更强,完全不输隔壁添加了 cloud ops 四点六,那我已经深度使用一个月了,并且已经手搓上线了自己的产品。那么这期视频我们一起来学习一下如何正确使用 codex, 开启你的 web coding 旅程。 给还不了解 codex 的 同学简单介绍一下, codex 是 open ai 旗下的编程智能体,而隔壁 cloud code 是 同一种产品,有了 codex, 再加上 gpt 五点三的模型,就可以愉快的编程了。 一般人看到黑底白字的命令行界面估计就被劝退了。别担心, codex 不是 硬核的即刻工具,它有正儿八经的图形界面,官网下载、安装、登录一气呵成,没有什么要你做的复杂配置, 接下来的内容很关键,你要搞清楚两个概念,工作区和 thread 工作区。你可以理解为你的项目文件夹,比如你想做一个网站, 先建立好文件夹之后,所有的代码文件都会保存在这里。而 thread 就是 一个个的聊天窗,这些聊天窗就是 一个个的任务线。这里有个黄金法则,大家一定要记住,不同的任务要开不同的 thread, 千万别在一个窗口,一会让它改 bug, 一 会让它写新功能。另外你也不用傻,等任务完成,你可以同时开多个 thread, 同时处理多个任务,效率直接起飞。前段时间爆火的 skills 在 codex 里直接格式化了,内置了几十种的 skills, 鼠标点点就能安装了。这些 skills 能让你的 agent 如虎添翼,关键省去了繁琐的搜索和安装过程。 最后分享一点个人使用心得。上一个视频里我推荐了谷歌的 anti gravity, 其实这两个产品你可以一起用,把 codex 的 插件装在了 anti gravity 里面,这样你可以同 同时要用多个模型,比如让 g p t 五点三改 back, 让 jammer 做前端,让 cloud 出方案,不用切屏,不用复制粘贴,一个界面汇集世界上最好的三种模型帮你干活。这套 web coding 的 形态, 你值得拥有。以上就是本期视频的所有内容,欢迎关注艾伦,二零二六年,我会持续创作更多 web coding 和 ai 工作流的相关内容,我们下期再见。

什么是 web coding? 在 开发者社区里面,这个词呢是火的一塌糊涂啊,我前段时间也是作为嘉宾去参加了二十四小时的 web coding 的 一个 hackathon。 那 今天呢,我就想站在一个实战开发者的角度,给大家去聊一聊什么是 web coding, 以及那些让你歪不起来的一个神奇工具。 所以 webcoding 到底是个啥呢? web 在 英文里面叫做氛围啊,感觉的意思,所以 webcoding 直译过来就是那种叫氛围编程,或者说感觉编程,也可以叫呢沉浸式编程。但这里的沉浸不仅仅是让你沉浸在一个有仪式感的编程环境里面,更重要的是它颠覆了我们以前 去写代码的那种方式。我直接说杰瑞, webcoding 压根是不关心你的代码具体是怎么实现的,核心关注的是代码生成的结果 到底对还是不对。至于实现逻辑,底层细节这些反手活呢,都是去交给 ai, 我 呢只需要去盯着效果,觉得哪里不对哪里问题,哎,我就直接去改这个 prompt, 重新去提需求, ai 呢,就会自动帮你去调整, 然后去优化,直到最后我们出来的这个结果,也就是代码完完全全符合你的预期为止。所以整个过程呢,你都沉浸在一种说想法, 然后呢看结果,然后调整,再出结果这样的一系列的流程里面,你只需要去说我想要什么效果,对方呢,立刻去给你去实现出来,不满意呢,你就当场去改,直到完全符合你的预期。 举个例子啊,正常我们去写代码,我们大多数人要去想明白这个实现的一个思路流程,然后细节都得自己亲手去写,亲自去改,遇到 bug 呢,还得追根去溯源。而 web coding 呢,就完全不一样,流程变了。第一个我要用我自己的话,比如说自然语言, 或者画个图,举个例子,告诉 a i, 我 想要什么样的一个功能, ai 呢?不管你是用的 gpt code, 还是专业的 web coding 平台的一个 agent 自动会给你造出来代码和界面,你根本不用管他到底用了什么方法。那第三步呢,你就实际运行看一看,哎,这个代码加界面生成的这个结果是对的还是错的?对了呢,你就收下,不对你就吐槽,提要求,让 ai 再调,那这样你从提语言实现功能,给 ai 实现, 给出结果,不对呢,再去换语言,换功能,去提要求,如水循环,只要你看到结果完全符合你心中所想呢,那这代码你就交差了。所以说白了呢,人类去负责出题加审核, ai 呢,负责解析加改卷,全过程都可以沉浸在一个叫做及时反馈, 到调整,到再反馈,再到再调整的地方里面,你自己不用考虑怎么实现,整个就是极致的一个躺平式的生产力,然后更详细去表示外部人流程。我自己写个流程图啊, 第一个就是我想要的结果,或者呢是我的需求,然后呢?哎,告诉 ai, 然后我要这样 ai 自动去生成代码。好,那生成完以后实际效果出来了, 出来以后这个看,哎,是不是满意,如果不满意,那就往回让 ai 再去呃,重新的去生成。好,如果他实际效果满意呢,那就收工。所以你看整个流程呢,就非常简单,就像你在理发店去剪头发,你只需要说 我想一个清爽一点的短发,那 ai 理发师呢,就去给你开剪,剪到一半发现太短了,你立刻说再留长一点,那 ai 呢,马上就帮你去调整,直到照镜子,你点头,嗯,挺帅的,满意为止。所以这种方式为什么是爽的呢?第一步就是效率大幅提升的,你不需要再花大量的时间去纠结底层逻辑, 调试 bug, 查文档,所有经历呢,你都可以放在我到底想要什么上,执行细节全部去交给 ai。 第二个呢,就是零门槛上手,你不需要是一个资深的程序员,甚至编程小白都能去玩,你只需要去清晰表达自己的一个想法, ai 就 可以去帮你实现,想法呢是比技能啊更重要。 第三个叫做保持心流状态,你不会被代码的细节打断思路,可以完全沉浸在产品创作中,遇到这里好像是行云流水,这个呢就是真正的外部感。 第四个呢,就是快速的一个试错,验证想法对不对,你做出来看看就知道。从想法到可运行的原型呢,可能只需要几分钟,适合快速的去验证商业想法,做产品原型可示化的 demo。 ok, 那 再给大家介绍一些比较常用的 web 扣点工具啊, 只要能够去实现 ai 自动生成,加计时预览加快速调整的,我觉得就是好的外部控制的工具。下面呢,我就推荐几个当前最好用的。第一个我一直在用的叫做 ctrl, 它目前我觉得是最火的一个 ai id 啊,体验丝滑到起飞啊。 几个核心功能,比如说你按照 command 加 k, 可以 直接在代码里面去提需求, ai 呢,当场生成,按 command 加 l 呢,可以去开启对话, ai 帮你去写整个的功能模块。 第三个,还能理解整个项目上下文,生成代码质量也是极高的。第四个呢,还能自动去查 bug, 重构代码,优化逻辑。 我觉得这个是适合所有开发者,特别是去做外部开发以及做全站开发的。第二个呢,就是国内的一个工具叫翠,他是国产的 ai d 字节跳动推出来的,免费而且好用。核心几个功能呢,也是对话式开发,而且支持中文,可以去写代码,查文档,生成 api, 而且它是完全免费使用的,它比较适合的就是我们国内的一个开发者,也适合预算有限的一个个人开发者。第三个,如果大家很习惯 vs code 的 时候, 你可以用 vs code 加上 clone 这个插件,加上这个插件以后呢,就已经可以把 ai 的 能力完全无缝集成到 vs code, 同时保留原有的插件生态和习惯,也支持连接 mcp 的 server, 获取 api 的 一个文档。 这个呢,我觉得就适合 vs code 的 一个重度用户了。那最后总结一下, web code 的 一个本质就是让人去做最擅长的事,创造和判断,让 ai 呢,去做最擅长的事,执行和实现。但我们需要具备的关键能力就是有清晰的产品思维,有要会判断代码质量,要善于表达需求,要懂得去快速迭代。 所以呢,你可以现在就打开 excel, 打开 vs code, 连上你的 api 文档,开始你的 web 扣令之旅。 ok, 那 最后如果这篇文章分享对你有启发,也欢迎在驾校站 ai 学习圈里面继续去交流,同时我们也会有很多的实战嘉宾不定期去分享 ai 实操经验,欢迎你一起围观评论区啊,我们安排。

从今天开始,我们就正式地进入了一个二十八天的 web coding 的 学习之旅,每天三分钟,我们一起来学习 web coding。 那 第一点就是 web coding 这个词它是从哪里来的?二零二五年的二月份,有一个叫 capace 的 一个 ai 大 佬,这个人他的背景是什么呢?首先他是欧本 ai 的 联合创始人,也是特斯拉的前 ai 总监, 有一天啊,他说他发现了这样的一种编程方式,你不需要懂代码,你只要跟 ai 来进行聊天,你觉得这个 ok 了,你就继续往让他往下走,但是如果你觉得有问题,你告诉他,让他来改,他把这样的一个过程就称之为 web coding。 那 web 和 coding 它其实是两个词, web 是 什么意思呢?它其实就是氛围感, 只要你感觉对了,你就可以继续往下走。对,所以在 web coding 的 这个领域里面,你不需要去记代码的一些结构,什么 if、 else 啊, for、 循环呐,你只要学会用相对结构化的自然语言,能够跟 ai 去进行一个表达和交流就可以了。 对,这个就是 web coding 这个词的来源。好,那接下来我们再来聊一下。第二点就是 web coding, 它跟我们的传统编程有什么差别?传统的编程我们是需要花几个月的时间去学习它的一个框架,去学习它的语法的。那么 web coding 呢?其实就完全不需要对, 像今天百步扣顶,它其实完全能够做到你轻松自然的跟 ai 去进行一个交流。我打开我的那个 tree, 我 就跟他讲,帮我做一个酷炫的个人网页,深色的要有动画效果,大概几十秒到几分钟的时间啊,它就能够给你生成一个网页,那是不是非常的酷炫?对于普通人来讲,它其实就是非常的友好,对不对? 这是第二点,那我们来说第三点就是 web coding 跟你有什么关系?那我觉得关系就大了,你想做一个个人介绍网站,或者是你想把小朋友的一些作品上传到网上,你以前会用什么途径呢? 你打开你的 qq 空间,把你的照片或者是把你的视频传上去吗?如果你想做个小程序啊,那你是不是得去找专门的工程师啊?现在呢?不用了,对你是学生也好,你是白领也好,你是普通的上班族,是妈妈,只要你想做一些小东西,小工具完全是可以的。 对,所以 web coding 他 把一个编程的门槛给拉低了,不需要你数学很好,不需要你懂代码, 你只需要有一样东西,你要知道你想要什么,你想做什么,同时你能够把它相对结构化的表达出来, 那我们就可以把它变成一个真实的。对,那下一个分享呢?我就来带大家一起来看一下那些零基础的人,他们用百步扣顶做出来了哪些酷炫的东西。我们先一起来找找感觉啊。那今天就先到这里喽,拜拜。

我一个人上架了两款 app 到 app store, 到现在,我突然发现我根本不配成为独立开发商,因为那些只是玩具,它不是产品,因为 ai 它确实降低了,大大降低了。 做 demo 的 一个过程就是你用 ai 去抠钉一个网页也好,一 app 也好,这个成本被大大降低了。 但是当你从一个 demo 交付到一个产品的时候,整个思考维度就不只是说你的提示词是什么, 而是说你前期有没有做市场分析,做没做用户分析,你做没做竞品调研,那你这个产品为什么就可以在一天二十四小时宝贵的一个认知里面,你能抓取到这部分用户的注意力? 你不光抓起了他的主页,你还同时让他为你买单?为什么? 这些事情并不只是说是让 ai 简简单单的口令就能完成的,还是需要去做市场的工作,调研的工作,用户研究的工作。过去的传统开发路径中所涉及到的这些角色是没有变, 只是说当有了 ai 之后,这些流程会变得非常之简单,做的如何还是要根据旧有的专业去评判。因为一个产品的属性 并没有通过 ai 时代的变迁而发生了变化,反倒是那些可以把市场研究、用户分析、竞品分析、 系统架构、前端后端包装成一个一个的 skill, 或说一个一个的多 agent 去协调的调用的同时,他自己也懂,这样才能做出好的产品, 每一环的工作都不能落下,如果落下,那就证明这就是你不弱的点。所以我做那些不配成为产品,我只是一个玩具制造者。

最近很多人啊,都在聊 web coding, 那 什么是 web coding 呢?它其实字面意思叫氛围编程,其实呢,就是无需关心编程语言,像编程时候用到的语法呀,框架呀,完全交给 ai 来做,一点都不用关心自己呢,只关心想要什么,想实现什么功能就好了。 通常跟 ai 啊,聊着聊着,一个小程序就出来了。外部口令啊,它不是一个软件或者工具,它是一个过程啊,凡是用 ai 编程产生的一些程序,这个过程就叫外部口令。之后呢,我会讲一些实战案例啊,感兴趣的点个关注。

我推荐所有刷到这条视频的人都去给我了解一下 web coding, 我 只能说新时代以来现在就是风口,如果大家不去了解这个东西的话,很可能就像当年的互联网风口一样,你抓不着 就错过了。 bb note 是 我花三个月时间用 web coding 生产出来的产品,在此之前我是一个一点代码都不知道的一个人, 那么我是通过询问 ai 和 webcoloring, 从零到一造出了一个可以登录到 app store 的 一个产品,然后现在有这么多人在使用,所以说大家一定要去抓紧抓紧了解一下 webcoloring 之后我也会在我的这个频道里面分享一些我自己的 webcoloring 经验,一定要一定要抓紧了解。

不同代码小白玩拷 code 第一天本来打算为 coco 的 付费了,然后试了一下 codex, 发现真香,毕竟不要钱,那么就给大家分享一下我做了什么。 那么我的痛点就是我的房客有的时候问我要房租收据,就在法国是一个很重要的文件, pinterest, 我 打开 word 文档,然后改日期导出 pdf, 然后发给他,我在想怎么样能够最大化的节省时间,可能我可以做一个自动化的工具,能够导出 pdf, 再去想下一步有可能能够把它部署到一个工作流平台。 第一步就是先把一个网页版的本地部署的 app 做出来,那我就试了一下呃, gpt 五点三扣带子的模型去给你 直接做好一个 app 出来两三个 prompter 就 改好了。那么首先第一个 prompter 就 先看一下他到底会怎么做,那么他,嗯,根据我的需求就是我给他一个文件模板,我说这上面的信息我都要,包括签名我也要,就给我一个网页让我 自动填上去,然后就生成一个 pdf 就 行。那他就做了一版出来,其实已经挺好的,但是,呃,我又让他改善一下,就是我给他几个映设,就是因为我的房客每个人的房租不一样。呃,然后 啊,我就希望每一个房客对应一个金额,我只需要一个下拉菜单,选中房客的名字,地址和金额都是自动填好的,然后这样我只需要填日期,然后选择一个房客,然后就可以自动的生成一个 pdf, 这样子就大大的节省了时间。作为第一个版本来说,其实已经 嗯,非常好用,就是它的弊端就是只能在电脑上去做,这两天再跟他沟通一下,看能不能做出手机版或者部署到服务器。但这个应该就要付费了,我现在用的还是免费的。免费其实已经很香了,所有的是要收二十,最低的二十。 这个 open ai 的 这东西用起来也比较熟,等到他要付费的时候我再看,再选择一下 coco 的 还是 open ai 的 codex。

和我一起在春节回家的高铁上 web coding 我 在春节回家的高铁上用三个小时 web coding 出了一个电子球签筒 app, 居然可以模拟真实的球签场景,摇一摇就球签。特别设置了聚会模式,可以在春节和家人朋友聚在一起时玩,每个人抽一个签,结束这轮后,还可以根据大家抽到的结果生成出本轮吉祥话,和我一起看看是怎么做的吧。一开始我的想法很简单, 马上就要回家见到父母啦,想 web 定制出一些好玩的小工具给我爸妈玩。第一步,先跟 gpt 简单说了一下我的想法,让他帮我梳理成可以丢给 web 定制工具的 prom a k a p r d 文档。第二步,把这个 prom 丢给 u word, 让他帮我 web 定制,然后我就可以开始吃零食啦。第一个版本确实挺不错,基本上就是我想要的界面和流程, 调整一下交互上的细节,就可以继续优化视觉了。这也是我常用的 web 抠定流程,我通常会先把主要功能和流程跑通,再去抠视觉和细节。所以第三步,我找了一张图丢给鱼尾,然后他就真的提取出了这张图的色彩搭配和视觉元素,生成出了好看的界面, 甚至纸张的质感也体现在了铅纹的卡片上。第四步,这时我突然想到竟然是在手机上做电子球签筒,为什么不直接模拟真实摇签筒的形式呢?所以我加上了摇手机可以开始球签的功能,同时加上竹签和桶空装的声音,再扣一点点细节,这个 app 就 做出来了。我已经迫不及待在春节的每一个聚会里展示这个 app。 ps, 除了在高铁上网不太好,这个项目基本上做的很顺利。果然阻拦我外部抠定的不是技术,不是想象力,而是网速。

隔壁说关闭 vbs 的视频已经有十四万的点赞了,很多人依然不知道 vbs 到底是个什么玩意。这个视频我来给大家讲清楚 vbs 到底是什么?这个视频很长很枯燥,如果你不感兴趣,我建议你立即划走。要想理解 vbs, 首先我们要理解硬件虚拟化这个概念, 简单来说就是在一台电脑上可以训练出很多台电脑,你在虚拟机里怎么折腾都不会影响外面的真机。这个功能可以用来做很多事情,包括资源隔离、沙河画等等等等。在这就不说了,想使用硬件虚拟化功能,需要在 boss 里打开,在英特尔处理器里,这个功能叫 vt, 在 md 处理器里,这个叫 svm, 名字不一样,但是东西是一个东西,这是第一层,叫硬件虚拟化,光 belt 里打开了还不行。 windows 上还有一套自己的虚拟化软件,叫做 hiper v, 它是微软自家的虚拟机管理工具,它会利用底层的硬件完成虚拟化的功能。用管理员 身份打开 partyl, 输入这个命令,可以查看你的电脑有没有打开 hiphop v, 这是第二层了。然后 vbs 是什么呢? v, vbs 全称叫做基于虚拟化的安全,它是构建在 hiperv 之上操作系统,使用 hiperv 来保护自己的内核安全。我也不是这方面专业的,大家可以简单理解成 vbs 会让外部更加难以破坏掉系统的内核。我们可以在开始参加搜索系统信息打开的这个窗口往下找, 找到基于虚拟化的安全性。这个东西就是 vbs 有没有打开。这是第三层了,终于到 vbs 了,然后还有一层 叫做 hvci, 翻译过来叫 hiper weather, 强制的代码安全性,在温室里这个名字叫做内存完整性,这个东西是基于 vbs 的,在开始参加搜索内核隔离就可以找到这个选项,这已经是第四层了。 hvci, 看到这 我不知道你还能不能听懂我在说啥,我下面说点人话。温石的时候, hvci 是默认关闭的, vbs 是不是默认关闭?我没有查到有关资料,我自己的。温石,我看到他是打开的,所以我就持保留意见吧。为什么温十一出来了,人们突然开始说 vbs 这个事呢?因为从温十一开始,微软干了一件事情, 就是他建议 oem 厂商出厂自带温十一的机器默认打开 vbs 和 hbci。 第一点注意是建议, 并不是强制,厂商依然可以选择在自己的游戏本上不打开这个功能。第二,他是同时打开了 vbs 和 hvci, 你的电脑不一定这两个都打开了,因为他两个并不是完全是一个东西,这两个东西加一起和他们单独本身 都会对一些游戏性能产生影响。具体有多大影响,以及为什么网上那个很火的视频他里面关闭,那个方法有问题,我们下一个视频再讲。

推荐刷到这个视频的所有人都去了解一下什么是 web coding, 我 只能说未来已来,如果你不了解,很可能会像当年互联网风口一样,你就错过了,你也抓不住。我们公司现在所有的开发人员、程序员全都是用 ai 编程,用自然语言对话的形式来编程。那么我就想,既然是自然语言对话, 那么不懂代码,不会编程的人,是不是也可以通过自然语言的方式去编程?这其实是一个思维方式的转变,但本质上,我认为我们现在程序员在做的事情,普通人也可以做到。 程序员这个行业注定是会消失的,编程不再独属于程序员的一个技能,可以是任何人。我认为这将催生出类似于短视频时代一样,全民拍摄短视频, 全民编程,通过 web coding 的 形式,将来一定会出现一个类似于抖音一样的服务于 web coding 的 一个平台,这将会是一个全民级的风口。

你敢想,我这个文科生,用了两个小时做了人生中的第一个网站,工具是我前几天刚装的 cloud code, 全程对话式开发,只用口语跟 cloud 说需求,他就帮我写好代码,中途报错什么的也不用怕,直接让他帮我修改。 我呢,做的是一个寻物网站,这也是解决我自己的小需求,因为我记性不好,经常丢东西,正好最近在学 web coding, 于是灵机一动,尝试自己开发一个找东西的网站,只需要输入丢东西的时间、地点, 详细情况就会自动分析,告诉我这个东西最可能在哪。下一步怎么找。整个开发流程简单概括就是四步,第一步,整理想法,提炼需求。一开始我只有一个模糊的概念,就跟 call 聊了几轮,第一轮聊核心功能,第二轮聊界面长什么样,第三轮聊各种边界情况, 比如结果怎么解读,用户看不懂卦象怎么办。聊完之后,需求就变成我想做一个寻物网站,到一个 具体的功能啊,界面、配色等等设计的详细清单。这一步其实很关键,很多坑都是聊出来才发现的。如果你直接上手写代码,写到一半就会发现一堆没想清楚的问题。 第二步是 webcoding, 迭代优化,全程对话式开发。我跟 coold 说帮我创建一个前端和后端的项目,他就自动把项目结构打好了。我说加入一个输入表单,他就把表单写好了。 我说把样式改成暗色主题,它就瞬间改完了。中间当然会有 bug, 比如 api 调不通,样式乱调,部署后白屏,我就直接把错误信息甩给 cloud, 它会帮我分析问题,给出修复方案,然后直接改代码,不用查文档,不用记语法,不用自己找答案。就像一个很厉害的程序员 结对编程,经过一系列的修改优化,我的网页终于能够正常运行了。我们打开来用一下, 这里随我们随便输入一下,丢失了钱包,然后时间是空间,丢失地点是卧室,这些情况我们这里可以不解,然后直接点击开始, 稍微等待一下,我们就可以看到结果了。他有寻物分析,能帮我找回时间呀,注意事项呀,行动建议呀等等的。 第三,部署上线。因为我是纯小白,我自己不知道怎么部署,我就跟 close 说,我现在想上线,别人也能访问怎么办?他就给我推荐了一整套方案, 我就选了他最推荐最简单的 vs 部署,也是给了我详细的教程,第一步, 第二步等等都有详细的详细的指南。我们打开,打开 word 官网,然后导导入 get 号,保存这个项目,然后进行一下配置,最后发布就行了,一步步跟着做,遇到报错什么的直接复制给他,他也能一次解决。 最后说个我这次 webcointing 最大的感悟就是,别等准备好先做再说。很多问题不是你在脑子里想清楚的,是你真正动手做出来才会暴露出来的。网站的上线呢,也不是结束,他只是开始收集反馈,不断修正的起点。 coco 的 真的降低了编程门槛,文科生也能迅速的把想法变成现实。我是行身文科生,转码正在扔 in public。 关注我,一起用 ai 搞点有意思的东西吧。

ai 这东西现在可以说是无处不在了,从画画到写文章,什么都能干。那咱们就得想想了,在软店开发这个技术含量特别高的领域, ai 又能掀起多大的浪花呢?感觉啊,一场真正的改革可能就在眼前了。 所以舅舅引出了一个所有程序员都特别关心的问题,咱们一行一行敲代码的日子是不是快到头了? ai 工具现在是越来越厉害了,那我们是不是真的在朝着一个不用自己动手写代码的未来狂奔呢? 这事争议挺大的,也是咱们今天必须得掰扯明白的核心。好,为了把这事说清楚,今天呢,咱们就分六个部分来聊,先搞明白 vbn 到底是个啥, 然后看看它是怎么通过对话来写代码的。再盘点一下现在市面上有哪些好用的 ai 工具, 当然,有好处就有坏处,咱们也得客观分析一下它的问题。最后呢,再看看它怎么改变了整个行业的玩法,以及未来那个叫 vibops 的 东西又是什么? 咱们就先来聊聊。呃,这个听起来有点玄乎的 web coding 到底是个啥?这个词听着可能有点随意,像凭感觉编码,但它背后啊,代表的是一个实实在在的转变, 软件开发正在从那种一板一眼的手工活变得越来越灵活,越来越依赖 ai 了。 说白了, web coding 就是 一种新的干活方式,程序员的角色变了,不再是吭哧吭哧敲键盘的打字员,反而更像一个乐队的指挥家。 你用大白话告诉 ai, 你 想要个什么样的感觉,想要个什么样的 web, 然后 ai 就 把你的这个想法给你变成实实在在能跑的代码。 这个词儿呢,是计算机科学领域的大神级人物 andre kathy 在 二零二四年初提出来的。他这句话呢,抓得特别准,忘记了代码的存在。 什么意思呢?就是说他让开发者能够从那些凡人的语法细节里解放出来,把精力更多地放在大的、有创造性的想法上。 所以你看,这不光是工作流程变了,连脑子里的想法都得换一换。他鼓励你大胆去试,别想着一开始就写出完美的代码不可能的,而是先让 ai 刷的一下,给你生成个差不多的东西,能跑就行,然后再一点一点的去打磨,去优化。 听着是挺美的,但是在实际操作中,这种跟 ai 聊天来写代码的方式到底是怎么一回事呢?咱们接着看,把这个抽象的概念落到具体的操作步骤上。 你看啊,整个过程大概就这么四步,第一,你得选个顺手的 ai 平台。第二,也是最关键的,你得给 ai 一个特别清楚的指令,也就是我们常说的提示词, ai 会给你生成第一版代码,但这玩意儿大概率不完美,所以第三步,你就得通过更精准的提示词,跟它来回拉扯,不断优化。最后也是绝对不能省的一步,你得亲自审查一遍代码,确认没问题了才能发布上线。 那什么样的提示才算好呢?咱们来看个例子,你看这个,它说的就很具体,目标是啥?对音乐做出反应的视觉体验。感觉是啥?生动互动,连技术都给你建议了,用 javascript 或者 react, 你给的指令越到位, ai 产出的东西就越接近你想要的。正因为有了这种新的工作方式,那对应的工具肯定也得跟上,对吧?所以现在啊,一个庞大的 ai 开发工具生态系统,正在一种我们前所未见的速度疯狂生长。 要说这股风有多猛,你看一眼顶级的创业孵化器 y combination 就 知道了。有 有消息说,他们最新一期孵化的公司里,有差不多四分之一整个代码库几乎都是用 ai 生成的。这可不是闹着玩的,说明这套东西已经在商业世界里被大规模的用起来了。 那这些 ai 工具都喜欢用什么语言呢?咱们看看数据,通过分析 github 上的那些新项目,可以很明显地看到, typescript、 python 和 javascript 绝对是这个新时代的三巨头。这几种语言灵活,社区又大,自然就成了 ai 工具的首选。 现在市面上的工具那真是多到眼花缭乱,比如那个号称是全球第一个 ai 程序员的 david, 还有那个能帮你快速生成网页界面的 v zero。 再比如,把 ai 功能深度集成进去的在线编程环境, ripple 真的 是太多了,每个工具都在解决开发过程中的某一个痛点。 当然了,技术再牛也不可能十全十美,我们得冷静下来,聊聊硬币的另一面, web coding 现在到底有哪些坑,又有哪些风险? 咱们可以从三个层次来看,好处是啥?快快得不得了,用过去零头的时间就能搭个圆形出来。 那坏处呢? ai 生成的代码质量说实话参差不齐,调试和维护起来简直就是个噩梦。但最要命的是什么?视察可能会在你不知不觉中埋下非常严重的安全漏洞。 具体来说说这些挑战。你想啊,要是让你干个没人做过的复杂项目, ai 很 可能就蒙了。它生成的代码性能也可能不怎么样, 而且因为它写代码的逻辑比较奔放,没什么结构,所以调试起来特别费劲,更别提以后了。这么一堆乱糟糟的代码,维护和升级的成本高得吓人。 在所有这些问题里,安全绝对是红线,是重中之重。为什么呢?因为 ai 生成的代码儿,经常会绕过我们传统的那套人工审查和安全检查流程,这就等于给黑客开了个后门儿, 一些隐藏的漏洞就这么被直接发布到线上,后果真的不堪设想。尽管有这么多坑,更不可否认的是, web coding 确实正在从根本上改变整个软件开发的玩法,甚至已经影响到了商业策略这个层面。 这种转变主要体现在三个地方,第一,团队能用极快的速度把一个想法变成一个能摸得着测量的原型。第二,大家关注的重点变了,不再是纠结该用什么技术,而是到底要解决什么问题。 最后一点对公司来说特别重要,就是可以用极低的成本快速尝试各种想法,也就是做 mvp, 大 大降低了创新的风险。 好,说了这么多,咱们必须回到那个最扎心的问题上,如果 ai 能干这么多活了,那我们这些程序员还有存在的价值吗? 答案是不会。 ai 说到底只是个工具,它能生成代码,但它理解不了你这个业务最终要达成什么目标,它也没有真正的创造力,更不会跳出条条框框去思考。 所以人的监督、指导和创造性不仅重要,而且是现在这个阶段不可替代的。那如果我们把人和 ai 这种高效的合作模式搞得更系统一点,更规模化一点,会变成什么样呢? 这就引出了咱们最后一个概念,你可以把 v o g o s 理解成 web coding 的 升级版、成熟版,它有点像我们熟悉的 devops, 但是把 ai 深度地融合到了开发、测试、部署的每一个环节里。 在这个体系里, ai 干的是那些自动化的、重复性的脏活类活。而我们人类工程师呢,就能真正地把精力解放出来,专注于架构设计、产品创新和战略思考,实现一加一远大于二的效果。 那么在最后,我想留给大家一个开放性的问题,工具和流程一直在变,程序员这个角色也一直在变。 如果说未来的编程真的越来越像是在描述一种感觉或者氛围,那么新一代的开发者,或者说新的编码者,他们最核心的竞争力又应该是什么呢?

你知道吗?一个不懂 web coding 的 程序员,写代码的速度可能比 ai 慢十倍都不止。 今天一分钟带你把 web coding 的 门道摸得门清。很多人用 ai, 只会用来写个函数,修个 bug, 一 遇到复杂逻辑就懵,代码跑不通,逻辑全是幻觉,重构直接改崩。 不是你 ai 提示词写得烂,而是你还陷在竹行敲代码的旧思维里,没把 ai 当成架构师,只把它当成了打字员。 先把这句话刻进脑子里。 vik coding 本质就两类玩法,第一类管你逻辑对不对,让 ai 自己搞定,实现细节。 第二类管你氛围好不好,你只负责把控方向和审美。在 web coding 里,这两玩法对应两个核心转变,一个叫自然语言编程,一个叫迭代式审查。名字差得远,干的活完全不是一回事。 先唠自然语言编程,它的核心使命就一句话,你只描述我要什么,别管怎么写。说白了就是意图加约束的双重管控。 提示词有三个核心要素, context 是 背景信息, go 是 具体目标, vibe 是 代码风格,比如要 python 要简洁。 举个例子,别说写个否循环,要说处理这个列表去重,并按日期排序,那这种玩法用在哪?生成样板代码?复杂算法?实现陌生库的调用?一句话总结,甩掉脏活累活的外挂, 再来说迭代式审查。他不管你代码敲得快不快,只盯着一件事, ai 产出的东西符不符合你的预期。 比如 ai 给了一段代码,你别直接复制粘贴,先看逻辑通不通,再看变量名乱不乱,觉得不对,直接点重新生成。 那这种玩法用在哪?代码重构?架构设计、边界情况处理,就是用来防止 ai 生成一堆能跑但很烂的垃圾代码。 这里必须提三个,百分之九十的新手都会踩的坑。第一,别把 ai 当全知全能,它也会瞎编,核心逻辑必须人工复合。 第二,别一次生成几千行代码,拆分成小模块,一步步来,不然改都没法改。 第三,别只看结果,不看过程,让 ai 解释它的思路,这样你才能真正掌控代码。 最后再划个重点,自然语言编程负责生成,迭代式审查负责把关, web coding 就是 程序员手里的核武器。 要是你还想看 cursor 的 实战配置,怎么用 ai 一 键重构老项目评论区留个言,一天一个知识点,下条接着唠干货。

今天呢,我用两个小时去搭了一个 ai 的 招聘助手,让我们来看看到底长什么样。这个呢是某招聘网站,这个呢是 cloud code 的 后台,我后端呢接的是 deepseek, 非常便宜啊。这边呢是我们搭好的 ai hr 的 助手, ok, 我 们看一下他怎么运作的。 首先呢我的这个助手,他会从这个招聘网站里面去批量的提取这些候选人的信息,如果他有简历呢,他会把简历给登录了下来。然后呢传到我的这个 ai hr 助手里面, 我们可以看一下,在这个 a i h r 助手里面,这个是我设定的几个在招岗位,包含了像短视频的后期剪辑师,包含了数据分析师等等等等。我们可以看一下他这里有每通过简历两个待观察三个进入简历两个已入用和未通过分别一个。那我们看一看这些简历啊到底长什么样子。 首先我们往下去翻,这个呢是我们抓取的候选人列表,我们可以看到这边呢是 ai 对 他进行的一个打分,四点八分证明了他是已通过的,包括四点七,四点五,小于四点五呢,我把它定为待定, 小于三的我把它定为建议淘汰。那通过这个初三呢,我就能够去找到四个我觉得还占目标人群的候选人。然后我们再点开每一个候选人,我们看看他的细节, 我们可以看一下 ai 呢,当我打出四点八分的高分以后,他会去从几个成面对他进行一个拆解,比如说他的硬性条件,我给他定义的是一个 t 零,比如他有两年的这个策划经验,然后以及熟悉使用剪辑软件,这个呢是一个非常高的一个分数, 那对 t 一 呢?我更多的会从他的价值观以及他的个人的自驱力以及他的抗压去进行一个判断。然后每个权重呢,我可能对于目标导向,我的权重是更高的,那对于 价值观的契合呢?我可能会有更低的一个权重,我们可以看到在这个核心评分里面,他也能够拿到一个高分。然后呢再是精细化的筛选,从学历匹配、工作年限、行业跨度、风险以及薪资合理性, 我们去对他进行一个再一步的筛选, ok, 然后再是加分项等等。在这啊还看到有个小箭头,就是我们可以去查看他的这个简历原文,然后我们看一看 ai 对 他的这做了一个判断,到底他的依据是来自哪里? 好,那做完一个简历出差以后,我们就会有一个自动生成的面试题的题库,你看当我去面试的时候,我就直接按照这个题库来给他进行一个说话以及看他的回复就可以了。你看我们从这个破冰开始,比如说罗先生你好,平时工作之外喜欢看什么短视频去来放松。 而这块呢,我的考察目标我可能是也会有个设定,甚至 ai 去帮我出了好的回答,一般回答以及差的回答,我们可以根据这几个不同的回答来去进行一个思考和对标。那除了开场铺垫以外,我们还有十六道题,包括自我介绍 以及他之前的离职动机,以及我们会基于四大法则去对他的行为进行一个面试,以及做一些验证追问,包括情景模拟,最后还会有一个价值观测试,以及他的压力测试。 最后呢还是照常的,我会问他,他会有对我们这个岗位有什么问题,以及对我们团队有什么一个了解。 ok, 我 们走完这个面试题以后啊,其实我们的整个的一个招聘环节已经到了一段落了,然后我会去记录我跟他的一个面试录音,然后我记录完面试录音呢,我可以把我的面试录音啊给它传进去,甚至我可以去写一个面试的笔记 啊,比如说这个人很优秀,那这个时候相信大家自己也会有一个感性的判断。同时呢我们还会让 ai 再给我去做一个综合评估, 看一看到底 ai 的 评估跟我的评估是不是一致的,也就是到第四个 ai 决策和评估中。 ok, 那 当我的判断和 ai 决策是一致的以后啊,我们才会把它给放入我们的代入用名单里面。 当我们做完这个面试题的一个筛选以后呢,就相信大家自己都会有一个对这个候选人的一个感性的判断,那这块呢,我可能会对他进行感性判断,我觉得他是很优秀的,那我选择录用。同时呢你可以把你之前的面试啊给传到这个面试录音里面,然后呢 ai 也去做一个综合评估, 可以看到 ai 呢也给出了一个综合评估,也给出了一个通过的判断,然后我们能够去从这个 j d 的 一个评判里面去让 ai 呢给出我们的一个参考,以及我们能够拿到各种维度的一个评分, 以及他的这个情绪和潜在的一个需求以及亮点呢,他也给我们列出来,包括高效工作能力,优秀的软件操作以及良好的团队合作, 以及强烈的自我驱动意识,甚至我们还能够去给自己做一个复盘,来持续提升我们自己面试官的这个面试能力, 我们可以点这个深圳复盘建议, ok, 那 等我们做完这个角色以后,你还可以去跟 ai 去讨论啊,哎,我的这个薪资谈判,希望 ai 去给我们一些建议,然后以及我们需要去追问什么问题,以及候选人假设进来了,它的主要风险点是什么? 所以大家可以看到呢,以前我们要做这样的一个,从简历的卡取到简历的筛选,到面试,到我们的复盘,我们可能需要两到三个这样的一个招聘的助理以及专员啊, 那现在呢,两个小时一个 ai 直接帮我去戳出来这样的一个能够替代,甚至啊超过这样的一个原始的招聘团队的一个效果。 ok, 所以 在这个时代 ai 它就是能够去提升大家的生产能力,当你有好的想法,有好的产品经验,有好的判断,欢迎大家通过 ai 去提效,提高生产力。 ok, 之后呢,如果大家想使用这个软件,或者呢对这个软件有什么需求以及一个了解的话呢?我们可以在评论区交流。