好，我们继续录今天的内容。早上的播客想法，这个博客后面可能会变成我的草稿博客，因为我现在掌握了如何使用语音来输出自己想要的完整效果。 回想起在微博 Work 里说话比较急躁，这次尝试在博客里语速慢一点，表达清楚一些。随着技术发展，肯定会更容易把我的语音空隙处理得更好。 OK，我们进入今天的新话题。在前两天的总结中，我提到 2026 年初我如何使用 AI，也提到了对 2026 年的展望：让普通人也能用完 GLM Pro 套餐或者 Max 套餐。因为这两个套餐对普通人来说额度极大。其实，一般人类是用不完的，所以我提到 2026 年的目标是一个人指挥一群 Agent，这样就能实现了。买 Pro 套餐，个人是真的能用完的。 这里“用完”有两个含义： 1. 真的能把需求安全落地。 2. 要比目前 Claude Code 的额度更高，高 4~7 倍。 如何把这个流量用完？节假日的几天都在写代码，今天是工作的第三天了。因为周日、周一两天也是上班，今天是周二。在工作之余，也在思考和摸索怎么更好地和 AI 配合。之前也提到了 Web 看板，我认为是 2025 年年底。 最牛的一件事，从昨天晚上到现在，终于把这个工具给用起来了。我在开发我的 TTS Skill，就用到了看板。把想做的几个事情拆分一下，现在盯着看板就可以了。因为想法比较多，非常适合我来使用。终于实现了看代码、编写代码，离开了键盘，手不用参与了。把待办事项放入看板就可以。我实现了一边打塞尔达，一边Vibe Coding。 提到塞尔达，是为了解压，又重新玩儿了一遍《旷野之息》。已经是老江湖了，所以玩儿起来比较轻松和流畅，很解压。我觉得后半辈子可能这两个塞尔达游戏足够消遣了，学的东西不多，但是很多东西还可以重温和复习，是不是脑子和眼睛都不累？ 昨天尝试用了一下 OpenCode，大家都说非常好。今天又看到一些提示说，有一些新的功能出来。感叹两个事： 1. 新工具的出现，真的能发现之前的一些痛点。 2. 我回来继续刚才那个 Web 看板，提示我了一个任务完成了，我去和他沟通了一下。 每天都有新的变化，每天都有新的发现。今天晚上打算开始开发新的这个工具了，把之前想做的事情给做完。透露一下，是希望实现桌面端的模块联邦动态加载。

整体时间轴梳理 2024年（前年） * 所有人对国外AI技术（如GPT）都是羡慕和惊讶的心态 * 最早使用Claude，主要因为其超长上下文能力 * 国内AI技术相对落后，主要是通义千问2版本 2025年年初（春节期间） * 在老家刷公众号，发现DeepSeek V3和DeepSeek 21相继发布 * 快速体验后，感受到效果确实好，反应速度快，回复结果令人信服 * 当时还没有意识到这是个大爆发，只是觉得"东西好" 2025年整年发展 年初阶段： * DeepSeek成为国产AI的标志性产品，被称为"国运级"产品 * 标志着国产AI从"不够看"到"值得纳入眼帘" * AI使用模式从简单的问答输入输出开始转变 技术发展阶段： * 从2025年初的"写到todo.md"最佳实践，到年底的全面Agents工程化 * IDE工具快速发展：Cursor、反重力、Tree等 * 终端工具以Claude Code为主 年底爆发： * 12月底，MiniMax、GLM-4.7发布 * GLM-4.7在全球排行榜排第6，是开源第1 * 实际体验超过之前用过的所有模型 2025年6月 * 千问VL Plus发布，强调"数学AI拿不了高分是因为不懂图" * 视觉模型大跨步向前发展 2026年元旦假期 * 三天假期深度体验web coding和cloud code * 写了很多代码，跑通了一些流程 * 充分沉浸在和AI交流的过程中 2026年年初（当前） * 对国产AI信心增强，认为已经不比国外差 * 开始"一个人指挥一群Agent"的新模式探索 * 计划开发CC Switch反代多合一工具 * 重构个人系统，采用API优先、Postman优先的方案 💡 关键认知转变 1. 从羡慕到自信：2024年羡慕国外AI → 2025年认可国产AI → 2026年认为国产AI不比国外差 2. 从简单问答到复杂协作：简单的输入输出模式 → web coding深度开发 → 一个人指挥一群Agent 3. 从技术追赶到自主创新：追赶国外技术 → 形成自己的最佳实践 → 开始工具化创新

官网第一章节 al.fg-games.co.jp

展示了最近的一些思考，过去经历的事情，当下的心理状态，对未来的一些期待。

文字稿 blog.ijust.cc

文字版本 blog.ijust.cc

- antfu 的年演讲，集合的理论，交集、并集，让你的开源项目更成功！ - b 站官方搬运 www.bilibili.com

- 猫头老哥是 vite 负责人，Matias Capeletto ， patak - B 站搬运视频 www.bilibili.com - 详细展开 vite 的五条哲学思考，行动准则，解释自己做的行为和未来的思考方式

- Vite 大的要来了，Rustify 锈化 Vite - Rolldown 要来了 - b 站搬运视频 www.bilibili.com

收听方式# * 小宇宙 * 苹果播客 * IPFS 介绍# lwj = learn with jason 视频播客 官网 learnwithjason.dev 当期视频 youtube 地址 国内搬运 b 站地址 嘉宾 daniel roe 是 nuxt3 nitro 的核心维护者 补充内容： 04:18 补充一下， 造 nitro 这个轮子主要是为了能让生产环境下的 nuxt 跑在各个 runtime 下 (通过 preset)，包括但不限于 node，deno，bun 或者 vercel 等 edge 上。 另一个原因是 nitro 可以把 node_modules 依赖也打到生产环境下 (像 spa 打包一样)，可以提高部署的速度，同时加快 edge 类运行时的冷启动时间。 当然也支持了开发时的 hmr (注意是服务端的 hmr) 最后因为用的文件路由，所以 dx 会比传统服务框架好很多。 辛宝 - WebWorker: 嗯嗯，是啊，最近有了新感受，打算再更新一期 封面图 点击选择文件 留空则使用文章中的第一张图片 标签 短链接 此文章将可通过以下链接访问 blog.ijust.cc 摘要 留空则使用自动生成的摘要 高级设置

收听方式# * 小宇宙 * 苹果播客 * IPFS 介绍# 看完了 Elon Musk 的传记，再看他的一些访谈，更容易了，这里带读最近的一个访谈。 * 马斯克的视频播客访谈

收听方式# * 小宇宙 * 苹果播客 * IPFS 介绍# * 最近还是比较松弛和放松，尝试完善自己想做的东西 * 做了播客的管理后台。vue3 + laf 写 CURD，独立做后端系统 * 做了单机版本的 RSS 阅读器，indexedDB + vue3，学会了不少 tailwind 的用法 * 读完了 伊隆马斯克传，废弃忘食，心流状态 * web worker 播客两周年了，关注破 4k 了，不容易 * 未来说不定可以讨论独立开发、产品运营

syntax.fm AI 总结 以下是播客要点的摘要： * OG图像详情可见共享链接时用于社媒预览的Open Graph图像。它们是使用具有“OG： image”等属性的元标记定义的。 * 动态生成OG图像有不同的方法 ，包括使用Satori/Vercel OG、Cloudinary等包，或使用Puppeteer或Playwright以编程方式截屏。q'a'z2 * Satori允许从React组件生成图像，但在CSS支持方面存在限制。Cloudinary涉及通过URL中的命令组装图像，这可能很复杂。 * 使用Puppeteer或Playwright对动态生成的页面进行屏幕截图是一种简单的方法。这允许完全的CSS控制，但需要先渲染页面。 * 要考虑的因素包括支持自定义字体、布局处理、边格、渲染性能和镜像存储/缓存。 * 示例讨论了为博客文章、视频、播客等生成图像。可以包括作者照片、文本、日期等动态数据。 总而言之，播客讨论了什么是OG图像，动态生成它们的不同技术，如Satori、Cloudinary和无头浏览器，以及每种方法的权衡。 内容介绍 本次聊的主题是： og image 基础概念 facebook 2010 推出的 open graph 方案，为了社交媒体的 link 更有表现力，展示社交网站元数据。 能够 preview images。对用户来说为了 SEO。 OG:xxx 有很多，比如文章 视频 照片等。图片的比例不同网站要求不同，比较奇怪。 创建和验证 如何测试 OG 标签在不同网站下的展示效果，也就是如何测试效果？ 测试 og，有软件，有程序 polypane 测试，就很方便，是一个服务。 The browser for ambitious web developers.Build better websites in less time with a stand-alone browser that makes your site more responsive, more accessible and more performant. Save hours on each project, love every minute of it. 雄心勃勃的Web开发人员的浏览器。 使用独立浏览器在更短的时间内构建更好的网站，使您的网站响应更快、更易于访问且性能更高。在每个项目上节省时间，热爱它的每一分钟。 对于 Twitter 和 Facebook 有专门的调试工具 OFFICIAL DEBUGGERS * Facebook * Twitter * Linkedin * Structured Data 这些链接可能会用得上。 如果文章更新了需要更新信息，也有地方主动刷新缓存，重新拉取。 探索动态 SVG 和 Puppeteer 方案 帮助你生成 OG 也有很多动态生成方案： * vercel/satori: Enlightened library to convert HTML and CSS to SVG 框架动态生成，传递参数，使用 jsx 生成动态 svg * 图片视频压缩 Cloudinary 涉及通过URL中的命令组装图像 * 也可以使用 puppeteer 来渲染截图，围绕动态截图，用了 puppeteer 的 sls 版本 * Cloudflare Puppeteer 文档 很强，在 worker 中使用 puppeteer * 主播就做了一个动态的观察网址和效果 地址 * 当然提供缓存支持，不用重复操作，也是按需操作 * 也可以使用 E2E 来做截图，比如 Playwright 知识点引导 og image 比较正式的一个网站介绍 Open Graph protocol ogp.me 开放图协议使任何网页都成为 社交图中的丰富对象。例如，这在Facebook上使用以允许 任何网页具有与Facebook上任何其他对象相同的功能。虽然存在许多不同的技术和模式，并且可以组合 总之，没有一种技术可以提供足够的信息 丰富地表示社交图谱中的任何网页。开放图协议 以这些现有技术为基础，为开发人员提供一件事 实现。开发人员的简单性是开放图协议的一个关键目标，它 为许多技术设计决策提供了信息。 文章和拓展链接 * meta dev 的文章介绍 developers.facebook.com * meta tags Meta Tags Toolkit - Preview, Edit, and Generate * Vercel 的 og 介绍 vercel * 有一些不同的实现和 debugger 工具 ogp.me * Canva api 设定，开发者文档 Yoast SEO是WordPress的插件之一，允许内容制作者在其帖子中添加元标签，包括标题和描述。这些会显示在Google搜索结果中，并将页面的内容广播给潜在读者。 Yoast SEO还允许您将OG图像添加到WordPress上您想要的任何文章中。但是，您需要升级到企业帐户才能访问此功能。

本期是速通 JSJ 588 播客 《How to Build Peer-to-Peer Mobile and Desktop Apps with Socket Supply》 嘉宾是：你不知道的js 作者，目前在 Socket Supply 目前在 advocating for the open web platform 倡导开放网络平台 介绍的这个 Socket Supply 的工具，希望一套代码，支持不同的平台 one code base, solve the problem with kind of the multi-platform. web 技术构建桌面、移动端应用，从十几年前开始看，已经有了一些玩家： * PhoneGap -> apache cordova * nativescript / ionic / react native / tauri / electron 都在试图创建 runtime 包装 web 应用，来实现 app 在不同的原生平台处理。Socket Supply 也加入了其中，提供了开源的运行时通过 open runtime , warps around a web app like a pwa 从而实现上架各平台。 Capacitor建立在Cordova上，这是一个15 +年前的代码库，专为移动设备编写，尽管它确实将Electron用于桌面，但这正在采购整个第二个项目，并且两者结合起来会产生大量的复杂性。Socket 是针对移动、桌面、无头和 Web 从头开始构建的，发明了尽可能少的新 API。更重要的是，Socket专注于采用CSP等Web标准来沙盒原生API，并实现点对点等现代网络。 本产品的特点： * 嫌弃人家老，有历史包袱，说自己新。这是特点的一部分，另一方面，网络部分有创新，独一无二的，是 P2P 网络，不鼓励和前端分开的独立后端。 * 不支持分离的后端进程，就放到 web view 中就完事，所以体积非常小，比 electron / tauri 要小的多。 * 这个运行时有完整的的文件访问、蓝牙、网络等。不能在浏览器里完整使用网络，因为 api 不允许 * 网络协议这里，设计了完整的 serverless p2p 协议，真正的无服务器，由 socket 交流，而不需要服务端支持。 * 做 p2p 的有很多，他们搞了一个协议，真正实现0服务器指令。发现网络通过 udp 为啥是一个 game changer？因为现在的应用都需要后端，需要数据库、存储等。 商业模式介绍。作为基建不需要付费，如果愿意支付分析工具的专业知识，客户分析、性能分析等。为更专业的技能付费，更方便的技能，比如一键部署到商店等。 目标客户是谁，所有公司，大公司，小公司？ 都可以用，可以同时使用。全面上云，支付的费用很高。增加点新的支出，同时运行两种架构，是可行的，做 ab 测试，最后结果可能是大幅减少的一些云服务。 从 s3/db/function 等迁移到 p2p ，细节很多。从实际上看，从云端转为 p2p 需要更长的时间来迁移，也需要 a/b 并行来操作。 I think this is way beyond the depth of what we should get to on ths podcast.用了播客所不能承载的技术细节，听不懂。 使用到了 Web3 技术吗？ 没有使用 web3 的技术，更像是 web3 技术之前的方案，或者叫 web 2.5 用到了 webscoket/web rtc 是吧？ 没有。web stream / web socket / webrtc 不能满足他们建立 p2p 的要求，所以从基础上就是完全使用的 udp 的方案。 ipv6 是我们的救世主吗？ 答案是不行， ipv6 的 nat 遍历很糟糕，至少是基于 udp 的 p2p 他们对 local first 有极大的热情，组建了一个社区。localfirstweb.dev Q: GPT请告诉我，基于 udp 的 p2p 网络，大概什么样，从技术和使用场景上做一个解释。 基于UDP的P2P网络是一种点对点（Peer-to-Peer）网络架构，其中通信使用UDP协议进行数据传输。与传统的基于TCP的P2P网络相比，UDP更适合实时性要求高、带宽要求低的应用场景。 技术上，基于UDP的P2P网络通常采用NAT穿越技术，以克服NAT（网络地址转换）对P2P通信的限制。NAT穿越技术可以通过使用中继服务器或者使用UDP打洞等方式，使得位于不同私有网络中的节点能够直接通信，而无需通过公网IP地址。 使用场景上，基于UDP的P2P网络适用于以下情况： 1. 实时通信：UDP协议具有低延迟和高实时性的特点，适用于实时音视频通话、在线游戏等需要快速传输数据的应用场景。 2. 大规模文件共享：P2P网络可以将文件分割成小块，并通过多个节点同时上传和下载，提高文件传输速度和可靠性。 3. 媒体流传输：基于UDP的P2P网络可以用于流媒体传输，如直播、视频点播等，通过多个节点同时提供媒体数据，减轻服务器负载。 4. 去中心化应用：基于UDP的P2P网络可以用于构建去中心化的应用，如区块链、文件存储等，通过节点之间的直接通信实现数据共享和交换。 需要注意的是，基于UDP的P2P网络相对于基于TCP的P2P网络来说，由于UDP协议的特性，可能会面临一些挑战，如数据包丢失、乱序等问题，因此在设计和实现时需要考虑数据可靠性和传输效率的平衡。