幾乎不會 coding 的作品集

DOR 城市探索

把城市變成遊戲場的跑步工具:自主訓練(依目標配速安排課表)、GPS 跑步紀錄、跑步打卡集卡、參加進行中的城市賽事與活動。

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

點圖片可以放大看完整畫面。

點評

PM 背景很明顯:功能拆分清楚、版本號追得到、首頁三張卡片把「跑步遊戲化」講得很明白。插畫角色讓它和一般跑步 App 區隔開。手機網頁做 GPS 跑步追蹤有先天限制(螢幕關閉後定位常中斷),若要成為正式訓練工具,最終可能還是得做成原生 App。

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

作品故事

為什麼做

作者是一名在跑步的產品經理,希望哪天能全馬破四,「享受破四的過程,這個過程是最有趣的」。

怎麼做出來的

作者自介是產品設計師、軟體 PM、創業中,寫給「不想靠通靈做產品的人」;網站版本號 v1.2.929,迭代頻繁。

技術細節

手機優先的網頁 App,在電腦上以手機框呈現;GPS 定位、地圖、日系插畫風角色。

連結

資訊

作者
@yadokari773
用途
健康與運動
領域
運動
狀態說明
公開網站:公開網站・v1.2
原文日期
2026-09-14
來源
Threads
編號
No. 069

同樣是「健康與運動」

MASCAL 大量傷患檢傷演練(1–30 滾動抽籤機)

MASCAL 大量傷患檢傷演練(1–30 滾動抽籤機)

大量傷患(MASCAL)檢傷桌上演練的網頁系統:從 1 至 30 號傷患隨機抽出 1–6 個不重複號碼;點號碼可看對應的傷患投影片(生命徵象與意識評估),並可前後翻頁;學員把彩球拖到 7 個分流區(紅區立即、黃區延遲、綠區輕傷、黑區瀕死、手術室、加護病房、出院),即時統計各區人數;可顯示或隱藏檢傷等級、重設,以及匯出 HTML 檔。

公開網站健康與運動
成長軌跡調查局(逆轉裁判風格推理遊戲)

成長軌跡調查局(逆轉裁判風格推理遊戲)

生長曲線、骨齡與長高迷思的網頁推理遊戲:玩家扮演紀澄到現場查證、比對證物、拆解證詞,證物冊收錄找到的照片與記錄。五件主案依序解鎖:〈消失的兩公分〉〈第三百分位的被告〉〈八歲生日線〉〈骨齡判決書〉〈神奇粉包的不在場證明〉,完成第三案後開放睡眠支線〈午夜十點零一分〉,通關後有可署名的結案卡。免費、免下載、免註冊。

公開網站健康與運動
PSY by PSY 心理健身房(InMind 心理 InBody)

PSY by PSY 心理健身房(InMind 心理 InBody)

把心理學設計成每天可以玩的小遊戲:感恩日記、WOOP 目標實踐等「健心訓練模組」,還有可以測量「心理肌肉」的 InMind(依 PERMA 幸福模型畫出雷達圖、給你一個角色標籤),每週產出幸福感報告。

口述健康與運動
晨間覺察 Morning Check-in影片

晨間覺察 Morning Check-in

每天三分鐘的晨間覺察工具:用滑桿感受身體、心情、專注力的初始狀態(起始值為 0,不預設任何期待),寫下今天「蠢蠢欲動的渴望」,選出最想補給的感受(放鬆、自主、安心、連結、貢獻⋯),再設定目標與待辦,並依當天狀態調整速度。

公開網站健康與運動