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