[{"data":1,"prerenderedAt":115},["ShallowReactive",2],{"portfolio-arkhamcardsviewer":3},{"id":4,"title":5,"body":6,"category":93,"cover":94,"date":95,"description":96,"extension":97,"featured":98,"links":99,"meta":102,"navigation":103,"path":104,"seo":105,"status":106,"stem":107,"tags":108,"__hash__":114},"portfolio\u002Fportfolio\u002Farkhamcardsviewer.md","ArkhamCards Viewer",{"type":7,"value":8,"toc":85},"minimark",[9,14,18,21,24,27,40,43,46,53,67,70,82],[10,11,13],"h2",{"id":12},"為什麼做這個","為什麼做這個？",[15,16,17],"p",{},"Arkham Horror LCG 的繁中翻譯工作，過程中需要頻繁查詢卡牌原文、技能圖示、故事文字……而 arkhamdb.com 雖然有公開資料，但介面不太適合翻譯時的快速對照。",[15,19,20],{},"想做一個「翻譯者視角」的查詢工具：一眼看到卡牌所有資訊，圖示清晰，支援繁中搜尋，未來甚至可以讓譯者直接在上面標記翻譯進度。",[10,22,23],{"id":23},"目前狀態",[15,25,26],{},"目前已完成基礎架構：",[28,29,30,34,37],"ul",{},[31,32,33],"li",{},"卡牌列表瀏覽，支援套牌（Campaign）篩選",[31,35,36],{},"卡牌詳細頁，顯示完整屬性、技能圖示、故事文字",[31,38,39],{},"詞彙表（Glossary）查詢",[15,41,42],{},"還在開發中的部分主要是翻譯協作相關功能——這需要整合實際的翻譯資料來源，還沒確定最佳方案。",[10,44,45],{"id":45},"技術架構",[15,47,48,52],{},[49,50,51],"strong",{},"前端","：Nuxt 4、TypeScript、Tailwind CSS、Iconify（卡牌圖示）",[15,54,55,58,59,66],{},[49,56,57],{},"資料來源","：",[60,61,65],"a",{"href":62,"rel":63},"https:\u002F\u002Farkhamdb.com",[64],"nofollow","arkhamdb.com"," 公開 REST API，含卡牌、Pack、Cycle 資料",[10,68,69],{"id":69},"心得",[15,71,72,73,77,78,81],{},"Arkham Horror 的卡牌資料結構比想像中複雜——光是技能圖示就有一套自訂的文字編碼（如 ",[74,75,76],"code",{},"[willpower]","、",[74,79,80],{},"[combat]","），需要額外的 parser 才能轉成視覺圖示。",[15,83,84],{},"更有意思的是，真正的需求來自「人」：翻譯流程是什麼？卡牌在哪些情境下需要快速對照？這些問題比技術問題更難回答，也更值得花時間搞清楚。所以這個專案目前還是 WIP，等需求更明確再繼續推進。",{"title":86,"searchDepth":87,"depth":87,"links":88},"",2,[89,90,91,92],{"id":12,"depth":87,"text":13},{"id":23,"depth":87,"text":23},{"id":45,"depth":87,"text":45},{"id":69,"depth":87,"text":69},"web-app","\u002Fimages\u002Fportfolio\u002Farkhamcardsviewer.png","2026-02-20T00:00:00.000Z","為 Arkham Horror LCG 同好打造的卡牌查詢工具，串接 arkhamdb.com 公開資料庫。初衷是輔助朋友的翻譯工作，未來希望整合實際的翻譯協作流程。","md",false,{"website":100,"github":101},"https:\u002F\u002Fwww.arkham-cards-viewer.eraser.tw\u002F","https:\u002F\u002Fgithub.com\u002Fharry18456\u002FArkhamCardsViewer",{},true,"\u002Fportfolio\u002Farkhamcardsviewer",{"title":5,"description":96},"wip","portfolio\u002Farkhamcardsviewer",[109,110,111,112,113],"Nuxt 4","TypeScript","Tailwind CSS","Iconify","arkhamdb API","HwvAQQqrkaX-jJDri2vLSiY8ZldQBdn5c8G31rIHNgI",1774434898468]