上線專案 (Live Projects)
點擊卡片探索互動體驗與背後的開發故事
Cat Sudoku:當邏輯解謎遇上療癒貓咪
誰說數獨只能是死板板的數字拼圖?當題目換成了滿滿的萌貓,原本燒腦的解謎瞬間變成了療癒的擼貓時光!這是一款專為想動動腦、又想舒壓的玩家打造的遊戲,隨手動腦也能把壓力一掃而空。
Neko Red Point:貓咪撿紅點 — 經典紙牌的數位重構
將台灣傳統熱門紙牌「撿紅點」融入療癒貓咪視覺。結合即時算分與配對演算法,搭配順暢的拖曳手感,帶來具備策略與紓壓氛圍的全新數位桌遊體驗。
Neko Oracle:黑貓水晶球 — 靈感占卜與生活解答
當你面臨選擇障礙時,不妨來問問神秘的黑貓女巫!輕觸水晶球並說出疑問,黑貓會為你凝視未來並給出充滿哲理(與貓咪風格)的獨家建議,為生活帶來意想不到的靈感。
OCEANavi:陪你找到迷茫職涯方向的雷達羅盤
「我到底適合什麼工作?」我們把嚴謹的大五人格分析,包裝成一份像在聊天一樣的輕鬆測驗。只要花幾分鐘完成回答,系統就會畫出專屬的特質地圖,幫你在職涯大海中指引出清晰方向。
Pleased to Plant:把綠意搬進螢幕的質感植物展覽館
想讓綠色植物療癒生活?我們幫 Pleased to Plant 打造了一間極具質感的線上植物展覽館!流暢的響應式設計,讓你在手機上隨手一劃就能感受滿滿綠意,逛網頁就像逛植物園一樣舒服!
AI 免費語音逐字稿:開會聽打打到手抽筋?讓 AI 來救你
開會紀錄、訪談聽打總是打到懷疑人生?讓 AI 來拯救你的雙手!這是一款超佛心的免費語音轉文字神器,錄音檔一丟或現場按錄音,瞬間幫你搞定逐字稿,工作效率直接開外掛!
TeamSync-Ops:告別混亂!團隊排程的智慧調度官
團隊調度總是搞得像大亂鬥?這款動態排程工具就是你的智慧管家!自動處理資源配置與時間排程,再也不用在 LINE 群組裡問「大家什麼時候有空」問到崩潰,排程變超順手!
開發中專案 (In Development)
My Pet:個人化數位陪伴系統
In Development深入探討前端狀態管理 (State Management) 與遊戲化機制,將生硬的系統資料交互,轉化為具有成長感與陪伴性質的個人化體驗。
狀態管理架構與互動機制規劃調整中...開發日誌 & 技術分享 (DevLogs)
紀錄系統架構、自動化工程與實務經驗
工廠現場的 UI 設計學:防呆、高對比與無障礙操作體驗
針對戴手套操作與昏暗極端環境,進行大按鈕與高對比視覺的軟體介面改造。
Python / Automation告別人工盤點:結合 Python 與 Apps Script 的預警系統
利用 Python 計算安全庫存,並透過 GAS 精準推播警報至 LINE 群組。
System Integration / MES封閉型供應鏈的系統挑戰:集團內部食品廠整合實戰
專注於內部供需無緩衝同步、批次追溯與跨系統的動態料號映射管理。
Industrial / WMS嚴苛環境下的倉儲管理 (WMS):低溫冷庫標準化作業
數位化冷庫 SOP 流程,實作設備除霜與溫度異常的數據追蹤機制。
Python / Scheduling傳統產線的數位轉型:Python 在工業排程的實務應用
結合 Pandas 數據清洗與演算模型,實作自動化生產排程與報表輸出。
Serverless / LINE Bot利用 Google Apps Script 打造 LINE Bot 雙向同步系統
零伺服器成本實作 Webhook,整合前端通訊與 Google Sheets 資料庫。
Security / API靜態網站的 API 安全實踐:CORS 與中介層防護
利用 Cloudflare Workers 建立無伺服器代理,隱藏 API 金鑰並實作 CORS 限制。
Vanilla JS輕量前端架構:不依賴框架的 Vanilla JS 狀態管理
利用 Proxy 物件與事件委派,在純 JS 環境下構建響應式狀態管理系統。
WebGL / PerformanceWebGL 效能調優指南:降低瀏覽器遊戲記憶體佔用
利用 Sprite Atlas、紋理壓縮與物件池模式,解決瀏覽器掉幀問題。
Branding / CDN品牌網站開發實戰:細節排版與 CDN 邊緣部署
響應式設計中捍衛品牌視覺完整性,以及透過 CDN 實現全球高併發部署。
Engineering / UI工業工程思維跨界:以模組化與 Mobile First 重構介面
將工廠佈局中「降低無效移動」的概念,轉化為行動優先的 UI 排版。
Monetization休閒遊戲商業化:廣告獎勵機制的架構重構
平衡玩家體驗與變現,將免費提示重構為整合 API 的廣告獎勵機制。
UX / StorytellingMagic Book:談數位互動腳本與學齡前沉浸式 UX
專注於幼童認知發展,探討如何利用動態文字生成打造互動故事體驗。
Serverless無伺服器實踐:利用 Cloudflare Pages 與 Apps Script
透過 Jamstack 架構,打造出零維護成本的自動化資料收集與定時報表系統。
Architecture取代三層式架構!企業內部稽核系統的雙層設計
利用「分支 - 單位」雙層結構大幅提升資料檢索與自動化報表生成的效率。
Unity / C#如何使用 Unity 開發網頁版數獨遊戲:演算法解析
數字邏輯結合視覺元素,剖析謎題生成演算法與 WebGL 輸出的效能調優。
關於 BK Tech & Systems 與技術架構
工作室理念與現代化部署
BK Tech & Systems 致力於消除多餘的系統耗損,將工業工程的流程優化精神帶入軟體開發。我們導入結構化的 CI/CD 工作流程,基礎設施依賴 Cloudflare Pages 與 GitHub 自動化同步,實現毫秒級部署與全球 CDN 加速。
企業級資料管理與數位流程
在系統架構設計上,我們偏好扁平化的雙層架構以取代複雜的三層設計,顯著提升資料檢索效率。結合無伺服器 (Serverless) 技術與自動化腳本,持續打造兼具極致效能與輕量維護成本的 Web 應用。