COSCUP 2026 - Conference for Open Source Coders, Users, and Promoters

從政府 Open Data 到城市探索網站:用 Nuxt 3、Codex 與 GitHub Actions 打造北北桃中公園地圖
, TR311

政府開放資料雖然公開,但往往分散在不同縣市、欄位格式不一致、資料完整度也不同,距離「一般使用者真的能用」還有一段距離。

本場分享將以一個實際開源專案為例,說明如何使用 Nuxt 3、Vue 3、TypeScript 將臺北市、新北市、桃園市、臺中市的公園 Open Data 整合成統一資料模型,並實作搜尋、篩選、排序、地圖標示與防災資訊查詢等功能。

分享中也會介紹如何透過 Codex 作為 pair programmer,協助理解資料欄位、建立正規化流程、拆分前端元件與加速開發迭代;以及如何使用 GitHub Actions 自動更新部分資料來源並部署到 GitHub Pages。

Open Data 的價值不只在於公開,更在於如何透過 JavaScript 生態系與開源工具,將資料轉化成可探索、可維護、可延伸的實用產品。


Difficulty: Intermediate

現為 AI 策略規劃師與陪跑教練,協助客戶盤點需求痛點以及協助 AI 技術選型,藉由實際了解客戶需求提供適合的 AI 解決方案,並且具備五年以上前端開發經驗與七年平面設計背景,能兼具使用者體驗與程式實作。在職涯中曾參與銀行、保險、航空與電商等不同產業的系統開發,熟悉大型專案的資料流程、API 串接、跨瀏覽器調整與前後端協作模式。 具備一般商務應用與程式開發雙棲等實務經歷,讓我能站在 AI 這個巨人的肩膀上看得更遠。