這裡記錄每週值得分享的科技內容,週五釋出。
封面圖

6月17日晚,重慶舉行超大規模無人機表演,共有11787架無人機,上圖是其中一個場景“天上的重慶”。(via[6])
蘋果的“液態玻璃”是為了 AR
上週,蘋果公司釋出了新的設計風格“液態玻璃”(liquid glass)。

這種風格使用液體玻璃,作為控制元件(上圖)。早先的扁平化風格,被一股腦拋棄。
下圖左面是原來扁平化風格的 iPhone,右面是這次測試版的液態玻璃。

我知道的絕大部分人,對這種新風格都是差評,覺得不好看。大家想不通,為什麼蘋果要在螢幕上,新增一個額外的半透明玻璃層。
甚至有人說[7],如果喬布斯看到 iPhone 變成這樣,會解僱所有人(下圖)。

那麼,到底為什麼呢,蘋果好端端的,突然要大改介面?
官方完全迴避這個問題,我倒是看到一篇解讀[8],提出了一個很有見解的猜測。
他說,蘋果這樣做,壓根不是為了審美,而是為了下一代的空間計算,也就是 AR。
現在的計算裝置,都是二維的平面互動,使用者面對一個扁平的螢幕,所以適合二維的扁平化風格。
但是,對於 AR 裝置,使用者進入的是一個 3D 空間,接觸的東西都是立體的,所以需要一個立體的介面。
AR 裝置沒有螢幕,只有空間。螢幕不重要,空間才重要。
液態玻璃就是一個空間設計,目的是讓介面有一個實體,讓你感覺每個按鈕都是一個有體積的實物。並且,它半透明,不會遮住後面,從而產生空間層次感。
從這個角度,蘋果的介面設計副總裁 Alan Dye 對液態玻璃的介紹,就很容易解讀。
每個元素都經過精心設計,賦予了它們物理感:它們具有維度,能夠動態響應光線,並投射陰影。
蘋果的 AR 裝置,目前只有 Vision Pro 頭盔。

液態玻璃介面,應該最初是為了這個頭盔設計的。在 AR 空間中,操作介面就是一塊懸浮的玻璃,這非常合理。

蘋果為了統一設計語言,索性讓 iPhone 和 Mac 也用了它。開發者只需要設計一次,就能適配所有蘋果裝置。
這樣做,有利於推廣 AR。試想一下,使用者在手機和電腦上,已經熟悉了液態玻璃風格,當他最終戴上 AR 裝置時,就不會對這種介面感到陌生,彷彿 AR 裝置只是 iPhone 的自然延伸。
如果蘋果確實是這樣的考慮,那麼我們可以確定,蘋果下一步會大力推廣空間計算。
Vision Pro 雖然賣得不好,但是蘋果不僅不會放棄它,反而會加大投入,很可能還會推出輕量級的 AR 眼鏡。

AR 也許是計算機行業的下一個熱點,蘋果已經在佈局。
並且,液態玻璃介面要求即時模糊、動態透明、情境照明。這些效果需要強大的 GPU 即時渲染,這正是蘋果晶片的強項,對手的硬體可能會出現卡頓,從而進一步加大蘋果的優勢。
科技動態
(1)Meta 公司推出 AI 廣告[9],使用者上傳產品照片,系統就會自動生成廣告影片,並配好音樂和文案。

未來,廣告的製作成本越來越低,註定會無所不在,並且還會針對每個人,生成個性化廣告。
(2)加拿大有一隻小烏龜,斷了一隻腳。一家博物館用樂高積木,為它製作了助行器[10]。


這件事很有意義,因為烏龜的壽命很長,可以達到50年~80年。助行器能幫助它幾十年。

(3)美國國防部研究局 DARPA,創造了無線傳輸能量[11]的世界紀錄。

他們使用雷射,在8.6公里外傳輸能量,持續了30秒,每秒功率超過800瓦。這是迄今無線傳輸能量的最遠距離。
上圖是雷射接收器,雷射進入中心的孔以後,會被反射到內部的數十個光伏板,這些光伏板將能量轉換回電能。
(4)除了人形機器人,還有蟲形機器人[12]。

一家美國公司製作了蜈蚣機器人,它可以爬行,適合起伏的地形,目前用來除草。

(5)一項研究發現,手寫[13]能增加大腦活動和參與度,比鍵盤打字更有利於記憶和學習。因此,學習重要的內容,可以嘗試手寫。
文章
1、CSS class 的替代方法[14](英文)

作者認為,網頁元素的 class 屬性有很多弊端,可以不用,改用替代寫法,很有啟發性。
2、簡訊傳送天氣預報教程[15](英文)

本文介紹怎麼使用簡訊,給自己傳送天氣預報。
3、更好的 Shell 歷史搜尋[16](英文)

本文教你怎麼打造更好用的 Shell 歷史搜尋。
4、讓 NotebookLM 更好用的3個瀏覽器外掛[17](英文)

谷歌的 AI 筆記應用 NotebookLM 非常有用,本文介紹三個 Chrome 外掛,讓它更易於使用。
5、SSL 為何改名為 TLS[18](英文)

HTTP 的加密協議 SSL,後來改名為 TLS,本文解釋原因,完全是大公司鬥爭的產物。
6、自適應網頁的正確寫法[19](英文)

為了適應手機瀏覽器,網頁的 HTML 頭部一般會加上縮放命令,比如
width=device-width
。本文介紹這個命令的正確寫法。工具
1、Vince[20]

網站流量統計分析工具,Google Analytics 的自託管替代品。
2、worklenz[21]

一個開源的團隊專案管理工具,自帶後端和前端。
3、Kopia[22]

一個開源的備份/恢復工具,可以將指定的目錄或檔案,備份到雲端儲存服務商,有命令列和圖形兩種介面。
4、Eyesite[23]

一個開源的實驗專案,用攝像頭捕捉使用者的目光移動,從而代替滑鼠,參見介紹文章[24]。
5、Unbound[25]

自搭建的家用 DNS 伺服器。
6、Rspamd[26](英文)

開源的垃圾郵件過濾系統,用來檢測垃圾郵件。
7、Sync your cookie[27]

開源的 Chrome 外掛,將 Cookie 同步到 Cloudflare,用於在不同裝置之間共享 Cookie。(@jackluson[28] 投稿)
8、Link Checker[29]

網站連結檢查器,輸入網站連結,找出其中的死連結,程式碼開源[30]。(@isixe[31] 投稿)
9、Ayanami[32]

純前端的畫素編輯器,支援幀動畫。(@KamiC6238[33] 投稿)
10、chromium-style-qrcode-generator-with-wasm[34]

使用 Rust 和 WebAssembly 技術的 Chrome 風格二維碼生成器,純網頁應用,不需要後端。(@liuliangsir[35] 投稿)
資源
1、Daily arXiv AI Enhanced[36]

每日自動抓取 arxiv 論文,並使用 AI 進行彙總,使用 GitHub Pages 進行展示。(@dw-dengwei[37] 投稿)
2、中國城市地鐵視覺化[38]

一個互動式網頁視覺化應用,展示中國城市地鐵線路,程式碼開源[39]。(@thecuvii[40] 投稿)
3、Thiings[41]

一個搜尋下載 3D 圖示的網站,現有近3000個圖示。
4、無字證明[42](Proofs without words)

這個網站收集各種數學定理的影像證明,上圖是前 n 個奇數之和等於 n 的平方。
圖片
1、Reddit 的子頻道[43]
Reddit[44] 是美國最大的網上社群,有無數個子頻道。任何關鍵字,都能建立一個子頻道,類似於百度貼吧。
下圖是按照成員人數的 Reddit 子頻道排名。

不知道看哪個頻道,可以先去上面這些頻道,比如排名第一的 Funny 頻道[45]。
2、Meat 的五大收購[46]

上圖是 Meat 歷史上五次最大的收購。
其中,第二大收購是上週剛剛完成的,這個交易非常奇特。
Meta 以143億美元投資 Scale AI,獲取後者的少數股權,並讓後者的28歲 CEO 亞歷山大·王(Alexandr Wang)辭職加盟 Meta,負責 AI 部門。

也就是說,Meta 實際上是花了143億美元,挖角了亞歷山大·王這個人。AI 人才的價碼之高,令人咋舌。
文摘
1、膠水工作重要嗎?[47]
“膠水工作”(glue work)指的是,幫助做出產品、提高效率的一些輔助工作。
舉例來說,更新文件、解決技術債務、培訓新人、維護團隊成員的正常交流等等,都屬於膠水工作。每個團隊都需要大量這類工作。
我認為,膠水工作非常重要,如果沒有它們來粘合整個團隊,就很難做出大型產品,也無法減少大型組織中的摩擦。
有些工程師因此很天真,將大量精力花在這些膠水工作。但是,在晉升或發放獎金時,這些工程師往往被忽視,公司更看重那些銷售直接相關的工作(如開發新功能)的工程師。
為什麼膠水工作不能讓你得到晉升呢?
是因為公司太愚蠢,看不到這些工作的價值嗎?我不這麼認為。
公司不獎勵膠水工作,因為他們不想讓你優先考慮它,而想讓你更重視產品的釋出。膠水工作很辛苦。如果你有能力做好膠水工作,他們希望你把這種能力用在產品釋出,而不是提高團隊效率。
你必須明白,讓團隊更順利地執行不是你的工作,你的真正工作是執行公司領導層的使命。
有一個很少人知道的事實是,與其花大量時間提高團隊效率,不如讓團隊以60%的效率執行。
這裡有兩個主要原因。
(1)如果團隊以100%的效率執行,團隊成員不可避免地會精疲力盡,這對每個人都不好。
(2)最好讓團隊成員習慣於在公司的基本效率水平上運作,而不是在短時間內人為地消除摩擦。因為低摩擦的狀態不可能長期持續,這要求巨大的投入。
大型科技公司在任何時間內都以大約20%-60%的效率執行(公司越大,執行效率越低)。大公司的增長主要在於佔據更多的市場,而不在於提高效率,所以公司不在意讓團隊效率提高到一個很高的水平。另一方面,如果個別員工願意在膠水工作上投入大量時間,將團隊的效率提升到80%或90%,公司將利用這種免費價值,但公司對長期鎖定這種價值沒有任何真正的興趣,因為這取決於優秀的人才自願奉獻時間,是不可持續的。
所以,結論就是,公司需要有一些膠水工作,但是不需要太多的膠水工作。
作為開發者,你的正確做法應該是,在戰術層面上做一些膠水工作,而不能把膠水工作提高到戰略層面。
也就是說,你應該把膠水工作視為額外工作,你的關注重點永遠應該是專案的成功。你不會因為膠水工作而得到特別的獎勵,但你會因為專案的成功而獲得獎勵。
言論
1、
政府的軟體採購方式,花費大量資金,引發大量新聞報道,涉及大量人員,但最終不會有一款軟體真正進入工作,使用者仍將使用 Excel 處理所有事情,使用 PowerPoint 生成幻燈片。
— Hacker News 讀者[48],評論美國國防部向 OpenAI 採購2億美元 AI 模型[49]
2、
未來,你還是需要學習程式設計。因為你需要能夠準確地告訴 AI 你想要什麼,瞭解計算機的工作原理有助於你編寫更精確的提示和指令。
— 吳恩達[50],著名 AI 科學家,斯坦福大學教授
3、
宇航員在太空洗衣服嗎?答案是不洗。
國際空間站的供水很有限,根本沒有設計洗衣服的功能。宇航員的衣服弄髒以後,要麼繼續穿,要麼直接扔掉。髒衣服會在返回大氣層的時候,全部燒掉。
— 《宇航員在太空洗衣服嗎》[51]
4、
我擔心,以後在重要的媒體中,實質性內容將逐漸衰落,30秒的片段會流行,節目只具有最低的共識,充斥著對偽科學和迷信的盲目介紹,尤其還有一種對無知的慶祝。
— 卡爾·薩根[52],美國著名科普作家,這段話寫於1994年
往年回顧
資訊就像糖一樣上癮[53](#306)
最酷的樂高作品[54](#256)
如何走出失望和懷疑[55](#206)
顯示卡缺貨與異業競爭[56](#156)
(完)
References
[1]
開源:https://github.com/ruanyf/weekly[2]
投稿:https://github.com/ruanyf/weekly/issues[3]
《誰在招人》:https://github.com/ruanyf/weekly/issues/6965[4]
郵件聯絡:mailto:[email protected][5]
[email protected]:mailto:[email protected][6]
via:https://www.xinhuanet.com/photo/20250618/803d7411ae6041f3981ae375d5ac1bff/c.html[7]
有人說:https://x.com/greggertruck/status/1932173476879888556[8]
一篇解讀:https://omc345.substack.com/p/from-skeuomorphic-to-liquid-glass[9]
AI 廣告:https://seekingalpha.com/news/4458717-meta-unveils-updated-image-to-video-ad-feature-amid-ai-push[10]
助行器:https://www.cbc.ca/news/canada/nova-scotia/root-wood-turtle-mobility-aid-lego-1.7517211[11]
無線傳輸能量:https://www.darpa.mil/news/2025/darpa-program-distance-record-power-beaming[12]
蟲形機器人:https://spectrum.ieee.org/ground-control-robot-insects[13]
手寫:https://www.scientificamerican.com/article/why-writing-by-hand-is-better-for-memory-and-learning/[14]
CSS class 的替代方法:https://www.keithcirkel.co.uk/css-classes-considered-harmful/[15]
簡訊傳送天氣預報教程:https://bensilverman.co.uk/posts/daily-weather-sms/[16]
更好的 Shell 歷史搜尋:https://tratt.net/laurie/blog/2025/better_shell_history_search.html[17]
讓 NotebookLM 更好用的3個瀏覽器外掛:https://www.xda-developers.com/notebooklm-chrome-extensions/[18]
SSL 為何改名為 TLS:https://tim.dierks.org/2014/05/security-standards-and-name-changes-in.html[19]
自適應網頁的正確寫法:https://lukeplant.me.uk/blog/posts/you-can-stop-using-user-scalable-no-and-maximum-scale-1-in-viewport-meta-tags-now/[20]
Vince:https://github.com/vinceanalytics/vince[21]
worklenz:https://github.com/Worklenz/worklenz[22]
Kopia:https://github.com/kopia/kopia/[23]
Eyesite:https://github.com/akchro/eyesite[24]
介紹文章:https://blog.andykhau.com/blog/eyesite[25]
Unbound:https://www.nlnetlabs.nl/projects/unbound[26]
Rspamd:https://www.rspamd.com[27]
Sync your cookie:https://github.com/jackluson/sync-your-cookie[28]
@jackluson:https://github.com/ruanyf/weekly/issues/7054[29]
Link Checker:https://link-checker.itea.dev/[30]
程式碼開源:https://github.com/isixe/LinkChecker[31]
@isixe:https://github.com/ruanyf/weekly/issues/7065[32]
Ayanami:https://github.com/KamiC6238/ayanami[33]
@KamiC6238:https://github.com/ruanyf/weekly/issues/7074[34]
chromium-style-qrcode-generator-with-wasm:https://github.com/liuliangsir/chromium-style-qrcode-generator-with-wasm[35]
@liuliangsir:https://github.com/ruanyf/weekly/issues/7072[36]
Daily arXiv AI Enhanced:https://github.com/dw-dengwei/daily-arXiv-ai-enhanced[37]
@dw-dengwei:https://github.com/ruanyf/weekly/issues/7052[38]
中國城市地鐵視覺化:https://subway.cuvii.dev[39]
程式碼開源:https://github.com/thecuvii/subway[40]
@thecuvii:https://github.com/ruanyf/weekly/issues/7064[41]
Thiings:https://www.thiings.co[42]
無字證明:https://artofproblemsolving.com/wiki/index.php/Proofs_without_words[43]
Reddit 的子頻道:https://www.visualcapitalist.com/ranked-largest-communities-on-reddit/[44]
Reddit:https://www.reddit.com/[45]
Funny 頻道:https://www.reddit.com/r/funny/[46]
Meat 的五次收購:https://www.facebook.com/groups/gaitech/permalink/1415307136320164/[47]
膠水工作重要嗎?:https://www.seangoedecke.com/glue-work-considered-harmful/[48]
Hacker News 讀者:https://news.ycombinator.com/item?id=44294696[49]
採購2億美元 AI 模型:https://www.cnbc.com/2025/06/16/openai-wins-200-million-us-defense-contract.html[50]
吳恩達:https://www.businessinsider.com/andrew-ng-vibe-coding-unfortunate-term-exhausting-job-2025-6[51]
《宇航員在太空洗衣服嗎》:https://www.mentalfloss.com/do-astronauts-do-laundry-in-space[52]
卡爾·薩根:https://www.openculture.com/2025/02/carl-sagan-predicts-the-decline-of-america-unable-to-know-whats-true.html[53]
資訊就像糖一樣上癮:https://www.ruanyifeng.com/blog/2024/06/weekly-issue-306.html[54]
最酷的樂高作品:https://www.ruanyifeng.com/blog/2023/05/weekly-issue-256.html[55]
如何走出失望和懷疑:https://www.ruanyifeng.com/blog/2022/05/weekly-issue-206.html[56]
顯示卡缺貨與異業競爭: https://www.ruanyifeng.com/blog/2021/04/weekly-issue-156.html