[{"data":1,"prerenderedAt":486},["ShallowReactive",2],{"project-\u002Fprojects\u002Fjosh":3,"projects":45},{"id":4,"title":5,"archiveUrl":6,"body":7,"client":21,"contributions":22,"cover":23,"date":24,"demoType":25,"description":13,"extension":26,"gallery":27,"github":6,"link":30,"linkRemarks":31,"meta":32,"navigation":33,"order":34,"path":35,"seo":36,"skills":37,"stem":41,"tags":42,"__hash__":44},"projects\u002Fprojects\u002Fjosh.md","台南 Josh 品牌商城｜電商網站",null,{"type":8,"value":9,"toc":17},"minimark",[10,14],[11,12,13],"p",{},"資深棒球YouTuber 台南JOSH的品牌電商，販售各種棒球應援商品以及頻道吉祥物 Mr. MaBao 的周邊商品。",[11,15,16],{},"進到網站內就如同看一場棒球比賽，除了首頁大大的記分板以外，還充滿許多棒球的元素以及吉祥物的影子。",{"title":18,"searchDepth":19,"depth":19,"links":20},"",2,[],"CAPSULE Inc","• 前端開發","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Ftainan-josh-cover.webp","2022-09-01","case-study","md",[28,29],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Ftainan-josh-web.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Ftainan-josh-phone.webp","https:\u002F\u002Ftainan-josh-demo.myshopify.com\u002F","※此為demo商城，請輸入密碼「demo」查看",{},true,7,"\u002Fprojects\u002Fjosh",{"title":5,"description":13},[38],{"name":39,"color":40},"Shopify","green","projects\u002Fjosh",[43],"電商網頁","-aIfV4MWuOisXt5AUdmN1XRcxk3FtasfOfNmVJSqZqA",[46,84,115,149,181,206,234,264,279,306,337,367,398,427,455],{"id":47,"title":48,"archiveUrl":49,"body":50,"client":21,"contributions":60,"cover":61,"date":62,"demoType":63,"description":54,"extension":26,"gallery":64,"github":67,"link":49,"linkRemarks":68,"meta":69,"navigation":33,"order":70,"path":71,"seo":72,"skills":73,"stem":80,"tags":81,"__hash__":83},"projects\u002Fprojects\u002Fcreator-centercms.md","Creator Center管理｜CMS 系統","https:\u002F\u002Fdcomb-demos.pages.dev\u002Fdcomb-membership-cms-demo\u002FMemberList\u002F",{"type":8,"value":51,"toc":58},[52,55],[11,53,54],{},"一個好的CMS可以大幅節省管理資源，透過串接YouTube的Membership Data，協助使用者發展YouTube會員的粉絲生態圈。",[11,56,57],{},"為了更貼近使用者管理粉絲資源的需求，我們比照了 Google 問卷的形式開發了客製化粉絲表單，使用者可以自定義表單風格以更貼近粉絲。",{"title":18,"searchDepth":19,"depth":19,"links":59},[],"• 流程設計\n• 前端開發\n• Shopify App開發\n• Discorde Bot開發","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fcenter-cover.webp","2022-10-10","live",[65,66],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fcenter-1.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fcenter-2.webp","https:\u002F\u002Fgithub.com\u002FDesignComb\u002Fdcomb-membership-cms-demo","※僅包含部分功能demo頁面",{},1,"\u002Fprojects\u002Fcreator-centercms",{"title":48,"description":54},[74,77],{"name":75,"color":76},"Vue.js","pink",{"name":78,"color":79},"Nuxt.js","purple","projects\u002Fcreator-centercms",[82],"CMS 系統","iWUVbBBMxUCQ3VSk2jHCoxTe8r0AYNaFyOQ2qb299fc",{"id":85,"title":86,"archiveUrl":87,"body":88,"client":21,"contributions":22,"cover":98,"date":99,"demoType":63,"description":92,"extension":26,"gallery":100,"github":6,"link":87,"linkRemarks":6,"meta":105,"navigation":33,"order":19,"path":106,"seo":107,"skills":108,"stem":111,"tags":112,"__hash__":114},"projects\u002Fprojects\u002Fcapsule.md","CAPSULE 創作者官網｜形象網站","https:\u002F\u002Fwww.capsuleinc.cc",{"type":8,"value":89,"toc":96},[90,93],[11,91,92],{},"CAPSULE 的創作者形象官網，採用優雅又年輕的風格去彰顯創作者的活力，也網羅每一個創作者活躍的平台、最新的狀況以及各類媒體消息，能讓使用者在創作者頁面中迅速了解每一位創作者的特色。",[11,94,95],{},"同時也製作了易管理的後台、每日同步社群媒體最新消息的排程工具，讓網頁好看的同時也好維護。",{"title":18,"searchDepth":19,"depth":19,"links":97},[],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fcapsulecc-cover.webp","2021-03-01",[101,102,103,104],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fcapsule-cc.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fcapsule-cc-2.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fcapsulebackend-1.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fcapsulebackend-2.webp",{},"\u002Fprojects\u002Fcapsule",{"title":86,"description":92},[109,110],{"name":75,"color":76},{"name":78,"color":79},"projects\u002Fcapsule",[113],"形象網站","Odj9tdGobi4ql_S19Axm9AUbG4PNE8Cm-Xtfy2avk3U",{"id":116,"title":117,"archiveUrl":6,"body":118,"client":128,"contributions":129,"cover":130,"date":131,"demoType":25,"description":122,"extension":26,"gallery":132,"github":6,"link":6,"linkRemarks":6,"meta":137,"navigation":33,"order":138,"path":139,"seo":140,"skills":141,"stem":146,"tags":147,"__hash__":148},"projects\u002Fprojects\u002Fcms.md","愛學館後台管理系統｜CMS系統",{"type":8,"value":119,"toc":126},[120,123],[11,121,122],{},"IMStudy（愛學館）是一套專為補習班與家教中心打造的學習管理系統，將學生與師資管理、課程配置、學收單（帳務）、排課調課與 LINE 通知串接整合於同一平台，協助補教機構把原本分散的行政流程數位化、集中化，大幅減少人工對帳與紙本作業的負擔。",[11,124,125],{},"系統涵蓋從學生報名、課堂排程、請假調補課到帳務追蹤的完整營運鏈路，並支援多分校管理與角色權限分工，讓櫃檯、導師與管理  階層能依職務各司其職；同時透過 LINE 即時推播課堂與繳費資訊給家長，強化校方與家庭之間的溝通效率。",{"title":18,"searchDepth":19,"depth":19,"links":127},[],"IMstudy","• 前端開發\n• 後端開發\n• 資料庫設計","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FmessageImage_1777812519997.jpg","2021-09-01",[133,134,135,136],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FmessageImage_1777812594537.jpg","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FmessageImage_1777812629168.jpg","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FmessageImage_1777812660414.jpg","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FmessageImage_1777812695286.jpg",{},3,"\u002Fprojects\u002Fcms",{"title":117,"description":122},[142,145],{"name":143,"color":144},"Python","blue",{"name":75,"color":76},"projects\u002Fcms",[82],"OyKJBg9U2czQNOr2ArD7kGrKLh1V09Pafb8yqvGqy44",{"id":150,"title":151,"archiveUrl":152,"body":153,"client":163,"contributions":164,"cover":165,"date":166,"demoType":63,"description":157,"extension":26,"gallery":167,"github":169,"link":152,"linkRemarks":170,"meta":171,"navigation":33,"order":172,"path":173,"seo":174,"skills":175,"stem":177,"tags":178,"__hash__":180},"projects\u002Fprojects\u002Fai.md","AI 碎碎念｜線上工具","https:\u002F\u002Fdcomb-demos.pages.dev\u002FchatGPT-speaker\u002F",{"type":8,"value":154,"toc":161},[155,158],[11,156,157],{},"ChatGPT的易用性相信有目共睹，只要輸入您的問題或想法，AI就能為您解答，而在我們的網站中，還能將這些文字轉成有情感的聲音，讀出來給你聽。",[11,159,160],{},"我們專為中文用戶量，透過微軟的Azure服務，確保每一個字都發音準確，同時可以客製音調、音高，自由排序重組聲音順序等。真正做到讓ChatGPT念給你聽。",{"title":18,"searchDepth":19,"depth":19,"links":162},[],"Design Comb","• 介面設計\n• 流程設計\n• 前端開發","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FchatGPT-speaker.webp","2023-04-01",[165,168],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FchatGPT-speaker-2.webp","https:\u002F\u002Fgithub.com\u002FDesignComb\u002FchatGPT-speaker","※需要自行申請open ai key",{},4,"\u002Fprojects\u002Fai",{"title":151,"description":157},[176],{"name":75,"color":76},"projects\u002Fai",[179],"線上工具","LdMumM49UuXFiHDdrK41b5jQ0fPaIHmW7oZZ57UcaA4",{"id":182,"title":183,"archiveUrl":6,"body":184,"client":163,"contributions":191,"cover":192,"date":193,"demoType":25,"description":188,"extension":26,"gallery":194,"github":6,"link":6,"linkRemarks":6,"meta":195,"navigation":33,"order":172,"path":196,"seo":197,"skills":198,"stem":203,"tags":204,"__hash__":205},"projects\u002Fprojects\u002Flinklink.md","LinkLink網址管理｜線上工具",{"type":8,"value":185,"toc":189},[186],[11,187,188],{},"這不只是縮網址!\n我們觀察到縮網址在社群媒體分享資訊時的廣泛應用，但在FB貼文、Line對話貼上一段縮網址，我們只能在預覽看到縮網址平台的資料，很不安心。\n因此，我們的工具在縮網址的同時還能編輯網頁的預覽資訊，這樣發文、傳資料的可信度就又能更上一層樓，更不用說有些SPA的網頁沒辦法針對單頁的資訊預覽，只要透過我們的網址工具，都能完美解決。",{"title":18,"searchDepth":19,"depth":19,"links":190},[],"• 介面設計\n• 流程設計\n• 前端開發\n• 後端開發\n• 資料庫設計","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Flink-manage.webp","2023-05-01",[192],{},"\u002Fprojects\u002Flinklink",{"title":183,"description":188},[199,200,201],{"name":75,"color":76},{"name":78,"color":79},{"name":202,"color":144},"Golang","projects\u002Flinklink",[179],"9DkNUMF1kDefMY1rBNnPNrpTDGjVIBzvVNszyAVQPFg",{"id":207,"title":208,"archiveUrl":6,"body":209,"client":21,"contributions":22,"cover":219,"date":220,"demoType":25,"description":213,"extension":26,"gallery":221,"github":6,"link":224,"linkRemarks":31,"meta":225,"navigation":33,"order":226,"path":227,"seo":228,"skills":229,"stem":231,"tags":232,"__hash__":233},"projects\u002Fprojects\u002Fkamikami-burger.md","KAMIKAMI Burger｜電商網站",{"type":8,"value":210,"toc":217},[211,214],[11,212,213],{},"300萬訂閱的YouTuber 「阿神」的漢堡店官網！",[11,215,216],{},"網頁內採用了大量鮮豔的色彩以及充滿童趣的動態元件，同時清晰呈現 50 家以上的分店資料，並且可以直接在官網的商城中購買 KAMIKAMI Burger 靈魂的麻辣醬。",{"title":18,"searchDepth":19,"depth":19,"links":218},[],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkamikami-cover.webp","2022-08-01",[222,223],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkamikami-web.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkamikami-phone-collage.webp","https:\u002F\u002Fkamikami-demo.myshopify.com\u002F",{},5,"\u002Fprojects\u002Fkamikami-burger",{"title":208,"description":213},[230],{"name":39,"color":40},"projects\u002Fkamikami-burger",[43],"5BgDislTI684fb_GgbN7Xx_lXue9IOorUITkneWMA38",{"id":235,"title":236,"archiveUrl":6,"body":237,"client":21,"contributions":247,"cover":248,"date":249,"demoType":25,"description":241,"extension":26,"gallery":250,"github":6,"link":6,"linkRemarks":6,"meta":255,"navigation":33,"order":256,"path":257,"seo":258,"skills":259,"stem":261,"tags":262,"__hash__":263},"projects\u002Fprojects\u002Fkami.md","Kami 外送集點系統｜線上工具",{"type":8,"value":238,"toc":245},[239,242],[11,240,241],{},"KAMIKAMI 專注於foodpanda和ubereat的外送市場，我們設計了一個既可愛又豐富的集點系統。每當用戶在我們的平台上完成訂購，他們可以輸入訂單資訊以累積點數。",[11,243,244],{},"隨著點數的累積，用戶可以兌換各種獎勵，從折價卷到專屬的影音內容。我們相信這能使品牌在網路外送市場中持續受到喜愛。",{"title":18,"searchDepth":19,"depth":19,"links":246},[],"• 流程設計\n• 前端開發","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkami-collection-cover.webp","2023-01-16",[251,252,253,254],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkami-collection-01.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkami-collection-02.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkami-collection-03.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkami-collection-04.webp",{},6,"\u002Fprojects\u002Fkami",{"title":236,"description":241},[260],{"name":75,"color":76},"projects\u002Fkami",[179],"WYbIWfl9_7591WHEQDxFfCIJf5ufsXRy8RYLAJ5S7c4",{"id":4,"title":5,"archiveUrl":6,"body":265,"client":21,"contributions":22,"cover":23,"date":24,"demoType":25,"description":13,"extension":26,"gallery":273,"github":6,"link":30,"linkRemarks":31,"meta":274,"navigation":33,"order":34,"path":35,"seo":275,"skills":276,"stem":41,"tags":278,"__hash__":44},{"type":8,"value":266,"toc":271},[267,269],[11,268,13],{},[11,270,16],{},{"title":18,"searchDepth":19,"depth":19,"links":272},[],[28,29],{},{"title":5,"description":13},[277],{"name":39,"color":40},[43],{"id":280,"title":281,"archiveUrl":6,"body":282,"client":21,"contributions":22,"cover":292,"date":293,"demoType":25,"description":286,"extension":26,"gallery":294,"github":6,"link":296,"linkRemarks":31,"meta":297,"navigation":33,"order":298,"path":299,"seo":300,"skills":301,"stem":303,"tags":304,"__hash__":305},"projects\u002Fprojects\u002Fkokoni.md","Kokoni 小日常道具｜電商網站",{"type":8,"value":283,"toc":290},[284,287],[11,285,286],{},"Kokoni 是「這裏」的意思。透過主理人以及品牌團隊的嚴選，我們期望大家能在這裡找到好吃、好喝、好用、好美的好物。讓我們一起好好生活，慢慢相遇。",[11,288,289],{},"根據品牌意象，網頁用極簡的風格，純白的基調，再加上主理人的形象去建置，簡約的畫面，讓大家能在網頁上專注選擇 Kokoni 的商品。",{"title":18,"searchDepth":19,"depth":19,"links":291},[],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkokoni-cover.webp","2022-11-01",[295],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkokoni-web.webp","https:\u002F\u002Fabby-select-store.myshopify.com",{},8,"\u002Fprojects\u002Fkokoni",{"title":281,"description":286},[302],{"name":39,"color":40},"projects\u002Fkokoni",[43],"pZqLOXA2a0McqusdDea5VX0WMUkOxvThoIWWqrNKinc",{"id":307,"title":308,"archiveUrl":6,"body":309,"client":163,"contributions":191,"cover":319,"date":320,"demoType":25,"description":313,"extension":26,"gallery":321,"github":6,"link":6,"linkRemarks":6,"meta":326,"navigation":33,"order":327,"path":328,"seo":329,"skills":330,"stem":334,"tags":335,"__hash__":336},"projects\u002Fprojects\u002Fcms-9.md","傳情訂單管理系統｜CMS 系統",{"type":8,"value":310,"toc":317},[311,314],[11,312,313],{},"Finger Heart是一款專為校內外傳情活動所設計的平台，可以在上面建置活動讓大家參加，也可以在上面搜尋靈感，尋找吻合活動主題的商品，更有清晰美觀的後台可以進行訂單管理、商品、組合建立，也有彈性的付款機制。",[11,315,316],{},"用Finger Heart輕鬆搞定活動複雜的部份，單純享受傳情帶來的快樂！",{"title":18,"searchDepth":19,"depth":19,"links":318},[],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Ffinger-cover.webp","2018-12-01",[322,323,324,325],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Ffinger-heart-frontend.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Ffinger-heart-paid.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Ffinger-heart-backend-1.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Ffinger-heart-backend-2.webp",{},9,"\u002Fprojects\u002Fcms-9",{"title":308,"description":313},[331],{"name":332,"color":333},"PHP","orange","projects\u002Fcms-9",[82],"Dg4MpUgHwhhYWN3rW0w4bB2V-npHXi3IKY5hXHUCTo0",{"id":338,"title":339,"archiveUrl":6,"body":340,"client":350,"contributions":351,"cover":352,"date":353,"demoType":25,"description":344,"extension":26,"gallery":354,"github":6,"link":6,"linkRemarks":6,"meta":356,"navigation":33,"order":357,"path":358,"seo":359,"skills":360,"stem":364,"tags":365,"__hash__":366},"projects\u002Fprojects\u002Fcms-10.md","成大睡眠中心檢測系統｜CMS 系統",{"type":8,"value":341,"toc":348},[342,345],[11,343,344],{},"協助成大睡眠中心管理受測者的資料和數值，為了提升工作效率和資料解讀的精確性，對目前的系統進行前端及UI優化。",[11,346,347],{},"通過圖表和顏色指示來呈現數據，使數據變得更生動且易於解讀。例如利用紅、黃、綠三種底色分別表示數值異常、數值稍有偏離正常範圍及數值正常。此方式能迅速告知使用者資料的狀態。",{"title":18,"searchDepth":19,"depth":19,"links":349},[],"NCKU AI4DT","• 前端開發\n• 後端開發","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FNCKU-sleep-center-cover.webp","2021-06-01",[352,355],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FNCKU-sleep-center-02.webp",{},10,"\u002Fprojects\u002Fcms-10",{"title":339,"description":344},[361,363],{"name":362,"color":333},"Laravel",{"name":75,"color":76},"projects\u002Fcms-10",[82],"qoO8z0XeHmTmgW6TD8Z3akh4kcKQ4yPh86uhUw5Ws_0",{"id":368,"title":369,"archiveUrl":6,"body":370,"client":350,"contributions":380,"cover":381,"date":382,"demoType":25,"description":374,"extension":26,"gallery":383,"github":6,"link":6,"linkRemarks":6,"meta":385,"navigation":33,"order":386,"path":387,"seo":388,"skills":389,"stem":395,"tags":396,"__hash__":397},"projects\u002Fprojects\u002Fcms-11.md","食材供需集成平台｜CMS 系統",{"type":8,"value":371,"toc":378},[372,375],[11,373,374],{},"透過食材供需集成平台，台灣中小學的午餐食材與菜單得到嚴格管理。平台串接農業資料，清晰展示食材資訊，並納入認證的章 Q 食材，確保學生享用新鮮健康的午餐。",[11,376,377],{},"對偏鄉學校尤其有益，解決了因物流及供應問題所致的午餐品質挑戰。同時，示範案例庫提供學校優質供餐策略參考，升級整體午餐服務品質。",{"title":18,"searchDepth":19,"depth":19,"links":379},[],"• 後端開發\n• 桌面應用程式開發\n• 農業資料開放平台系統串接\n• 資料庫設計","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FAI4DT-Center-01.webp","2021-10-01",[381,384],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FAI4DT-Center-02.webp",{},11,"\u002Fprojects\u002Fcms-11",{"title":369,"description":374},[390,391,392],{"name":75,"color":76},{"name":362,"color":333},{"name":393,"color":394},"ASP.net","gray","projects\u002Fcms-11",[82],"NMniMwkI49S1whfTn0PHq3H_RbX9OEMNz3brROMOevk",{"id":399,"title":400,"archiveUrl":6,"body":401,"client":411,"contributions":164,"cover":412,"date":413,"demoType":25,"description":405,"extension":26,"gallery":414,"github":6,"link":6,"linkRemarks":6,"meta":418,"navigation":33,"order":419,"path":420,"seo":421,"skills":422,"stem":424,"tags":425,"__hash__":426},"projects\u002Fprojects\u002Fproject-12.md","工研院比價爬蟲專案｜線上工具",{"type":8,"value":402,"toc":409},[403,406],[11,404,405],{},"消費者在電商平台上購物時，常面對眾多的選擇與價格差異，工研院為此設計了一套系統，運用爬蟲技術，即時抓取電商平台上(如 momo、蝦皮)的商品價格資訊，讓消費者能夠在一個網頁上快速比較同一商品在不同平台上的價格。",[11,407,408],{},"考慮到目前的消費模式，手機已經成為最主要的瀏覽和購物工具。為了不增加消費者的操作負擔，工研院特地設計了一個專為手機使用者體驗優化的比價網頁，而非一個需另外下載的APP。",{"title":18,"searchDepth":19,"depth":19,"links":410},[],"ITRI","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FITRI-price-cover.webp","2022-04-01",[415,416,417],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FITRI-price-01.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FITRI-price-02.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FITRI-price-03.webp",{},12,"\u002Fprojects\u002Fproject-12",{"title":400,"description":405},[423],{"name":75,"color":76},"projects\u002Fproject-12",[179],"5Vtf4rbAzjzGwlQ4KThStzpeGyMmE3rwf2s-mNAeIOs",{"id":428,"title":429,"archiveUrl":6,"body":430,"client":350,"contributions":440,"cover":441,"date":442,"demoType":25,"description":434,"extension":26,"gallery":443,"github":6,"link":6,"linkRemarks":6,"meta":445,"navigation":33,"order":446,"path":447,"seo":448,"skills":449,"stem":452,"tags":453,"__hash__":454},"projects\u002Fprojects\u002Fcms-13.md","成大空氣盒子專案｜CMS 系統",{"type":8,"value":431,"toc":438},[432,435],[11,433,434],{},"成大的空氣盒子不僅是一款微型空氣感測器，該感測器所體現的「參與式感測」與「開放資料」理念，鼓勵公眾參與空氣品質的監測與改善。",[11,436,437],{},"本專案的主要目標是利用這些開放的實時數據，提供一個直觀的平台供使用者查詢。我們將複雜的空氣質量數據轉化為容易理解的圖表和指標。不僅如此，這些圖表還能深入揭示二氧化碳量等多項重要指標，幫助使用者即時了解其所處環境的空氣狀態。",{"title":18,"searchDepth":19,"depth":19,"links":439},[],"• 後端開發\n• 資料視覺化","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FiNCKU-airbox-01.webp","2021-11-01",[441,444],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FiNCKU-airbox-02.webp",{},13,"\u002Fprojects\u002Fcms-13",{"title":429,"description":434},[450,451],{"name":75,"color":76},{"name":362,"color":333},"projects\u002Fcms-13",[82],"HQ7Vy_ieYfs1B7HGEiN7qvTLtjCOtQ0npj5zV9eJ7d8",{"id":456,"title":457,"archiveUrl":6,"body":458,"client":468,"contributions":469,"cover":470,"date":131,"demoType":25,"description":462,"extension":26,"gallery":471,"github":6,"link":6,"linkRemarks":6,"meta":477,"navigation":33,"order":478,"path":479,"seo":480,"skills":481,"stem":483,"tags":484,"__hash__":485},"projects\u002Fprojects\u002Fodoo.md","Odoo 盜刷預測系統｜線上工具",{"type":8,"value":459,"toc":466},[460,463],[11,461,462],{},"Odoo 是一款流行的企業資源規劃（ERP）軟體，支持多種業務流程。近年來，隨著線上交易的普及，盜刷問題日益嚴重。為了解決此問題，我們應業主要求開發了基於Odoo的盜刷偵測插件。",[11,464,465],{},"這個插件串接AI大數據模型，分析大量訂單的數據特徵，進行快速的盜刷風險評估。在AI的初步評估基礎上，只需少量的人工審查，便可大大降低盜刷風險。",{"title":18,"searchDepth":19,"depth":19,"links":467},[],"KKDay Inc","• 模型串接\n• 後端開發","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fodoo-theft-prevention-cover.webp",[472,473,474,475,476],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fodoo-theft-prevention-01.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fodoo-theft-prevention-02.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fodoo-theft-prevention-03.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fodoo-theft-prevention-04.webp","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fodoo-theft-prevention-05.webp",{},14,"\u002Fprojects\u002Fodoo",{"title":457,"description":462},[482],{"name":143,"color":144},"projects\u002Fodoo",[179],"wS_YNFINpw3I2YlyvUc27BNQI9oEE7lFKtpvYBuzBoc",1781425060255]