From Chrome DevTools to AI Engineering, with Addy Osmani

流式播放最新一集 立即在YouTube、Apple和Spotify上收听和观看。本页顶部可查看本集文字记录，底部可查看本集时间戳。 由以下机构提供 • Antithesis – 无需人工审查或传统集成测试即可验证系统正确性，避免错误或停机。Jane Street、Fly.io和etcd社区等团队使用Antithesis更快地发布更好的代码。了解更多。 • Sentry – 由开发者构建、为开发者服务的应用程序监控软件。Sentry的Seer AI代理是他们新推出的简洁工具之一，我曾用它快速修复后端错误。查看Sentry。 • Google Cloud Run – 运行不受信任的代理代码，无需担心安全问题。Cloud Run沙箱提供超隔离、瞬时的执行环境，可在毫秒内启动。查看Cloud Run沙箱。 在本集中 Addy Osmani在谷歌工作了超过14年，致力于Chrome、DevTools、Core Web Vitals，以及最近的AI开发者体验。 如果你曾打开过Chrome DevTools，或为Core Web Vitals优化过页面，那么你已使用了Addy Osmani构建的软件。在本集中，我与Addy坐下来交谈，我们谈论了他从16岁构建网页浏览器到成为谷歌总监的历程。我们讨论了他从为数百万开发者构建工具中学到了什么，谷歌的工程文化，以及为什么他作为管理者仍继续从事动手编码工作。我们还深入探讨了他如今如何与AI代理合作，“认知投降”的风险，他的“循环工程”方法，以及为什么培养产品管理、市场推广等领域的技能是有益的。 与Addy对话的要点 以下是来自与Addy聊天中的十一个有趣观点： 1. Addy在16岁时从零开始构建了一个网页浏览器。当时，一个痛点是Addy不得不携带软盘到当地图书馆下载数据。为了加快浏览速度，他构建了一个在获取网页时打开多个连接的浏览器。 2. 发布免费教育材料帮助Addy在谷歌获得了一份工作。他年轻时观看的一部关于谷歌的纪录片让Addy想去类似的地方工作。后来，谷歌注意到他在发布前端和JavaScript开发教育资源方面的工作。公司联系了他，提供了一个DevRel兼构建者的职位，Addy被录用并加入了Chrome团队。 3. Chrome DevTools是谷歌在浏览器中满足网页开发者需求的一项努力。如今，DevTools是谷歌最接近IDE的工具之一（当然不算Antigravity），但该项目最初是为了向浏览器添加工具以帮助调试网页应用程序。随着网页工程师开始使用更复杂的框架和构建链，DevTools增加了诸如源映射感知调试、隐藏库代码、移动设备模拟、服务工作者工具等功能。 4. 大多数开发者不理解内存管理。Addy说这是因为内存调试工具十年来没有进步，这仍然是一个难以解决的问题。尽管在Chrome DevTools中改进了运行时性能调试（火焰图和深度跟踪）。 5. 每周对顶级公司目标负责是大型科技公司工程总监最大的不同。Addy从工程师一路晋升为谷歌的工程总监，我问他达到那个级别时最大的变化是什么。他说，负责并定期汇报顶级公司目标是他觉得全新的东西。 6. 谷歌在过去两年中的一个重大文化转变是副总裁和高级副总裁在周末编码。自然，这是因为AI工具使编码变得更加容易。在他在谷歌的最后两年里，这些人谈论他们的周末副业项目和用来构建它们的工具是很常见的。 7. AI辅助开发的一个重大风险是认知投降。Addy将认知投降定义为你对正在处理的问题的理解力以及你对正在发生的事情的记忆力的侵蚀。他建议通过理解LLM做出的每一个重大决策来抵制这种风险。不幸的是，鉴于代理可以生成的大量输出，他以前阅读AI整个推理过程的方法已不再实用，但你仍然需要理解最重要的决策。 8. 使用AI工具时，目标是实现相互增强。目标是同时做两件事： - 通过让代理记录其决策和关键学习，帮助它在整个任务中改进 - 你也通过审查、理解和内化代理所做的事情以及你如何从中学习来提高自己 9. Addy认为软件工程师将永远重要，因为AI模型无法承担责任。即使责任方没有编写代码，代码和软件的责任也是可能的，就像Chromium这样的项目一样，指定的工程师拥有代码库的部分。他们负责批准和拒绝贡献，并塑造代码库的那部分。Addy认为，许多软件工程师将采用“我该为什么负责？”的心态。 10. Addy对软件工程的前景持乐观态度。每次这个行业让创建软件变得更容易，我们就会创建指数级更多的软件。Addy预测AI也会发生同样的情况，构建软件的总可寻址市场将变得更大。 11. 关于未来几年工程师应该在哪里投入精力的建议。用他的话来说： “我们很可能接下来会看到工程职业（以及产品和其他角色）的解构，因此工程师也具备产品意识，而产品人员也具备工程意识或用户体验意识。 [你应该]思考非工程方面的事情，如果你通常没有时间考虑产品、技术布道、市场推广策略或企业成功的其他任何部分。 如果你能向雇主展示你不仅仅是一个构建者，而且随着角色开始变得有些模糊，你能帮助他们，那么我认为你可以在这些时代取得成功。不要只做一个工程师。” 《实用工程师》与本集相关的深度文章 • 从IDE到AI代理，与Steve Yegge对话 • Google的工程文化：播客 时间戳 00:00 开场 02:50 Addy当前的工作流程 05:11 Addy进入科技行业的路径 15:04 Addy在jQuery上的工作 16:44 TodoMVC 21:44 被Google聘用并从事Chrome工作 27:17 构建开发者工具 40:15 核心Web指标 45:42 Google的工程文化 51:03 Addy在Google的职业轨迹 57:55 Google的主管角色 1:01:40 认知债务和认知投降 1:03:03 与代理合作 1:05:52 循环工程 1:12:55 软件工程师角色的变化 1:18:15 Addy如何在写作中使用AI 1:27:40 Addy的下一步计划 1:28:47 职业建议 参考资料 在哪里找到Addy Osmani： • LinkedIn: https://www.linkedin.com/in/addyosmani • 网站: https://addyosmani.com 本集提到的内容： • 与Addy Osmani一起超越Vibe Coding: https://newsletter.pragmaticengineer.com/p/beyond-vibe-coding-with-addy-osmani • Borland: https://en.wikipedia.org/wiki/Borland • jQuery: https://jquery.com • John Resig在X上: https://x.com/jeresig • AngularJS: https://angularjs.org • Backbone.js: https://backbonejs.org • YUI: https://github.com/yui/yui3 • Ext JS: https://en.wikipedia.org/wiki/Ext_JS • Sindre Sorhus的网站: https://sindresorhus.com • 速度计：https://browserbench.org/Speedometer3.0 • Next.js：https://nextjs.org • Grunt：https://en.wikipedia.org/wiki/Grunt_(software) • Firebug：https://en.wikipedia.org/wiki/Firebug_(software) • Pavel Feldman 在 LinkedIn 上：https://www.linkedin.com/in/pavel-feldman-24b0041 • Paul Irish 在 LinkedIn 上：https://www.linkedin.com/in/paulirish • Paul Bakaus 在 LinkedIn 上：https://www.linkedin.com/in/paulbakaus • Impeccable：https://impeccable.style • Visual Studio：https://visualstudio.microsoft.com • Yang Gao 在 LinkedIn 上：https://www.linkedin.com/in/yang-gao-08567b51 • 了解 Core Web Vitals 和 Google 搜索结果：https://developers.google.com/search/docs/appearance/core-web-vitals • Google 的工程文化：https://newsletter.pragmaticengineer.com/p/googles-engineering-culture • 深入了解 Google 的工程文化：第 1 部分：https://newsletter.pragmaticengineer.com/p/google • 深入了解 Google 的工程文化：技术栈（第 2 部分）：https://newsletter.pragmaticengineer.com/p/google-part-2 • Simon Hørup Eskildsen 的网站：https://sirupsen.com • 用“餐巾纸数学”推动软件工程极限：https://newsletter.pragmaticengineer.com/p/pushing-software-engineering-limits • 循环工程：https://addyosmani.com/blog/loop-engineering • 什么是“循环工程”？：https://newsletter.pragmaticengineer.com/p/what-is-loop-engineering • Peter Steinberger 在 X 上：https://x.com/steipete • Boris Cherny 在 X 上：https://x.com/bcherny • Ryan Dahl 在 X 上的帖子： • 高效的软件工程师：各级 IC 如何利用 AI、优先处理高价值工作并超越自身角色进行领导：https://www.amazon.com/Effective-Software-Engineer-Prioritize-High-Value/dp/B0FMJ5XVSD • 领导高效工程团队：来自 Google 10 年的个人贡献者和管理者经验教训：https://www.amazon.com/Leading-Effective-Engineering-Teams-Contributors/dp/109814824X • 超越 Vibe Coding：从程序员到 AI 时代开发者：https://www.amazon.com/Beyond-Vibe-Coding-AI-Era-Developer/dp/B0F6S5425Y • Michael Novati 在 LinkedIn 上：linkedin.com/in/michaelnovati • Meta 的“编码机器”与 Michael Novati：https://newsletter.pragmaticengineer.com/p/the-coding-machine-at-meta — 由 Pen Name 制作和营销。