Hacker News Flipboard: 使用翻頁顯示器視覺化熱門故事

Hacker News Flipboard 是一個數位視覺化工具，將 Hacker News 的前 20 則熱門故事呈現在模擬的翻頁式（split-flap）出發佈告欄上。該專案將標準的文字型首頁轉換為機械風格的顯示器，在個別的翻頁單元格中顯示排名、分數與標題。

透過 Quickish Cloud Functions 進行即時數據整合

此佈告欄由一個 Quickish Cloud Function 提供動力，該功能會定期抓取 Hacker News 首頁並將數據廣播給所有啟動中的佈告欄。這種架構確保了不同用戶端之間的顯示內容保持同步，而無需個別重新整理頁面。

顯示佈局與視覺邏輯

此視覺化工具將內容組織成特定的結構化佈局，以模仿實體火車站佈告欄：

• 列結構： 每則故事以 RANK · POINTS · TITLE 的格式呈現為一列。
• 顏色編碼： 排名以 Hacker News 標誌性的橘色顯示，而分數的顏色則根據點數多少動態變化。
• 內容修剪： 故事標題會自動修剪以符合可用的翻頁單元格。
• 分頁： 每一頁包含一個空白的首列、十則故事、一個間隔列以及一個小的頁尾。
• 頁首： 最上方的琥珀色線條專用於顯示 Hacker News 目前的第一名故事。

互動式控制與自定義

介面提供了多種工具供用戶進行互動與佈告欄管理：

• 音效回饋： 一個切換按鈕 (♪) 允許用戶啟用或停用與翻頁轉換相關的機械點擊聲。
• 顯示模式： 提供全螢幕切換按鈕 (⛶) 以進行沉浸式觀看。
• 佈告欄設定： 設定選單 (⚙) 允許用戶調整頁面切換時間（每一頁在翻頁前顯示的持續時間）並管理安全權杖 (security token)。
• 外部整合： 佈告欄支援透過使用私有權杖對雲端函數發送 POST request 來進行外部更新，這使得標題可以由腳本、crons 或 webhooks 驅動。
• 手動覆蓋： 用戶可以點擊任何一列來在即時數據流上釘選自定義文字。

技術基礎

Hacker News Flipboard 是對原始 Quickish flipboard 專案的二次創作，利用了 Quickish 平台處理即時數據廣播與雲端排程的能力。