大 綱
工地探勘回來一堆照片，跟平面圖是分開的兩件事
把工具拆成三個畫面：主畫面、編輯頁面、匯出頁面
先跟 AI 講大架構，拿到一版草稿，再一項一項補細節
實際的畫面：怎麼定位、怎麼標註、怎麼出圖
做的過程中卡住的地方，還有怎麼解決
關 於 我
起 點
一次探勘幾十張，回來只剩 IMG_2317.JPG —— 拍的當下知道，隔一週就忘了
平面圖在另一個檔案，照片在哪拍、朝哪個方向拍，全靠腦袋記
回辦公室用 Word／簡報一張一張貼、一個一個標，兩三個小時跑不掉
交出去的格式不一致，隔一個月自己回頭看也讀不順
需 求
思 考 架 構
檔案散在各自的電腦裡，找不到舊紀錄
照片跟位置對不起來
手工排版太慢，而且每次都不一樣
做 法
「我要做一個網站，是圖說紀錄互動式網頁」
「我要這個網站的操作方式為：使用者匯入照片和平面圖，指定照片在平面圖的哪個位置並且輸入文字說明、畫線或簡單標記，之後就要一鍵自動產出報告，報告的格式大概會像是 平面圖在中間，旁邊是所有圖片，並且有線段連接至他在平面圖，指出它在平面中的位置，照片下面會有我先寫好的文字說明，紙張大小可能是A0-A4 。」
沒有畫面規格、沒有技術名詞、沒有分幾期做 —— 就是把「我要什麼」講完。
「一個網站、圖說記錄」—— 一句話就把範圍框住了
匯入照片和平面圖 → 指定位置、寫說明、畫標記 → 一鍵產出報告
A1 排版、平面圖在中間、照片在旁邊、線段連過去、照片下面是說明 —— 這段最關鍵
用什麼技術、檔案怎麼存、畫面怎麼切，全部沒提 —— 那是它的事
做 法 · 二
「先做出三個畫面，能互相切換、照片匯得進來就好。」
「照片要能在編輯區裡裁切，而且隨時可以還原成原圖。」
「在平面圖上點一下標出拍攝位置，再拖一下決定拍攝方向。」
「平面圖要能量兩點的實際距離，出圖時可以用 1:100 這種真實比例。」
「匯出頁的每一張照片都要能拖曳、縮放、互換位置、搬到別頁。」
「報告要有事務所的標題欄，名稱、Logo 和欄位可以自己換。」
功能不是一次想完的 —— 是實際拿去用了以後，才知道還缺什麼。
成 品 · 一
缺平面圖、還有幾張沒定位、已完成 —— 用顏色標在卡片上
照片一起複製，例行查驗不用每次從零開始
專案、項目、紀錄者都能搜；四種排序方式可切換
填「專案名稱」就自動歸組，同一案場的歷次紀錄收在一起
成 品 · 二
成 品 · 三
照片、引線、平面圖、標題欄 —— 一頁到位
程式試算「每欄幾張、上下放不放、欄寬多少」的各種組合，挑留白最少的那一種
照片連到平面圖上自己的位置點；照片移動了，引線跟著走
拖曳、縮放、兩張互換、搬到別頁，還有對齊吸附與 Ctrl+Z；排壞了按「全部重排」回到自動
A0–A3、可鎖 1:100 真實比例、印上事務所圖框，直接列印或存成 PDF
踩 過 的 坑
當時的狀況
一開始就把想到的細節一口氣全講完 —— 結果它每一項都做一點、每一項都不完整，改了這裡又動到那裡，來回很多次還是不到位。
怎麼解
先講大架構：這是什麼、給誰用、有哪三個畫面。請它先生成一版能跑的初版，細節之後再一項一項修。
當時的狀況
請它加「照片互換」的功能。功能是做出來了，但每換一次，庫存區就自己多出兩張一模一樣的照片 —— 它做了我沒有要求的事。
怎麼解
每次請它加完功能，一定要自己實際操作一遍、檢查一遍。不只是抓這種多做的東西，順手也會看到還可以再優化的地方。
結 語
你講不清楚的地方，AI 也做不出來。難的從來不是程式，是「我每天到底在做什麼」。
不要一次要一個完美的東西。先能跑，再變好 —— 有東西可以點，討論才有對象。
每加一個功能就存一版，壞掉才有得退。跑不出來就把錯誤訊息整段貼回去。
真正花時間的不是寫程式，是想清楚自己每天在做什麼。
下一頁留了三題小練習，給想回去自己動手的人 →
想 自 己 試 試 看
改動小、結果馬上看得到。把「複製這句」整段貼給 AI，跑完照驗收條件自己檢查。
工地說明來去就那幾句。做一排按鈕，點一下就填進去。
複製這句貼給 AI
「在說明文字那一欄上面，幫我加幾個常用詞的按鈕：磁磚空鼓、滲水痕跡、鋼筋外露、粉刷不平、已完成修補。點一下就把那個詞加到說明文字裡。」
驗收
選一張照片，連按兩個詞 → 兩段字都加進去了，重新整理網頁還在。
照片一多就找不到還沒標位置的那幾張。加個篩選開關。
複製這句貼給 AI
「左邊照片清單上面，幫我加一個「只看還沒定位的照片」的開關。打開就只顯示還沒在平面圖上點過位置的照片，關掉就全部顯示。」
驗收
匯入 5 張、其中 2 張標好位置 → 開關切一下，清單在 3 張和 5 張之間變。
缺失追蹤表、估價單都要這張清單。讓程式直接吐出來。
複製這句貼給 AI
「幫我加一個「匯出清單」按鈕，把這份紀錄的照片做成一張表：照片編號、說明文字、在哪一張平面圖、有沒有定位。按了就下載，Excel 要打得開。」
驗收
下載的檔案用 Excel 打開 → 每一欄都對得整齊，說明文字沒有跑掉。
謝謝 · Q & A
app/開啟圖說紀錄產生器.cmd 即可。