[{"data":1,"prerenderedAt":486},["ShallowReactive",2],{"project-\u002Fprojects\u002Fkokoni":3,"projects":44},{"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":29,"linkRemarks":30,"meta":31,"navigation":32,"order":33,"path":34,"seo":35,"skills":36,"stem":40,"tags":41,"__hash__":43},"projects\u002Fprojects\u002Fkokoni.md","Kokoni 小日常道具｜電商網站",null,{"type":8,"value":9,"toc":17},"minimark",[10,14],[11,12,13],"p",{},"Kokoni 是「這裏」的意思。透過主理人以及品牌團隊的嚴選，我們期望大家能在這裡找到好吃、好喝、好用、好美的好物。讓我們一起好好生活，慢慢相遇。",[11,15,16],{},"根據品牌意象，網頁用極簡的風格，純白的基調，再加上主理人的形象去建置，簡約的畫面，讓大家能在網頁上專注選擇 Kokoni 的商品。",{"title":18,"searchDepth":19,"depth":19,"links":20},"",2,[],"CAPSULE Inc","• 前端開發","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkokoni-cover.webp","2022-11-01","case-study","md",[28],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkokoni-web.webp","https:\u002F\u002Fabby-select-store.myshopify.com","※此為demo商城，請輸入密碼「demo」查看",{},true,8,"\u002Fprojects\u002Fkokoni",{"title":5,"description":13},[37],{"name":38,"color":39},"Shopify","green","projects\u002Fkokoni",[42],"電商網頁","pZqLOXA2a0McqusdDea5VX0WMUkOxvThoIWWqrNKinc",[45,83,114,148,180,205,233,263,291,306,337,367,398,427,455],{"id":46,"title":47,"archiveUrl":48,"body":49,"client":21,"contributions":59,"cover":60,"date":61,"demoType":62,"description":53,"extension":26,"gallery":63,"github":66,"link":48,"linkRemarks":67,"meta":68,"navigation":32,"order":69,"path":70,"seo":71,"skills":72,"stem":79,"tags":80,"__hash__":82},"projects\u002Fprojects\u002Fcreator-centercms.md","Creator Center管理｜CMS 系統","https:\u002F\u002Fdcomb-demos.pages.dev\u002Fdcomb-membership-cms-demo\u002FMemberList\u002F",{"type":8,"value":50,"toc":57},[51,54],[11,52,53],{},"一個好的CMS可以大幅節省管理資源，透過串接YouTube的Membership Data，協助使用者發展YouTube會員的粉絲生態圈。",[11,55,56],{},"為了更貼近使用者管理粉絲資源的需求，我們比照了 Google 問卷的形式開發了客製化粉絲表單，使用者可以自定義表單風格以更貼近粉絲。",{"title":18,"searchDepth":19,"depth":19,"links":58},[],"• 流程設計\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",[64,65],"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":47,"description":53},[73,76],{"name":74,"color":75},"Vue.js","pink",{"name":77,"color":78},"Nuxt.js","purple","projects\u002Fcreator-centercms",[81],"CMS 系統","iWUVbBBMxUCQ3VSk2jHCoxTe8r0AYNaFyOQ2qb299fc",{"id":84,"title":85,"archiveUrl":86,"body":87,"client":21,"contributions":22,"cover":97,"date":98,"demoType":62,"description":91,"extension":26,"gallery":99,"github":6,"link":86,"linkRemarks":6,"meta":104,"navigation":32,"order":19,"path":105,"seo":106,"skills":107,"stem":110,"tags":111,"__hash__":113},"projects\u002Fprojects\u002Fcapsule.md","CAPSULE 創作者官網｜形象網站","https:\u002F\u002Fwww.capsuleinc.cc",{"type":8,"value":88,"toc":95},[89,92],[11,90,91],{},"CAPSULE 的創作者形象官網，採用優雅又年輕的風格去彰顯創作者的活力，也網羅每一個創作者活躍的平台、最新的狀況以及各類媒體消息，能讓使用者在創作者頁面中迅速了解每一位創作者的特色。",[11,93,94],{},"同時也製作了易管理的後台、每日同步社群媒體最新消息的排程工具，讓網頁好看的同時也好維護。",{"title":18,"searchDepth":19,"depth":19,"links":96},[],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fcapsulecc-cover.webp","2021-03-01",[100,101,102,103],"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":85,"description":91},[108,109],{"name":74,"color":75},{"name":77,"color":78},"projects\u002Fcapsule",[112],"形象網站","Odj9tdGobi4ql_S19Axm9AUbG4PNE8Cm-Xtfy2avk3U",{"id":115,"title":116,"archiveUrl":6,"body":117,"client":127,"contributions":128,"cover":129,"date":130,"demoType":25,"description":121,"extension":26,"gallery":131,"github":6,"link":6,"linkRemarks":6,"meta":136,"navigation":32,"order":137,"path":138,"seo":139,"skills":140,"stem":145,"tags":146,"__hash__":147},"projects\u002Fprojects\u002Fcms.md","愛學館後台管理系統｜CMS系統",{"type":8,"value":118,"toc":125},[119,122],[11,120,121],{},"IMStudy（愛學館）是一套專為補習班與家教中心打造的學習管理系統，將學生與師資管理、課程配置、學收單（帳務）、排課調課與 LINE 通知串接整合於同一平台，協助補教機構把原本分散的行政流程數位化、集中化，大幅減少人工對帳與紙本作業的負擔。",[11,123,124],{},"系統涵蓋從學生報名、課堂排程、請假調補課到帳務追蹤的完整營運鏈路，並支援多分校管理與角色權限分工，讓櫃檯、導師與管理  階層能依職務各司其職；同時透過 LINE 即時推播課堂與繳費資訊給家長，強化校方與家庭之間的溝通效率。",{"title":18,"searchDepth":19,"depth":19,"links":126},[],"IMstudy","• 前端開發\n• 後端開發\n• 資料庫設計","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FmessageImage_1777812519997.jpg","2021-09-01",[132,133,134,135],"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":116,"description":121},[141,144],{"name":142,"color":143},"Python","blue",{"name":74,"color":75},"projects\u002Fcms",[81],"OyKJBg9U2czQNOr2ArD7kGrKLh1V09Pafb8yqvGqy44",{"id":149,"title":150,"archiveUrl":151,"body":152,"client":162,"contributions":163,"cover":164,"date":165,"demoType":62,"description":156,"extension":26,"gallery":166,"github":168,"link":151,"linkRemarks":169,"meta":170,"navigation":32,"order":171,"path":172,"seo":173,"skills":174,"stem":176,"tags":177,"__hash__":179},"projects\u002Fprojects\u002Fai.md","AI 碎碎念｜線上工具","https:\u002F\u002Fdcomb-demos.pages.dev\u002FchatGPT-speaker\u002F",{"type":8,"value":153,"toc":160},[154,157],[11,155,156],{},"ChatGPT的易用性相信有目共睹，只要輸入您的問題或想法，AI就能為您解答，而在我們的網站中，還能將這些文字轉成有情感的聲音，讀出來給你聽。",[11,158,159],{},"我們專為中文用戶量，透過微軟的Azure服務，確保每一個字都發音準確，同時可以客製音調、音高，自由排序重組聲音順序等。真正做到讓ChatGPT念給你聽。",{"title":18,"searchDepth":19,"depth":19,"links":161},[],"Design Comb","• 介面設計\n• 流程設計\n• 前端開發","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002FchatGPT-speaker.webp","2023-04-01",[164,167],"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":150,"description":156},[175],{"name":74,"color":75},"projects\u002Fai",[178],"線上工具","LdMumM49UuXFiHDdrK41b5jQ0fPaIHmW7oZZ57UcaA4",{"id":181,"title":182,"archiveUrl":6,"body":183,"client":162,"contributions":190,"cover":191,"date":192,"demoType":25,"description":187,"extension":26,"gallery":193,"github":6,"link":6,"linkRemarks":6,"meta":194,"navigation":32,"order":171,"path":195,"seo":196,"skills":197,"stem":202,"tags":203,"__hash__":204},"projects\u002Fprojects\u002Flinklink.md","LinkLink網址管理｜線上工具",{"type":8,"value":184,"toc":188},[185],[11,186,187],{},"這不只是縮網址!\n我們觀察到縮網址在社群媒體分享資訊時的廣泛應用，但在FB貼文、Line對話貼上一段縮網址，我們只能在預覽看到縮網址平台的資料，很不安心。\n因此，我們的工具在縮網址的同時還能編輯網頁的預覽資訊，這樣發文、傳資料的可信度就又能更上一層樓，更不用說有些SPA的網頁沒辦法針對單頁的資訊預覽，只要透過我們的網址工具，都能完美解決。",{"title":18,"searchDepth":19,"depth":19,"links":189},[],"• 介面設計\n• 流程設計\n• 前端開發\n• 後端開發\n• 資料庫設計","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Flink-manage.webp","2023-05-01",[191],{},"\u002Fprojects\u002Flinklink",{"title":182,"description":187},[198,199,200],{"name":74,"color":75},{"name":77,"color":78},{"name":201,"color":143},"Golang","projects\u002Flinklink",[178],"9DkNUMF1kDefMY1rBNnPNrpTDGjVIBzvVNszyAVQPFg",{"id":206,"title":207,"archiveUrl":6,"body":208,"client":21,"contributions":22,"cover":218,"date":219,"demoType":25,"description":212,"extension":26,"gallery":220,"github":6,"link":223,"linkRemarks":30,"meta":224,"navigation":32,"order":225,"path":226,"seo":227,"skills":228,"stem":230,"tags":231,"__hash__":232},"projects\u002Fprojects\u002Fkamikami-burger.md","KAMIKAMI Burger｜電商網站",{"type":8,"value":209,"toc":216},[210,213],[11,211,212],{},"300萬訂閱的YouTuber 「阿神」的漢堡店官網！",[11,214,215],{},"網頁內採用了大量鮮豔的色彩以及充滿童趣的動態元件，同時清晰呈現 50 家以上的分店資料，並且可以直接在官網的商城中購買 KAMIKAMI Burger 靈魂的麻辣醬。",{"title":18,"searchDepth":19,"depth":19,"links":217},[],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkamikami-cover.webp","2022-08-01",[221,222],"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":207,"description":212},[229],{"name":38,"color":39},"projects\u002Fkamikami-burger",[42],"5BgDislTI684fb_GgbN7Xx_lXue9IOorUITkneWMA38",{"id":234,"title":235,"archiveUrl":6,"body":236,"client":21,"contributions":246,"cover":247,"date":248,"demoType":25,"description":240,"extension":26,"gallery":249,"github":6,"link":6,"linkRemarks":6,"meta":254,"navigation":32,"order":255,"path":256,"seo":257,"skills":258,"stem":260,"tags":261,"__hash__":262},"projects\u002Fprojects\u002Fkami.md","Kami 外送集點系統｜線上工具",{"type":8,"value":237,"toc":244},[238,241],[11,239,240],{},"KAMIKAMI 專注於foodpanda和ubereat的外送市場，我們設計了一個既可愛又豐富的集點系統。每當用戶在我們的平台上完成訂購，他們可以輸入訂單資訊以累積點數。",[11,242,243],{},"隨著點數的累積，用戶可以兌換各種獎勵，從折價卷到專屬的影音內容。我們相信這能使品牌在網路外送市場中持續受到喜愛。",{"title":18,"searchDepth":19,"depth":19,"links":245},[],"• 流程設計\n• 前端開發","https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Fkami-collection-cover.webp","2023-01-16",[250,251,252,253],"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":235,"description":240},[259],{"name":74,"color":75},"projects\u002Fkami",[178],"WYbIWfl9_7591WHEQDxFfCIJf5ufsXRy8RYLAJ5S7c4",{"id":264,"title":265,"archiveUrl":6,"body":266,"client":21,"contributions":22,"cover":276,"date":277,"demoType":25,"description":270,"extension":26,"gallery":278,"github":6,"link":281,"linkRemarks":30,"meta":282,"navigation":32,"order":283,"path":284,"seo":285,"skills":286,"stem":288,"tags":289,"__hash__":290},"projects\u002Fprojects\u002Fjosh.md","台南 Josh 品牌商城｜電商網站",{"type":8,"value":267,"toc":274},[268,271],[11,269,270],{},"資深棒球YouTuber 台南JOSH的品牌電商，販售各種棒球應援商品以及頻道吉祥物 Mr. MaBao 的周邊商品。",[11,272,273],{},"進到網站內就如同看一場棒球比賽，除了首頁大大的記分板以外，還充滿許多棒球的元素以及吉祥物的影子。",{"title":18,"searchDepth":19,"depth":19,"links":275},[],"https:\u002F\u002Fdcomb-web-image.s3.ap-northeast-1.amazonaws.com\u002Ftainan-josh-cover.webp","2022-09-01",[279,280],"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",{},7,"\u002Fprojects\u002Fjosh",{"title":265,"description":270},[287],{"name":38,"color":39},"projects\u002Fjosh",[42],"-aIfV4MWuOisXt5AUdmN1XRcxk3FtasfOfNmVJSqZqA",{"id":4,"title":5,"archiveUrl":6,"body":292,"client":21,"contributions":22,"cover":23,"date":24,"demoType":25,"description":13,"extension":26,"gallery":300,"github":6,"link":29,"linkRemarks":30,"meta":301,"navigation":32,"order":33,"path":34,"seo":302,"skills":303,"stem":40,"tags":305,"__hash__":43},{"type":8,"value":293,"toc":298},[294,296],[11,295,13],{},[11,297,16],{},{"title":18,"searchDepth":19,"depth":19,"links":299},[],[28],{},{"title":5,"description":13},[304],{"name":38,"color":39},[42],{"id":307,"title":308,"archiveUrl":6,"body":309,"client":162,"contributions":190,"cover":319,"date":320,"demoType":25,"description":313,"extension":26,"gallery":321,"github":6,"link":6,"linkRemarks":6,"meta":326,"navigation":32,"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",[81],"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":32,"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":74,"color":75},"projects\u002Fcms-10",[81],"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":32,"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":74,"color":75},{"name":362,"color":333},{"name":393,"color":394},"ASP.net","gray","projects\u002Fcms-11",[81],"NMniMwkI49S1whfTn0PHq3H_RbX9OEMNz3brROMOevk",{"id":399,"title":400,"archiveUrl":6,"body":401,"client":411,"contributions":163,"cover":412,"date":413,"demoType":25,"description":405,"extension":26,"gallery":414,"github":6,"link":6,"linkRemarks":6,"meta":418,"navigation":32,"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":74,"color":75},"projects\u002Fproject-12",[178],"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":32,"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":74,"color":75},{"name":362,"color":333},"projects\u002Fcms-13",[81],"HQ7Vy_ieYfs1B7HGEiN7qvTLtjCOtQ0npj5zV9eJ7d8",{"id":456,"title":457,"archiveUrl":6,"body":458,"client":468,"contributions":469,"cover":470,"date":130,"demoType":25,"description":462,"extension":26,"gallery":471,"github":6,"link":6,"linkRemarks":6,"meta":477,"navigation":32,"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":142,"color":143},"projects\u002Fodoo",[178],"wS_YNFINpw3I2YlyvUc27BNQI9oEE7lFKtpvYBuzBoc",1781425060289]