mirror of
https://github.com/ruanyf/weekly.git
synced 2025-12-15 10:23:58 +08:00
Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
3bd84da267 | ||
|
|
626ab62e49 | ||
|
|
bbd36a7fd0 | ||
|
|
195103242c | ||
|
|
4965d9eb23 | ||
|
|
0387420b9b | ||
|
|
2d27ec21a0 |
@@ -4,7 +4,7 @@
|
||||
|
||||
欢迎投稿文章/软件/资源，请[提交 issue](https://github.com/ruanyf/weekly/issues) 。
|
||||
|
||||
> P.S. 讨论区的[《谁在招人》](https://github.com/ruanyf/weekly/issues/7832)，是一个免费的程序员招聘帖，提供大量就业信息，欢迎发布工作/实习岗位。
|
||||
> P.S. 讨论区的[《谁在招人》](https://github.com/ruanyf/weekly/issues/8003)，是一个免费的程序员招聘帖，提供大量就业信息，欢迎发布工作/实习岗位。
|
||||
|
||||
## 赞助商
|
||||
|
||||
@@ -20,8 +20,13 @@
|
||||
|
||||
## 2025
|
||||
|
||||
**十一月**
|
||||
|
||||
- 第 372 期：[软件界面如何设计](docs/issue-372.md)
|
||||
|
||||
**十月**
|
||||
|
||||
- 第 371 期：[一个乐观主义者的专访](docs/issue-371.md)
|
||||
- 第 370 期：[正确的代码高亮](docs/issue-370.md)
|
||||
- 第 369 期：[Tim 与罗永浩的对谈](docs/issue-369.md)
|
||||
- 第 368 期：[不要这样管理软件团队](docs/issue-368.md)
|
||||
|
||||
@@ -71,7 +71,7 @@
|
||||
|
||||
总结就是一句话，如果你使用[我的推广链接](https://s.qiniu.com/JrUbmm)去注册（下图），你会得到免费的 300万 + 1000万 Token。然后，你生成自己的推广链接，每邀请一位好友，就再多 500万 Token。
|
||||
|
||||
|
||||
|
||||
|
||||
## 科技动态
|
||||
|
||||
@@ -155,13 +155,13 @@ NetNewsWire 是一个桌面的 RSS 阅读器，总是有人要求作者，将其
|
||||
|
||||
它的奇妙之处是，打乱后还可以用逆运算，将字符串还原，从而使得这种算法很适合用来压缩文本。
|
||||
|
||||
1、[屏幕截图的不可见注入](https://simonwillison.net/2025/Oct/21/unseeable-prompt-injections/)
|
||||
6、[屏幕截图的不可见注入](https://simonwillison.net/2025/Oct/21/unseeable-prompt-injections/)
|
||||
|
||||
|
||||
|
||||
越来越多的公司推出了自己的 AI 浏览器，它通过截图阅读屏幕。现在已经出现在屏幕嵌入人眼不可见、但机器可见的文本，进行模型注入，让模型执行恶意操作（上图）。
|
||||
|
||||
1、[Unicode 隐形字符的病毒](https://www.koi.ai/blog/glassworm-first-self-propagating-worm-using-invisible-code-hits-openvsx-marketplace)（英文）
|
||||
7、[Unicode 隐形字符的病毒](https://www.koi.ai/blog/glassworm-first-self-propagating-worm-using-invisible-code-hits-openvsx-marketplace)（英文）
|
||||
|
||||
|
||||
|
||||
|
||||
396
docs/issue-371.md
Normal file
396
docs/issue-371.md
Normal file
@@ -0,0 +1,396 @@
|
||||
# 科技爱好者周刊（第 371 期）：一个乐观主义者的专访
|
||||
|
||||
这里记录每周值得分享的科技内容，周五发布。
|
||||
|
||||
本杂志[开源](https://github.com/ruanyf/weekly)，欢迎[投稿](https://github.com/ruanyf/weekly/issues)。另有[《谁在招人》](https://github.com/ruanyf/weekly/issues/8003)服务，发布程序员招聘信息。合作请[邮件联系](mailto:yifeng.ruan@gmail.com)（yifeng.ruan@gmail.com）。
|
||||
|
||||
## 封面图
|
||||
|
||||
|
||||
|
||||
杭州西站附近的余杭桂博园，8000株桂花树都剪成了蘑菇头。（[via](http://zj.news.cn/20251008/60bb7919726a497a9bc73a1f66a67b3e/c.html)）
|
||||
|
||||
## 一个乐观主义者的专访
|
||||
|
||||
（1）
|
||||
|
||||
凯文·凯利（Kevin Kelly，简称 KK，1952-）是著名的作家和未来学家，曾经出版过《失控》等多本畅销书，在国内有很高的知名度。
|
||||
|
||||
|
||||
|
||||
老爷子今年73岁，依然充满了活力，个人网站 [kk.org](http://kk.org/)（下图）几乎每周更新。
|
||||
|
||||
|
||||
|
||||
如果仔细看首页，你还会发现顶部有一行字。
|
||||
|
||||
|
||||
|
||||
这行字写着：
|
||||
|
||||
> 长期中，未来由乐观主义者决定。
|
||||
|
||||
这句话概括了他的信念：**要乐观，要看好未来**。因为乐观主义者会动手做事，而**世界是由动手去做的人决定的**。
|
||||
|
||||
这让我想到了另一句话“[悲观者正确，乐观者成功](https://www.ruanyifeng.com/blog/2022/02/weekly-issue-194.html)”。
|
||||
|
||||
它的意思也类似。悲观者看不到希望，就不去做事了，所以什么也不会改变，悲观预言就成真了；乐观者愿意做事，做了才有可能成功，所以成功属于乐观者。
|
||||
|
||||
这就像古人说的：**行者常至，为者常成**。
|
||||
|
||||
（2）
|
||||
|
||||
凯文·凯利在美国加州的乡下有一间工作室，平时在那里工作。
|
||||
|
||||
一本美国杂志最近派出记者，对他进行[专访](https://joincolossus.com/article/flounder-mode/)。记者按着地址找到工作室，都惊了，简直身处童话之中。
|
||||
|
||||
> “这是瓦莱玛镇外围公路边最后一栋房子，一座巨大的谷仓式建筑，背后就是一座陡峭的山坡，山坡上长满了野花和参天大树。天气阴沉，弥漫着海洋和桉树的气味。我看到门上挂着一块小小的招牌‘kk.org’，才知道没有找错地方。”
|
||||
|
||||
记者走进工作室，眼睛都瞪大了，屋里跟 KK 本人一样奇妙。
|
||||
|
||||
|
||||
|
||||
门边是一个一直到屋顶的落地书架，放满了各种各样的书，还有一个铁架子，让你可以爬到书架的上层。
|
||||
|
||||
|
||||
|
||||
另一面墙前面，则是一个多层的置物架，堆满了奇奇怪怪的小玩意。
|
||||
|
||||
|
||||
|
||||
这些东西全是 KK 从世界各地搜罗来的，比如蒙古老鹰的皮帽、小鸟的骨架等等。
|
||||
|
||||
|
||||
|
||||
他让记者试着举起地板上的一个小球，这个球非常重，记者根本举不起来。他告诉记者，这是钨做的球，密度跟黄金差不多。所以，电影里罪犯抢了一袋黄金撒腿就跑，这是根本不可能的，你走路都困难，怎么可能跑呢。
|
||||
|
||||
|
||||
|
||||
这些东西和装饰反映了 KK 的个性：他喜欢新奇有创意的东西。
|
||||
|
||||
记者问道，工作室里最古老的物品是什么，他立刻转移了话题。这位未来学家对怀旧和过去毫无兴趣。
|
||||
|
||||
（3）
|
||||
|
||||
记者问，你人生中喜欢这么多东西，做过很多项目，但是都没有做大，也没有加入独角兽公司，你怎么想？
|
||||
|
||||
KK 回答，我只是追随自己的兴趣，不管什么事情，只要我觉得有意思，就想去做。**我不追求目的地，我追求的是内心的方向**。
|
||||
|
||||
其实也不是刻意追求，只要你做自己感兴趣的事情，内心会自动推着你往下走。而且，遇到失败时，你能忍受下来，因为那是你喜欢的事情，你明确地感受到，只要坚持下去，以后会得到更多（内心的）补偿。
|
||||
|
||||
|
||||
|
||||
我做的项目，并非出于我想战胜别人或者战胜世界，而是出于我满足了内心的好奇心或者实现了创意。
|
||||
|
||||
回顾一生，我没有创造伟大事业，也没有创造出股东价值，但是**我得到了内心的满足感，而且不是以自我放纵的方式**。我以一种充满快乐、活力，没有焦虑、痛苦，也没有自负的方式，度过了人生。
|
||||
|
||||
## AI 驱动的开源知识库 PandaWiki
|
||||
|
||||
如果你想搭建一个**自己的文档 + 知识库网站，还带有 AI 功能**，选择其实不多，可以考虑下面介绍的 [PandaWiki](https://github.com/chaitin/PandaWiki)。
|
||||
|
||||
|
||||
|
||||
（1）它是国内团队的作品，目前在 GitHub 已经6700颗星，还在快速迭代，每周都发[新版本](https://github.com/chaitin/PandaWiki/releases)。
|
||||
|
||||
（2）它用 Go 语言开发，硬件要求低，安装简单，[一行命令](https://pandawiki.docs.baizhi.cloud/node/01971602-bb4e-7c90-99df-6d3c38cfd6d5)运行 Docker 容器即可。
|
||||
|
||||
（3）它支持多种格式的[文档导入](https://pandawiki.docs.baizhi.cloud/node/01976929-0e76-77a9-aed9-842e60933464)/导出，提供富文本编辑，除了文档站，用作博客系统也可以。
|
||||
|
||||
（4）它支持[接入大模型](https://pandawiki.docs.baizhi.cloud/node/01971616-811c-70e1-82d9-706a202b8498)，可以 AI 辅助创作、AI 问答、AI 搜索。
|
||||
|
||||
|
||||
|
||||
它的[官方文档](https://pandawiki.docs.baizhi.cloud/)就是用自己搭的，大家可以看看效果，它还提供后台的 [Demo 试用](https://pandawiki.docs.baizhi.cloud/node/01971af3-f304-7043-9e39-d2c6b6f8d4e9)。
|
||||
|
||||
## 科技动态
|
||||
|
||||
1、
|
||||
|
||||
上周，一群窃贼光天化日之下，开着[一部租来的升降机](https://www.theguardian.com/world/2025/oct/23/german-firm-campaign-lift-louvre-heist-bocker)，从窗户进入卢浮宫，敲开展柜取走珠宝，扬长而去，整个过程只用了10分钟。
|
||||
|
||||
|
||||
|
||||
窃贼迟迟没有抓住，但是这部升降机很快就在网上走红了。
|
||||
|
||||
它的生产商是一家德国公司，看到了新闻，立刻意识到这是绝佳的广告，马上推出了宣传海报。
|
||||
|
||||
|
||||
|
||||
海报的大字写着：“当你需要快速行动时”，小字写着“（该设备）可以每分钟42米的速度运送最多400公斤的宝贝——而且安静得像悄悄话”。
|
||||
|
||||
这个广告立刻疯传，热度是该公司以前广告的100倍。虽然有人指责不该拿这事做广告，但是这件事娱乐性实在太强了，简直像电影，每个看广告的人都觉得很开心。
|
||||
|
||||
2、
|
||||
|
||||
美国 FBI 最近揭露了一起[扑克诈骗案](https://www.bbc.com/news/articles/cz6nd9wnzn6o)，充满了高科技。
|
||||
|
||||
|
||||
|
||||
这个案件中，牌桌其实是一个 X 光机。
|
||||
|
||||
|
||||
|
||||
扣在桌上是什么牌，都会透视得清清楚楚（下图）。
|
||||
|
||||
|
||||
|
||||
然后，牌的图像会传到诈骗分子戴的智能眼镜上，从而他保证不会输。他们用这种方法诈骗了700万美元。
|
||||
|
||||
3、
|
||||
|
||||
耐克推出世界第一款[动力鞋](https://about.nike.com/en/newsroom/releases/nike-project-amplify-official-images)，这双鞋会拉着你往前走。
|
||||
|
||||
|
||||
|
||||
该鞋有一个腿箍，用来把鞋固定在小腿上，便于推动小腿。鞋里装了电池和电动机。
|
||||
|
||||
|
||||
|
||||
耐克公司说，该鞋可以帮你跑得更快、更省力，更远。可以想象，以后上路之前，我们还要检查一下，鞋子是否充满电。
|
||||
|
||||
## 文章
|
||||
|
||||
1、[苹果公司不再关注细节了](https://blog.johnozbay.com/what-happened-to-apples-attention-to-detail.html)（英文）
|
||||
|
||||
|
||||
|
||||
苹果的软件以精美著称，但是现在好像不是这样了。这篇长文罗列了苹果系统的各种疏漏，都是细节没有处理好，尤其是最新的液态玻璃效果，简直就是匆忙上架。
|
||||
|
||||
2、[Chrome 默认启用 HTTPS 协议](https://security.googleblog.com/2025/10/https-by-default.html)（英文）
|
||||
|
||||
|
||||
|
||||
Chrome 浏览器公告，从明年（2026）10月起，将始终使用 HTTPS 协议。如果访问 HTTP 协议的网站，会跳出一个弹框（上图），用户确认后才可以访问。
|
||||
|
||||
这意味着，以后除了内网，HTTP 协议实际上被淘汰了。
|
||||
|
||||
3、[Linux 启动过程](https://www.0xkato.xyz/linux-boot/)（英文）
|
||||
|
||||
|
||||
|
||||
本文简单清晰地介绍，按下电源开关后，电脑的启动过程，主板如何找到操作系统。
|
||||
|
||||
4、[查看带宽占用的5种方法](https://www.xda-developers.com/5-ways-to-find-out-whats-hogging-your-bandwidth-at-home/)（英文）
|
||||
|
||||
|
||||
|
||||
什么程序在占用家庭网络的带宽？本文介绍5种查看方法。
|
||||
|
||||
5、[表单的 dialog 提交方法](https://bhoot.dev/2025/form-method-dialog/)（英文）
|
||||
|
||||
|
||||
|
||||
网页表单的提交方法，除了常见的 GET 和 POST，还有一个鲜为人知的 dialog（即`<form method="dialog">`），本文介绍它的用法。
|
||||
|
||||
6、[CSS 相对颜色](https://ishadeed.com/article/css-relative-colors/)（英文）
|
||||
|
||||
|
||||
|
||||
本文介绍一个新的 CSS 语法，从基础颜色生成相对颜色。
|
||||
|
||||
7、[行走郑州](https://walkingtheworld.substack.com/p/walking-zhengzhou-china)（英文）
|
||||
|
||||
|
||||
|
||||
作者是一个美国人来到郑州，发现这里跟中国其他大城市不太一样，充满了一种粗旷的年轻人的活力，让他觉得这里很像没有衰退之前的“汽车城”底特律。
|
||||
|
||||
## 工具
|
||||
|
||||
1、[MacOS Live Screensaver](https://github.com/hauxir/macos-live-screensaver)
|
||||
|
||||
|
||||
|
||||
一个开源的 macOS 屏保程序，能够播放流媒体，支持接入 Youtube。
|
||||
|
||||
2、[Valetudo](https://valetudo.cloud/)
|
||||
|
||||
|
||||
|
||||
扫地机器人的开源固件，提供完整功能，并且不跟云端服务器进行通信。
|
||||
|
||||
3、[oxdraw](https://github.com/RohanAdwankar/oxdraw)
|
||||
|
||||
|
||||
|
||||
一个 Rust 语言编写的 Web 服务，用来可视化生成图表，同时给出对应的 Mermaid 语法代码。
|
||||
|
||||
4、[dLine](https://github.com/jazz-it/dline)
|
||||
|
||||
|
||||
|
||||
命令行的日程管理工具。
|
||||
|
||||
5、[EternalTerminal](https://github.com/MisterTea/EternalTerminal)
|
||||
|
||||
|
||||
|
||||
基于 SSH 的远程登录工具，自动重连上一次的会话，即不会发生会话中断。
|
||||
|
||||
6、[Docs](https://github.com/suitenumerique/docs)
|
||||
|
||||
|
||||
|
||||
一个开源的内容管理系统，支持多人实时协作，需要自搭建。
|
||||
|
||||
7、[UChart](https://www.uwarp.design/uchart)
|
||||
|
||||
|
||||
|
||||
在线的数据图表生成器，让没有编程背景的用户也能创建专业数据图表。（[@sherotree](https://github.com/ruanyf/weekly/issues/7981) 投稿）
|
||||
|
||||
8、[filter-repo-rs](https://github.com/Cactusinhand/filter-repo-rs)
|
||||
|
||||
一个 Rust 语言写的工具，用来改写 Git 仓库历史，比如不小心提交了敏感信息，可以用它来修改提交历史。（[@Cactusinhand](https://github.com/ruanyf/weekly/issues/7983) 投稿）
|
||||
|
||||
9、[AI Elements Vue](https://github.com/cwandev/ai-elements-vue)
|
||||
|
||||
|
||||
|
||||
一个用于 AI 应用的前端组件库，将 [AI Elements 组件库](https://ai-sdk.dev/elements/overview)移植到 shadcn-vue。（[@cwandev](https://github.com/ruanyf/weekly/issues/7991) 投稿）
|
||||
|
||||
## AI 相关
|
||||
|
||||
1、[Macaify](https://github.com/Macaify/MacaifyApp)
|
||||
|
||||
|
||||
|
||||
一个 macOS 开源应用，可以在任何 App 里选中文本，按下快捷键，通过大模型完成翻译、润色、改写、总结等操作。（[@s1ntoneli](https://github.com/ruanyf/weekly/issues/8004) 投稿）
|
||||
|
||||
2、[Dayflow](https://github.com/JerryZLiu/Dayflow)
|
||||
|
||||
|
||||
|
||||
开源的 macOS 桌面应用，可以生成电脑屏幕一天的时间占用。它每秒截一次屏，然后交给 AI 分析，生成你一天活动的时间线。
|
||||
|
||||
3、[Git Print](https://gitprint.me/)
|
||||
|
||||
|
||||
|
||||
这个网站可以将 GitHub 仓库转换成一本电子书，适合用来训练大模型。
|
||||
|
||||
## 资源
|
||||
|
||||
1、[Grokipedia](https://grokipedia.com/)
|
||||
|
||||
|
||||
|
||||
马斯克本周推出的百科全书，并[表示](https://x.com/elonmusk/status/1983219953533665720)他想用激光将该网站的页面刻在石头上，再将石碑发射到太空中，以“防止文明倒退”。
|
||||
|
||||
据说，它的80多万篇条目都是 AI 生成的，但好像只是对维基百科进行了编辑，详见[评论文章](https://www.pcmag.com/news/turns-out-wikipedia-isnt-that-woke-as-grokipedia-rips-off-most-of-its-pages)。
|
||||
|
||||
2、[ShadCN Themes](https://shadcnthemer.com/)
|
||||
|
||||
|
||||
|
||||
这个网站收集 ShadCN UI 的各种主题。
|
||||
|
||||
3、[Scrimba](https://scrimba.com)
|
||||
|
||||
|
||||
|
||||
IT 视频课程学习网站，部分课程免费。
|
||||
|
||||
## 图片
|
||||
|
||||
1、[一立方的美元](https://calvin.sh/blog/fed-lie/)
|
||||
|
||||
很多人感兴趣，100万美元放在一起有多大。
|
||||
|
||||
美国芝加哥的货币博物馆，就有一个展示，让你感受到美元的体积。
|
||||
|
||||
那是一个巨大的透明立方体，每条边都是1米，里面装满了1美元的纸币。
|
||||
|
||||
|
||||
|
||||
据博物馆介绍，这个立方体就放了100万美元。每一捆是100张1美元纸币，里面装了10000捆。
|
||||
|
||||
|
||||
|
||||
有个程序员怀疑这个数字是否准确，就写了一个[程序](https://calvin.sh/tools/dot-counter/)，手动在高清照片上为每一列的每一捆打上不同颜色的点，进行统计。
|
||||
|
||||
|
||||
|
||||
他发现，每一列其实是102捆，一个面有8列，前后共堆了19层，因此这个立方体里面的美元总数应该是155万。
|
||||
|
||||
> 102×8×19×100美元=1,550,400美元
|
||||
|
||||
不过，很可能只有最外层是美元，内层塞的是旧报纸。那样的话，经过他计算，里面的美元是53万。
|
||||
|
||||
## 文摘
|
||||
|
||||
1、[动物的大小](https://www.marxists.org/archive/haldane/works/1920s/right-size.htm)
|
||||
|
||||
动物的体型，最大可以长大到多大？有没有可能出现巨型动物？
|
||||
|
||||
答案是不可能，体型大小有很多限制因素，某种动物不可能变得特别巨大。比如，不可能存在比正常人大十倍的巨人。
|
||||
|
||||
（1）骨骼
|
||||
|
||||
如果一个巨人比正常人高十倍，宽十倍，厚十倍，那么他的总重量就是正常人的一千倍。不幸的是，他们骨头的横截面只有正常人的一百倍，因此单位面积的骨骼必须支撑十倍的重量。按照人类骨骼的材质，他们大概会立刻骨折，一步都走不了。
|
||||
|
||||
所以，体重小的动物才可能有又长又细的腿，体重大的动物只可能是又短又粗的腿，比如犀牛和大象。
|
||||
|
||||
（2）血压
|
||||
|
||||
体型越大的陆地动物，必须将自己的血液泵到更高的高度，因此需要更大的血压和更坚韧的血管。所以，许多高大的动物的血压都很高，往往死于动脉爆裂，尤其是脑部动脉爆裂，比如大象和长颈鹿。
|
||||
|
||||
（3）表面积
|
||||
|
||||
如果一个动物在各个方向上都增加了十倍体积，它的重量就增加了一千倍。因此，它每天需要一千倍的食物和氧气，并且会排泄一千倍的代谢废物。
|
||||
|
||||
但是，如果它的形状不改变，它的表面积只会增加一百倍，通过皮肤进入的氧气、通过肠道吸收的食物都会不足。因此，它们需要增加自己的表面积，来增加吸收氧气和食物。
|
||||
|
||||
所以，就出现了鱼类的鳃和哺乳动物的肺，以增加吸氧面积。同时，动物的肠道不再光滑笔直，而是卷曲并形成柔软的表面，以更多地吸收食物。
|
||||
|
||||
（4）血液
|
||||
|
||||
血液将鳃或肺的氧气输送到动物的全身，但是昆虫没有血液，而是通过微小的气管直接将氧气输送到身体的各个部位。这种气体扩散的方式，效率并不高，所以昆虫身体距离空气超过6毫米的部分总是缺乏氧气，几乎没有昆虫的厚度超过1.2厘米。所以，昆虫不可能变得特别大。
|
||||
|
||||
总之，每种动物都有一个最佳尺寸，不可能出现跟人一样大的昆虫。
|
||||
|
||||
## 言论
|
||||
|
||||
1、
|
||||
|
||||
我已经不觉得文档有多重要了，大模型没有文档也能读懂代码。
|
||||
|
||||
-- [Simon Willison](https://simonwillison.net/2025/Oct/25/coding-agent-tips/)
|
||||
|
||||
2、
|
||||
|
||||
文化危机并不是书籍的消亡，而是人们的注意力分散了，热衷于参加肤浅的活动。
|
||||
|
||||
这个时代感觉患上了“文明多动症”，一代人焦躁不安、注意力不集中、漫无目的的过度活动，思考难以捉摸且转瞬即逝。
|
||||
|
||||
-- [《把研究当作消遣已经失传》](https://kasurian.com/p/research-as-leisure)
|
||||
|
||||
3、
|
||||
|
||||
要真正理解一个概念，你必须在某种程度上自己“发明”这个概念。理解并非源于被动的内容消费，而是源于一个主动的、自我导向的创建和调试过程。
|
||||
|
||||
-- [François Chollet](https://x.com/fchollet/status/1983279755823853724)，《Python 深度学习的作者》
|
||||
|
||||
4、
|
||||
|
||||
人可以怒，而不可以苦闷。怒可以构成壮美，苦闷却是一无所成，只是自我的崩溃。
|
||||
|
||||
-- 康德，德国哲学家
|
||||
|
||||
5、
|
||||
|
||||
AI 带给我的好处，不是我的速度变快了，而是我的项目范围变大了，我可以做出以前涉及不到的事情。
|
||||
|
||||
-- [Neal Agarwal](https://www.workingtheorys.com/p/the-craft-neal-agarwal)，著名个人网站 [Neal.fun](https://neal.fun/) 的作者
|
||||
|
||||
## 往年回顾
|
||||
|
||||
[人类已知的最大质数](https://www.ruanyifeng.com/blog/2024/11/weekly-issue-324.html)（#324）
|
||||
|
||||
[加密通信的最后一块拼图](https://www.ruanyifeng.com/blog/2023/10/weekly-issue-274.html)（#274）
|
||||
|
||||
[Figma 为什么赢了 Sketch](https://www.ruanyifeng.com/blog/2022/09/weekly-issue-224.html)（#224）
|
||||
|
||||
[全能程序员 vs 特长程序员](https://www.ruanyifeng.com/blog/2021/09/weekly-issue-174.html)（#174）
|
||||
|
||||
（完）
|
||||
|
||||
434
docs/issue-372.md
Normal file
434
docs/issue-372.md
Normal file
@@ -0,0 +1,434 @@
|
||||
# 科技爱好者周刊（第 372 期）：软件界面如何设计
|
||||
|
||||
这里记录每周值得分享的科技内容，周五发布。
|
||||
|
||||
本杂志[开源](https://github.com/ruanyf/weekly)，欢迎[投稿](https://github.com/ruanyf/weekly/issues)。另有[《谁在招人》](https://github.com/ruanyf/weekly/issues/8003)服务，发布程序员招聘信息。合作请[邮件联系](mailto:yifeng.ruan@gmail.com)（yifeng.ruan@gmail.com）。
|
||||
|
||||
## 封面图
|
||||
|
||||
|
||||
|
||||
冬日的北京国家图书馆自习大厅。（[via](https://www.xinhuanet.com/photo/20251103/d338bbe8a8104730816261a553dd7b9a/c.html)）
|
||||
|
||||
## 软件界面如何设计
|
||||
|
||||
（1）
|
||||
|
||||
软件的用户界面（UI）是一门大学问。有一个行业专门研究它，就叫做“UI 设计”。
|
||||
|
||||
|
||||
|
||||
我觉得，很多写软件的程序员，对 UI 设计毫无感觉，不知道什么样的界面好用又美观。
|
||||
|
||||
他们自己搞的图形界面，只要把所有功能都堆积在界面上，就觉得完成了，也不管用户是否搞得明白。
|
||||
|
||||
这种例子很多，我举一个刚刚看到的。
|
||||
|
||||
（2）
|
||||
|
||||
有一个很有名的软件 [Handbrake](https://handbrake.fr/)，可以转换视频格式。
|
||||
|
||||
|
||||
|
||||
它的功能非常强大，几乎所有视频格式都能识别，各种需求都能满足，而且免费、支持多平台。
|
||||
|
||||
但是，当你打开这个软件，看见界面的那一刻，顿时会产生一种畏惧感，除非你是高级用户。
|
||||
|
||||
|
||||
|
||||
上图就是它的主界面，各种设置一个接一个，布满了让外行摸不着头脑的文字说明。
|
||||
|
||||
如果用户不是专家，就会想：我该从哪里入手？会不会点错？如果去看教程，是否要花很多时间？
|
||||
|
||||
那些坚持不放弃的用户，也许接着会去打开“设置”菜单，想寻找一点提示，却遭受了更绝望的一击。
|
||||
|
||||
|
||||
|
||||
这个密密麻麻、充满术语的界面，会让你感到自己水平太低，够不上它的使用门槛。
|
||||
|
||||
你看，用户只是想找个小工具，转换一下视频格式，结果却被工具提示“你的能力不足”。
|
||||
|
||||
这就是糟糕的界面，不仅难用，还打击人。
|
||||
|
||||
（3）
|
||||
|
||||
[一个老外程序员](https://danieldelaney.net/normal/)实在看不下去了，大众软件的界面有必要做成这个样子吗？
|
||||
|
||||
他自己动手做了一个新的 UI。
|
||||
|
||||
|
||||
|
||||
是不是一下子顺眼了？
|
||||
|
||||
这个界面一看就懂，完全没有心理负担。唯一的操作，就是上传视频，不可能搞错，因为其他地方都没法操作，只有当你添加文件后，唯一的按钮才可以点击。
|
||||
|
||||
你能相信吗，这个界面和上个界面，是同一个软件，做同样的事情？
|
||||
|
||||
这就是优秀 UI 设计的奥秘：**避免多个操作入口，避免让用户做选择，所有设置尽量提供默认值**。这样才不会让人迷惑，可以一路回车。
|
||||
|
||||
肯定有很多高级用户不赞同，提出一大堆置疑。
|
||||
|
||||
> - 为什么要放弃 Handbrake 的强大功能？
|
||||
> - 如果有人想要不同的设置呢？
|
||||
> - 你考虑过特殊需求和极端情况吗？
|
||||
|
||||
解决方法很简单，就是再做一个专业版界面，也许就是 Handbrake 现在的样子。用户想要更多功能和个性化设置，那就自行切换。
|
||||
|
||||
（4）
|
||||
|
||||
很多生活用品也是类似的情况，有着一个复杂的界面。
|
||||
|
||||
就拿电视遥控器来说，布满了按钮，有必要吗？
|
||||
|
||||
|
||||
|
||||
以至于有人就把不需要的按钮，用胶布贴起来。
|
||||
|
||||
|
||||
|
||||
其实，贴了胶布以后，才是电视遥控器该有的界面！只留下那些必需的按钮。
|
||||
|
||||
大多数人用不到的按钮，完全可以藏在一个滑盖下面，让那些确实有需要的人，自己打开盖子去找。
|
||||
|
||||
## [本周软件] NocoBase
|
||||
|
||||
如何快速开发业务系统？
|
||||
|
||||
你可能会说交给大模型，其实有更简单可靠的方法，就是 [NocoBase](https://github.com/nocobase/nocobase)。
|
||||
|
||||
|
||||
|
||||
它是一个开源的低代码/零代码开发平台，在 [GitHub](https://github.com/nocobase/nocobase) 已经有17000颗星。
|
||||
|
||||
它的思路很简单:（1）接入数据库，（2）配置界面，所见即所得，（3）配置插件（权限插件、SSO 登录插件、打印插件、文档插件等等）。
|
||||
|
||||
|
||||
|
||||
最新的2.x版本，还引入了 [AI 员工](https://www.nocobase.com/cn/blog/nocobase-2-0)，可以让大模型的能力无缝融入到业务系统，比如调查客户背景、分析数据，抓取供应商平台的报价。
|
||||
|
||||
发布四年多，它的商业版本已经收获了50多个国家/地区的用户，[收入过千万](https://www.nocobase.com/cn/blog/an-open-source-project-without-ai-can-still-earn-millions-a-year)。
|
||||
|
||||
大家可以在[官网](https://www.nocobase.com/cn/)开通 demo，试试为自己的数据库加上操作界面，也可以从 [GitHub](https://github.com/nocobase/nocobase) 获取源代码自己部署。
|
||||
|
||||
## 科技动态
|
||||
|
||||
1、[婚礼赞助](https://x.com/dagorenouf/status/1982369609387827247)
|
||||
|
||||
一个国外的创业者由于还没有成功，为婚礼的费用发愁。
|
||||
|
||||
他在网上发帖，询问有没有公司愿意赞助他的婚礼。作为回报，他将在婚礼上展示它们的名字。
|
||||
|
||||
结果有26家公司赞助他，下面就是婚礼当天的样子。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
2、上海第一起 [AI 提示词著作权案](https://finance.eastmoney.com/a/202511063557057377.html)近日宣判。
|
||||
|
||||
|
||||
|
||||
某公司2022年撰写了6组提示词，在 Midjourney 平台生成绘画作品，并发布在小红书等平台。
|
||||
|
||||
后来，该公司发现，二位被告使用这些提示词生成画作并公开发布，就提起诉讼，要求二被告停止侵权，赔偿9900元。
|
||||
|
||||
法院认为，提示词仅为元素的简单罗列，缺乏语法逻辑关联，未体现出作者的个性化智力投入，不应认定为作品。于是，判决原告对提示词不享有著作权，不得主张著作权侵权。
|
||||
|
||||
3、一家美国公司宣布，全球首个[家务机器人](https://www.ifanr.com/1642590)正式开卖，售价20000美元。
|
||||
|
||||
这个机器人的造型有点恐怖。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
虽然它的价格不算特别贵，但是能够自主完成的操作非常有限，大部分动作都需要人工遥控，而且做事速度很慢，取一瓶水要1分钟。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
4、
|
||||
|
||||
Windows 系统的“关机”菜单里面，有一个“[更新并关机](https://www.windowslatest.com/2025/11/02/update-and-shut-down-no-longer-restarts-pc-as-windows-11-25h2-patch-addresses-a-decades-old-bug/)”选项，大家可能都用过。
|
||||
|
||||
|
||||
|
||||
但是，这个选项有一个 bug，那就是系统更新后其实不会关机，而是重启等着你操作，准确名字应该是“更新并重启”。
|
||||
|
||||
微软一直没有修复，可能有20年了。最新的 25H2 更新包终于改掉了这个行为，更新系统后会自动关机。
|
||||
|
||||
5、美国的国防科技公司“安德里尔工业”（Anduril Industries），发表了一个[智能头盔“鹰眼”](https://www.anduril.com/article/anduril-s-eagleeye-puts-mission-command-and-ai-directly-into-the-warfighter-s-helmet/)（EagleEye）。
|
||||
|
||||
|
||||
|
||||
使用时，可以将面罩放下，把脑袋包裹在里面。
|
||||
|
||||
|
||||
|
||||
这个头盔会在眼前展示一个显示屏，将现场画面与地图、无人机、传感器叠加在一起，让士兵了解战场的全部情况。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
这个头盔明年将交付美军。感觉上，未来的“元宇宙头盔”也许就是这种样子。
|
||||
|
||||
## 文章
|
||||
|
||||
1、[如何架设一个暗网网站](https://flower.codes/2025/10/23/onion-mirror.html)（英文）
|
||||
|
||||
|
||||
|
||||
暗网网站（网址后缀 .onion）是只能用 Tor 浏览器访问的网站，作者记录自己架设的过程，看上去不难。
|
||||
|
||||
2、[如何简单地过滤爬虫](https://fxgn.dev/blog/anubis/)（英文）
|
||||
|
||||
|
||||
|
||||
作者提出一种简单的方法，可以让网站过滤掉爬虫的请求，不需要防火墙，只需设置一下 Web 服务器即可（作者用的是 Caddy）。
|
||||
|
||||
3、[你知道 HTML 表格 API 吗？](https://christianheilmann.com/2025/10/08/abandonware-of-the-web-do-you-know-that-there-is-an-html-tables-api/)（英文）
|
||||
|
||||
|
||||
|
||||
有一个古老的网页 API，允许用 JS 操作表格，虽然这些年很少人用，但是浏览器一直是支持的。
|
||||
|
||||
4、[编译器发展状况](https://abhinavsarkar.net/notes/2025-compiler-backend-survey/)（英文）
|
||||
|
||||
|
||||
|
||||
本文是一篇综述，介绍目前编译器工具的总体发展状况。
|
||||
|
||||
5、[树莓派的最佳方式是网络启动](https://www.xda-developers.com/booting-raspberry-pi-network-huge-performance-difference/)（英文）
|
||||
|
||||
|
||||
|
||||
树莓派一般都是 SD 卡启动，作者建议改用网络启动。对于经常切换操作系统，或者你需要管理多台树莓派，非常方便。
|
||||
|
||||
6、[《小小作品》系列](https://animationobsessive.substack.com/p/when-stick-figures-fought)（英文）
|
||||
|
||||
|
||||
|
||||
1999年至2006年，动画师朱志强创作的 Flash 动画系列《小小作品》（又称“火柴人”系列），风靡了国内互联网。本文回顾了他的故事，如今已经很少人记得了。
|
||||
|
||||
## 工具
|
||||
|
||||
1、[Zensical](https://github.com/zensical/zensical)
|
||||
|
||||
|
||||
|
||||
静态文档网站生成器 [Material for MkDocs](https://github.com/squidfunk/mkdocs-material/) 的作者，写的升级版，完全兼容 MkDocs，但是解决了它的很多痛点。
|
||||
|
||||
2、[Affinity](https://www.affinity.studio/)
|
||||
|
||||
|
||||
|
||||
用于图像编辑的桌面软件，Photoshop 的替代品，被 Canva 公司收购后，现在可以免费下载使用。
|
||||
|
||||
3、[FileBrowser Quantum](https://github.com/gtsteffaniak/filebrowser)
|
||||
|
||||
|
||||
|
||||
一个自搭建的、基于 Web 的文件管理器，参见[介绍文章](https://www.xda-developers.com/self-hosted-free-open-source-web-based-file-browser/)。
|
||||
|
||||
4、[Texo](https://github.com/alephpi/Texo)
|
||||
|
||||
|
||||
|
||||
开源的数学公式 OCR 引擎，通过前端加载模型，将数学公式的截图转成 LaTex 语法，[在线试用](https://texocr.netlify.app/ocr)。（[@alephpi](https://github.com/ruanyf/weekly/issues/8026) 投稿）
|
||||
|
||||
5、[TDesign uniapp](https://github.com/novlan1/tdesign-uniapp)
|
||||
|
||||
腾讯 TDesign 组件库的非官方 uniapp 适配，兼容 H5/微信小程序/支付宝小程序/APP 等。（[@novlan1](https://github.com/ruanyf/weekly/issues/8022) 投稿）
|
||||
|
||||
6、[GreenWall](https://github.com/zmrlft/GreenWall)
|
||||
|
||||
|
||||
|
||||
这个工具可以在 GitHub 提交日历上绘出指定的图形。（[@zmrlft](https://github.com/ruanyf/weekly/issues/8024) 投稿）
|
||||
|
||||
7、[BakLab](https://github.com/biliqiqi/baklab-web)
|
||||
|
||||
|
||||
|
||||
一个开源的社区平台，将论坛发现功能和实时聊天互动结合在一起，标题链接是前端仓库，参考[官网](https://baklab.app)。（[@oodzchen](https://github.com/ruanyf/weekly/issues/8050) 投稿）
|
||||
|
||||
8、[中国节假日](https://github.com/vsme/chinese-days)
|
||||
|
||||
|
||||
|
||||
这个仓库提供一系列函数，方便你查询中国节假日、节气等等，每日通过 Action 自动更新数据，支持 iCal 日历订阅。（[@vsme](https://github.com/ruanyf/weekly/issues/8059) 投稿）
|
||||
|
||||
另有一个[类似的项目](https://github.com/tomandjerry136/hodiday)，提供中国节假日的 JSON 文件。（[@tomandjerry136](https://github.com/ruanyf/weekly/issues/8062) 投稿）
|
||||
|
||||
9、[QiLuo](https://github.com/chelunfu/qiluo_admin)（祺洛）
|
||||
|
||||
|
||||
|
||||
Rust 技术栈开发的网站管理后台，采用 Axum 框架 + Sea ORM。（[@chelunfu](https://github.com/ruanyf/weekly/issues/8106) 投稿）
|
||||
|
||||
10、[navsite](https://github.com/wubh2012/navsite)
|
||||
|
||||
|
||||
|
||||
将飞书多维表格转成一个导航网站。（[@wubh2012](https://github.com/ruanyf/weekly/issues/8109) 投稿）
|
||||
|
||||
## AI 相关
|
||||
|
||||
1、[Jta](https://github.com/hikanner/jta)
|
||||
|
||||
开源命令行工具，使用 AI 模型，翻译 JSON 文件，主要用于语言包的翻译，支持27种语言，功能较多。（[@hikanner](https://github.com/ruanyf/weekly/issues/8014) 投稿）
|
||||
|
||||
2、[Smart Excalidraw](https://github.com/liujuntao123/smart-excalidraw-next)
|
||||
|
||||
|
||||
|
||||
手绘程序 Excalidraw 的 AI 版，使用自然语言让 AI 生成手绘风格的示意图，[在线试用](https://smart-excalidraw.aizhi.site/)。（[@liujuntao123](https://github.com/ruanyf/weekly/issues/8029) 投稿）
|
||||
|
||||
3、[VibeVoiceFusion](https://github.com/zhao-kun/VibeVoiceFusion)
|
||||
|
||||
|
||||
|
||||
一个开源 Web 应用，生成多说话人的合成语音，具备声音克隆功能。（[@zhao-kun](https://github.com/ruanyf/weekly/issues/8030) 投稿）
|
||||
|
||||
4、[Mini-Kode](https://github.com/minmaxflow/mini-kode)
|
||||
|
||||
一个用于教学的 AI 编程助手，旨在帮助你理解这类工具是如何开发出来的。（[@minmaxflow](https://github.com/ruanyf/weekly/issues/8035) 投稿）
|
||||
|
||||
5、[SQLBot](https://github.com/dataease/SQLBot)
|
||||
|
||||
|
||||
|
||||
一个开源 Web 服务，只要配置大模型和数据源，就可以用自然语言查询数据源，实现 text2sql。（[@maninhill](https://github.com/ruanyf/weekly/issues/8039) 投稿）
|
||||
|
||||
6、[Docutranslate](https://github.com/xunbu/docutranslate)
|
||||
|
||||
|
||||
|
||||
一个 Python 写的 Web 工具，通过 AI 模型翻译各种格式的文档文件。（[@xunbu](https://github.com/ruanyf/weekly/issues/8042) 投稿）
|
||||
|
||||
7、[Paper Burner X](https://github.com/Feather-2/paper-burner-x)
|
||||
|
||||
|
||||
|
||||
一个开源的 Web 服务，使用 AI 处理文献，提供文档翻译、智能对话、高效阅读。（[@Feather-2](https://github.com/ruanyf/weekly/issues/8049) 投稿）
|
||||
|
||||
## 资源
|
||||
|
||||
1、[苹果应用商店（网页版）](https://apps.apple.com/)
|
||||
|
||||
|
||||
|
||||
苹果本周终于推出了“应用商店”的网页版 apps.apple.com ，可以用浏览器访问。虽然无法从网站安装 App，但至少提供了一个 App 搜索和发现的 Web 入口。
|
||||
|
||||
网友扒了它的[前端代码](https://github.com/rxliuli/apps.apple.com)，发现用的是 Svelte 框架。
|
||||
|
||||
2、[ASCIIMoon](https://asciimoon.com/)
|
||||
|
||||
|
||||
|
||||
这个网站使用 ASCII 码展示当天的月相（新月、弯月、满月）。
|
||||
|
||||
## 图片
|
||||
|
||||
1、[兴登堡飞艇](https://rarehistoricalphotos.com/hindenburg-interior-photos/)
|
||||
|
||||
|
||||
|
||||
兴登堡飞艇是上个世纪30年代德国建造的一艘大型载人飞艇，曾经开通客运航线，飞越大西洋将乘客从美国运送到美国。
|
||||
|
||||
|
||||
|
||||
它长达245米，相当于一艘空中的航空母舰，可以载客50到70人。
|
||||
|
||||
它的内部装潢非常豪华，有单独的客房和餐厅。今天的人难以想象，长途飞行可以达到这样的舒适度。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
它的气囊装的是氢气，有爆炸的风险。1937年5月，它突然起火，造成30多人死亡，飞艇作为交通工具从此就消失了。
|
||||
|
||||
|
||||
|
||||
## 文摘
|
||||
|
||||
1、[科技公司为了“资助 AI”而大肆裁员](https://www.reddit.com/r/ArtificialInteligence/comments/1oj52xx/tech_companies_are_firing_everyone_to_fund_ai_but/)
|
||||
|
||||
上个月，亚马逊宣布将裁员3万人，这是该公司历史上最大规模的裁员。此前，微软裁员1.5万人，Meta 裁员3600人，谷歌今年也裁员数百人。仅2025年一年，就有超过18万名互联网从业人员失业。
|
||||
|
||||
另一方面，这些公司今年在 AI 上投入了超过3000亿美元。所以，他们裁员是为了“腾出资金用于 AI 投资”。
|
||||
|
||||
但问题是——他们并没有省下钱。他们的 AI 支出远远超过了裁员节省下来的钱。而且，投入 AI 的钱根本没有回报，向用户收到的使用费，对比支出可以忽略不计。
|
||||
|
||||
大公司投向 AI 的巨额资金到底都流向了哪里？回答是他们都在互相购买。苹果付钱给谷歌，谷歌付钱给英伟达，英伟达付钱给台积电制造设备。
|
||||
|
||||
彼此之间的购买，推高了这些公司的销售额，进而推动了他们的股价上涨。
|
||||
|
||||
大众看到股价上涨，蜂拥而入，购买这些公司的股票，进一步推高了股价。
|
||||
|
||||
“七大巨头”——苹果、微软、英伟达、亚马逊、Alphabet、Meta和特斯拉——的总市值高达17万亿美元，市盈率高达35倍。作为对比，如果剔除这七家公司，标普500指数的市盈率仅为15.5倍。
|
||||
|
||||
为什么这些公司会有如此高的溢价？因为人人都相信 AI 在未来会给它们带来巨额利润。
|
||||
|
||||
但事实是，这些公司其实没有赚到钱，只是在为 AI 花钱，而且是互相花钱，营造出一种增长的假象。
|
||||
|
||||
更糟的是，它们现在不能停下来。因为一旦任何一家公司停止为 AI 投资，它们的股价就会暴跌。投资者会放弃它们，所以即使这些投入没有带来回报，它们也必须继续投入资金来维持股价。
|
||||
|
||||
这就是目前的局面，AI 的繁荣建立在大公司的巨额投资之上。为了投资，大公司缩减了其他方面的支出（包括裁员），而那些投资其实只是资金在循环流动。所有人仿佛都认定，这种巨额投资不会停下来，而且会有收回投资的那一天。
|
||||
|
||||
## 言论
|
||||
|
||||
1、
|
||||
|
||||
我说过永远不会有 htmx 的第三版，但没说过不会有第四版。
|
||||
|
||||
-- [Carson Gross](https://htmx.org/essays/the-fetchening/)，htmx 项目创始人，曾经公开说不会有 htmx 3.0版，本周宣布直接发布4.0版。
|
||||
|
||||
2、
|
||||
|
||||
我们收到谷歌的报告，他们在我们的代码中发现了一个漏洞。
|
||||
|
||||
我们很重视安全，但是互联网巨头使用 AI 扫描志愿者维护的代码，然后提交安全漏洞，希望志愿者免费修复，这真的公平吗？
|
||||
|
||||
-- [FFmpeg 团队](https://x.com/FFmpeg/status/1984178359354483058)
|
||||
|
||||
3、
|
||||
|
||||
未来十年，全球将有超过70万亿美元的遗产财富直接交给继承人，这将加剧社会的不平等。
|
||||
|
||||
-- [英国《卫报》](https://www.theguardian.com/inequality/2025/nov/03/more-than-70tn-of-inherited-wealth-over-next-decade-will-widen-inequality-economists-warn)
|
||||
|
||||
4、
|
||||
|
||||
为什么运气很重要？因为它会缩短积累的时间，让你接触到更大的机会。这就像当你已经有钱的时候，赚更多的钱就容易得多。
|
||||
|
||||
-- [《人生是一场概率游戏》](https://zachholman.com/posts/money-off-the-table)
|
||||
|
||||
5、
|
||||
|
||||
AI 出现以后，程序员的发展方向彻底变了。
|
||||
|
||||
你必须专注于理解系统而非理解语法，你的技能必须从编写代码转移到架构、安全、人机协作等方面。
|
||||
|
||||
未来属于那些能够构想、开发和维护复杂系统的人。
|
||||
|
||||
-- [《软件开发的演变》](https://guptadeepak.com/the-evolution-of-software-development-from-machine-code-to-ai-orchestration/)
|
||||
|
||||
## 往年回顾
|
||||
|
||||
[VS Code 编辑器的下一站是 Zed？](https://www.ruanyifeng.com/blog/2024/11/weekly-issue-325.html)（#325）
|
||||
|
||||
[彼得·蒂尔的实验](https://www.ruanyifeng.com/blog/2023/10/weekly-issue-275.html)（#275）
|
||||
|
||||
[NPC 演员也是一种职业](https://www.ruanyifeng.com/blog/2022/09/weekly-issue-225.html)（#225）
|
||||
|
||||
[知识广度 vs 知识深度](https://www.ruanyifeng.com/blog/2021/09/weekly-issue-175.html)（#175）
|
||||
|
||||
（完）
|
||||
|
||||
Reference in New Issue
Block a user