📰 #84 領域共備 GO Pro（domain-meeting-go）：跟 #15 同源雙部署 + AI 照片描述 + 編輯部期刊風 UI
#84 跟 [#15 領域共備 GO](/blog/report-15-domain-meeting-go) 是**同源雙部署**！#84 cagoooo.github.io/domain-meeting-go = GitHub Pages 版，#15 report.smes = Firebase Hosting 學校域名版。Next.js 15.2.3 + Gemini 2.5 Flash Lite + 上傳會議照片 AI 逐張描述 + 整場深度總結 + Word/PDF 匯出 + v0.5.0 編輯部期刊風 UI。
#84 跟 #15 是同源雙部署（再 +1 案例）
curl 抓 cagoooo.github.io/domain-meeting-go 真實 README 後，發現它跟 #15 領域共備 GO（report.smes） 是同個專案的兩個部署。
阿凱「同源雙部署策略」已累積 4 個案例：
| 工具家族 | Firebase Hosting 學校域名 | GitHub Pages 個人作品集 |
|---|---|---|
| PIRLS | #4 pirlss.smes | #87 cagoooo.github.io/pirls-questioncraft |
| Aura 5W1H | #13 5w1h.smes | #92 cagoooo.github.io/Aura |
| 領域共備 GO | #15 report.smes | #84 cagoooo.github.io/domain-meeting-go（本篇） |
| 詩意長輩圖 | #14 poet.smes | #91 cagoooo.github.io/PhotoPoet |
#84 真實怎麼做？
真實標題：「領域共備 GO ｜ Domain Meeting Go」
Version 標籤 v0.5.4 / Next.js 15.2.3 / Firebase Functions v2 / Gemini 2.5 Flash Lite
完整核心功能（從 README 抽出）：
功能 A：📝 會議資訊輸入
- 教學領域（國語 / 數學 / 自然 / 社會⋯）
- 會議類別：備課 / 觀課 / 議課 / 講座 / 社群 / 其他
- 主題、日期、社群成員
功能 B：📷 照片智慧描述
- 最多上傳 4 張會議照片
- AI 逐張分析並產出符合教學情境的觀察描述
- 含重試機制 + 2 秒冷卻避開配額（神細節！）
功能 C：🤖 會議深度總結
- 結合會議資訊與照片描述
- AI 產出結構化 Markdown 總結報告
功能 D：📄 Word 匯出
- 產出
.docx含：- 基本資訊表
- 簽到表
- 照片紀錄
- Markdown 解析後的格式化總結
功能 E：🖨️ PDF 匯出
- 透過瀏覽器原生
window.print()+@media printCSS - 產出 A4 版面 PDF
- 中文字型完美 + 標準分頁規則
功能 F：🎯 即時視覺回饋
- 成功產出時在照片位置播放彩花動畫
- 進度條
- 自動捲動定位目前處理的項目
功能 G：🎨 v0.5.0 編輯部期刊風 UI（大改版）
- 報紙頭版 masthead
- 酒紅 × 牛皮配色
- AI 摘要以雙欄期刊版型呈現
- 首字下沉、■ 項目符號、底部簽名
- 自訂
dmg-*CSS 元件
真實技術棧
前端：
- Next.js 15.2.3（App Router + Turbopack，dev port 9002，靜態 export → GitHub Pages）
- React 18.3.1 + TypeScript 5
- Tailwind CSS 3.4 + shadcn/ui（Radix UI）
- Google Fonts: Noto Serif TC / Noto Sans TC / JetBrains Mono
- React Hook Form + Zod 表單驗證
react-markdown+docxWord 生成window.print()+@media printCSS（v0.4.0 起取代 html2pdf.js）canvas-confetti成功動畫
後端 / AI：
- Firebase Cloud Functions v2（
onCall可呼叫函式） - Google Genkit + @genkit-ai/google-genai
- 模型：
googleai/gemini-2.5-flash-lite - API Key 透過
defineSecret("GEMINI_API_KEY")管理
兩個對外 Cloud Functions：
generatePhotoDescriptions— 單張照片 AI 描述generateMeetingSummary— 整場 Markdown 總結
v0.4.0 → v0.5.0 改版重點
v0.4.0：取代 html2pdf.js 改用 window.print() + @media print
- 痛點：html2pdf.js 中文字型常掛、分頁亂跑
- 解法：用瀏覽器原生 print → 中文字型完美 + 標準分頁
v0.5.0：「編輯部期刊風」UI 改版
- 從一般 form 風 → 報紙 masthead + 雙欄期刊
- 「會議記錄 = 期刊報導」的美學定位
為什麼這值得寫獨立文章？
- ✅ 同源雙部署案例第 4 — 鞏固阿凱部署策略觀察
- ✅ **「Gemini 2.5 Flash Lite + 多模態照片描述」**技術案例
- ✅ **「v0.4 取代 html2pdf」**踩雷紀錄
- ✅ **「編輯部期刊風 UI」**對「會議記錄」這冷門需求的美學提升
教學情境（同 #15 但補充）
#15 已寫詳細教學情境 — #84 補充：
「領域共備 GO Pro 用法」（本工具獨有功能）：
- 領域召集人會後 30 分鐘：上傳 4 張會議照片 + 填會議資訊
- #84 AI 逐張描述（神細節：用 2 秒冷卻避配額爆）
- 整場深度總結 Markdown
- 匯出 docx + PDF 雙格式給校長 + 領域成員 + 教育局
配對工具推薦
- #15 領域共備 GO（report.smes Firebase 版） — 同源學校域名版
- #24 上學期期末校務會議紀錄 — 同款會議系列
- #80 114 下學期教師會議 — 週次會議
適用對象
- 國中小領域召集人
- 教學主任 / 教學組長
- 想看「Gemini 多模態 + 照片描述」案例的開發者
- 想看「v0.4 取代 html2pdf 用 window.print」遷移案例
- 任何需要「會議記錄報告」的職場人
想試試？
→ 前往 #84 會議記錄自動產出平台 Pro 版 → #15 學校域名版
實際功能完全一樣 — 掛學校網域 vs 掛 cagoooo.github.io 看你想分享給誰（再次驗證阿凱同源雙部署策略）。