02
⟳
AI CODING
心法
P28–36 · 22 MIN
OPENING · 開場P02 / 64
Hi, 我是 migu
資料分析師 · 待過三間公司的數據團隊
- 大學碰過 GIS（都計背景），出社會走資料分析，很久沒再碰
- 金融、新創都待過
- AI 的努力嘗試者
DATA ANALYST · 3 TEAMS · GIS SIDE PROJECT
SHOWCASE · 延伸分析P24 / 64
延伸分析 ①
國籍航空，飛得一樣嗎？
同一條航線、同一款飛機，不同航司的差異 —— 單一航司只看得到自家資料，公開軌跡能做跨航司對標。
RCTP ↔ RJAA
11 AIRLINES
221 FLIGHTS
11 AIRLINES
221 FLIGHTS
SHOWCASE · 延伸分析P25 / 64
延伸分析 ②
高度剖面與燃油
x = 累積航距、y = 高度，看出階段爬升 / 巡航分層。
OPENAP 估算
繞路率中位 6.8–7.6%
繞路率中位 6.8–7.6%
同款 A321neo，三家航司巡航高度差
4,000FT
純粹是航司策略 —— 不是天氣、不是機型。
誠實揭露限制
軌跡稀疏 · 重量假設 0.85×MTOW · 忽略風場 → 相對比較可信，絕對值僅參考。
SHOWCASE · 延伸分析P26 / 64
延伸分析 ③ · 跨域整合壓軸
下雨天，飛機真的會多繞
把氣象署的雨量，疊上 FR24 的軌跡 —— 以台北/桃園日雨量分「雨天」與「乾日」，逐班比對。
CWA 雨量站 約 218 站
雨天 11 天 · 58 班
乾日 4 天 · 20 班
雨天 11 天 · 58 班
乾日 4 天 · 20 班
繞路率（中位）
8.69%+0.72 ppvs7.96%
航行時間（中位）
137 分+2 分vs135 分
盤旋等待比例 —— 雨天才有 holding
6.9%vs0.0%
CWA 雨量（為防災收）× FR24 軌跡（為藝術收） = 第三種洞察
SHOWCASE · 收束P27 / 64
這一整套，是一個循環
探索 → 收集 → 儲存 → 呈現 → 分析 → 回到探索。
同一個
資料庫
資料庫
SUPABASE + 收集器
探索
EXPLORE
收集
COLLECT
儲存
STORE
呈現
RENDER
分析
ANALYZE
MINI TAIWAN INFO · 航運頁從「我自己看」到「給別人用」
所有作品，是同一個資料庫長出來的多個 App —— 新增一個 App 的邊際成本，趨近於零。
BUILD · 專案示範P44 / 64
STEP 0
你想做什麼？
我的念頭很單純 —— 把台灣機場的飛行軌跡用三維畫出來。
A SKETCH IN MY HEAD
RCTP · 3D FLIGHT ARC
18 個月
成品 · PLAN R
好起點不是規格書，是一個具體到能想像畫面的念頭 —— 太抽象，AI 也接不住
BUILD · 專案示範P47 / 64
STEP 2-②
自己驗一遍：內容與品質
AI 給的清單要落地，你得親手確認。
驗內容 — CHECKLIST
有哪些欄位SCHEMA
涵蓋範圍COVERAGE
更新頻率FREQUENCY
盤點交給 AI ——「值不值得用」自己驗。
驗品質 — 拉一小段樣本看
✓ 大面積覆蓋 OK
✗ 降落顆粒度不夠 —— 拉下來才知道
BUILD · 專案示範P51 / 64
STEP 4
先看到第一個東西
開新對話，一句需求：「顯示在可 3D 轉動的地圖上，要有夜晚飛行軌跡的感覺」。
BEFORE — 冰冷的 JSONL
{"lat": 25.0927,
"lon": 121.2281,
"alt": 2400,
"ts": 1718064000, …}
× 41,766 條軌跡
──▶
一句需求
第一個能動的版本
FIRST LIGHT
別在腦中空想規格 —— 讓畫面先出來，需求會被畫面逼出來
BUILD · 專案示範P52 / 64
STEP 5
功能是一層層疊上去的
不是事先列好的規格 —— 做的過程中跟 AI 討論、一起疊上去。
L5時間軸最新的最亮
L4航區 POLYGON
L3顏色（按高度）
L2多機場
L1底圖 + 單機場軌跡第一版
疊完的樣子 —— 多機場 → 高度配色 → 航區 → 時間軸，每一層都是做的時候才冒出來的。
BUILD · 介面P53 / 64
介面 ① · CLAUDE DESIGN
一句話，畫出真的介面
功能多了才處理美感，順序對 —— P27 那個 Info 儀表板，就是這樣長出來的。
真實工作畫面
未經剪輯
未經剪輯
一句話需求
「請依據文件與過往的分頁，產生醫療頁面的介面設計」
PROMPT 全文就這 24 個字
介面成品
右側整頁 Mini Taiwan Info 醫療頁 —— 元件、版面、配色一次出來，可再客製。
BUILD · 介面P54 / 64
介面 ② · CHATGPT
出形狀、出案例、出名字
丟 README 問「給我儀表板的幾個介面設計方向」—— 一次出好幾個方向，挑著用。
CHATGPT 出點子
CLAUDE DESIGN 落地
CLAUDE DESIGN 落地
BUILD · 現場挑戰P57 / 64
現場挑戰｜One Shot
你們說一個航點，現在就把它變成一個會顯示軌跡的網頁。
LIVE
?
航點 —— 觀眾出題
說一個機場，我們現場做
# oneshot prompt
取 ＿＿＿＿ 一天的航班軌跡，
渲染在開放地圖上，航司分色、
點擊看航班資訊，做成單頁網頁。
取 ＿＿＿＿ 一天的航班軌跡，
渲染在開放地圖上，航司分色、
點擊看航班資訊，做成單頁網頁。
拆解→
取資料→
渲染→
上色→
互動
彩排畫面 · 預期產出
重點不是完美 ——
「從一句話到能動，比你想的快。」
「從一句話到能動，比你想的快。」
CLOSING · Q&AP64 / 64
Q & A
謝謝長榮，我們聊聊
THREADS · @migu
EMAIL · 會後提供
PROJECT · 專案連結一頁全收
飛航 API
GIS 整合
數據團隊轉型