幾乎不會 coding 的作品集

軌島 railisland.tw

@rail_island生活公開網站

「一張會動的台灣鐵道地圖」:台鐵、高鐵、阿里山林鐵與各捷運、輕軌,依當日時刻表與官方即時資料,在同一張地圖、同一條時間軸上跑動。點列車鏡頭會跟著它跑到終點並蓋上乘章,點車站可看接下來的班次倒數,還有劇場模式、3D 視角、時間快轉(1×~60×)與誤點資訊。

狀態
公開網站
評分
4.0滿分 5
讚數
3881原文
收錄日期
10/172026 年

點圖片可以放大看完整畫面。影片請到 Threads 原文播放。

點評

整串最完整的「把開放資料做成體驗」案例:不只是查詢工具,而是讓人想一直看下去的東西,蓋乘章這種收集機制也讓它有黏著度。介面以米色紙感加深藍站名牌,視覺語言有鐵道票卡的味道,在一片深色科技風的作品中很少見。缺點是工具列圖示極多、字很小,第一次打開的人容易迷路;開場的「怎麼玩」說明有幫助,但功能層級還可以再收斂。

4.0綜合評分,滿分 5
完成度
5
痛點真實
3
體驗設計
4
可持續
4

作品故事

為什麼做

作者是軌道迷,想把列車動態用直覺的方式看見:每一顆光點都是一班正在路上的列車。

怎麼做出來的

作者在串裡留言兩次,第二次是因為「最近大更新必須讓大家看到」;附 6 張圖、2 段影片,3,881 個讚,是整串人氣前幾名。帳號已累積 1.8 萬粉絲、380 萬次瀏覽,以日更節奏持續發布。

技術細節

網頁 PWA;地圖為 Leaflet+deck.gl 類 WebGL 圖層,底圖 OpenFreeMap/OpenStreetMap,台灣輪廓用內政部資料;資料來自各鐵道營運單位的時刻表與即時資訊(台鐵套用即時誤點,捷運依到站看板校正);使用 Firebase、Cloudflare。截圖當下有 175 班列車在跑。

連結

資訊

作者
@rail_island
用途
生活
領域
生活
狀態說明
公開網站:公開網站・日更中
原文日期
2026-09-14
來源
Threads
編號
No. 012

同樣是「生活」