[{"content":" ","date":"2026/09/05","externalUrl":null,"permalink":"/","section":"","summary":"","title":"","type":"page"},{"content":"","date":"2026/09/05","externalUrl":null,"permalink":"/works/","section":"","summary":"","title":"","type":"works"},{"content":"","date":"2026/09/05","externalUrl":null,"permalink":"/tags/ai-agent/","section":"Tags","summary":"","title":"AI Agent","type":"tags"},{"content":"","date":"2026/09/05","externalUrl":null,"permalink":"/tags/api/","section":"Tags","summary":"","title":"API","type":"tags"},{"content":"","date":"2026/09/05","externalUrl":null,"permalink":"/categories/","section":"Categories","summary":"","title":"Categories","type":"categories"},{"content":"","date":"2026/09/05","externalUrl":null,"permalink":"/tags/dify/","section":"Tags","summary":"","title":"Dify","type":"tags"},{"content":"","date":"2026/09/05","externalUrl":null,"permalink":"/tags/flask/","section":"Tags","summary":"","title":"Flask","type":"tags"},{"content":"","date":"2026/09/05","externalUrl":null,"permalink":"/tags/python/","section":"Tags","summary":"","title":"Python","type":"tags"},{"content":"","date":"2026/09/05","externalUrl":null,"permalink":"/tags/","section":"Tags","summary":"","title":"Tags","type":"tags"},{"content":"","date":"2026/09/05","externalUrl":null,"permalink":"/categories/web/","section":"Categories","summary":"","title":"Web","type":"categories"},{"content":"為南臺科技大學相關服務打造的 Flask 後端 API，整合南臺入口網站帳號驗證、Dify 聊天機器人、FCM 推播通知與 Swagger API 文件，並支援新增路由檔即自動掛載，簡化功能擴充流程。 主要功能：\n自動路由註冊：於 pages/ 底下新增 .py 檔即自動掛載路由，不需手動註冊 Blueprint。 南臺帳號驗證：解析並驗證南臺入口網站簽發的登入 token（JWT Bearer）。 Dify 整合：串接 Dify 聊天機器人 API，作為 AI 助理的核心對話能力。 推播通知：整合 Firebase Cloud Messaging 發送通知。 Swagger API 文件：整合 flasgger，提供互動式 API 文件。 驗證碼防護：支援 Cloudflare Turnstile。 服務監控腳本：定時健康檢查，服務掛掉自動重啟；偵測到 git 有更新時也會自動重啟服務。 附加專案：STUST-API-Manager # 搭配此 API 服務所開發的後台管理面板，以 AlpacaPHP 框架打造，目前主要用於瀏覽、篩選（依時間區間）、匯出與刪除使用者回饋（Feedback）紀錄，前端以 Vue3 呈現對話內容與資料表格。同樣為私有專案。\n","date":"2026/09/05","externalUrl":null,"permalink":"/works/stust-ai-agent-api/","section":"","summary":"為南臺科技大學相關服務打造的 Flask 後端 API，整合南臺入口網站帳號驗證、Dify 聊天機器人、FCM 推播通知與 Swagger API 文件，並支援新增路由檔即自動掛載，簡化功能擴充流程。","title":"南臺 AI 助理 API（STUST AI Agent API）","type":"works"},{"content":"","date":"2026/01/15","externalUrl":null,"permalink":"/tags/mqtt/","section":"Tags","summary":"","title":"MQTT","type":"tags"},{"content":"","date":"2026/01/15","externalUrl":null,"permalink":"/categories/others/","section":"Categories","summary":"","title":"Others","type":"categories"},{"content":"","date":"2026/01/15","externalUrl":null,"permalink":"/tags/tkinter/","section":"Tags","summary":"","title":"Tkinter","type":"tags"},{"content":"一套跑在樹莓派等級裝置上、全螢幕運作的 Tkinter 觸控儲值機（Kiosk）程式，透過序列埠與點鈔機溝通，並以 HTTP 串接後端服務、MQTT 接收即時事件（如顧客掃碼儲值），為「WipePay」自助洗衣系統的實體儲值機台端。 主要功能：\n全螢幕觸控介面：以 Tkinter 打造的 Kiosk 介面，頁面採自動掃描註冊機制，新增頁面檔案即自動掛載。 點鈔機串接：透過序列埠與實體點鈔機通訊，偵測投入紙鈔面額並觸發儲值流程。 後端與即時通訊：以 HTTP 串接後端服務進行機台資訊查詢、訂單建立與點數核發；並透過 MQTT 接收顧客掃碼等即時事件，自動導頁至對應流程。 閒置自動返回：偵測操作閒置時間，逾時彈出確認視窗，無回應則自動導回首頁；並支援閒置輪播廣告畫面。 設定檔熱合併：啟動時自動將範例設定檔合併進實際設定檔，方便部署與環境切換（開發／正式）。 ","date":"2026/01/15","externalUrl":null,"permalink":"/works/laundry-posmachine/","section":"","summary":"一套跑在樹莓派等級裝置上、全螢幕運作的 Tkinter 觸控儲值機（Kiosk）程式，透過序列埠與點鈔機溝通，並以 HTTP 串接後端服務、MQTT 接收即時事件（如顧客掃碼儲值），為「WipePay」自助洗衣系統的實體儲值機台端。","title":"自助洗衣會員儲值系統 POS 機（Beat-Digital Solutions 捷奏數科）","type":"works"},{"content":"","date":"2024/09/25","externalUrl":null,"permalink":"/tags/chat-room/","section":"Tags","summary":"","title":"Chat Room","type":"tags"},{"content":"基於 WebSocket 技術的網頁即時聊天室應用，透過 Line 帳號登入，可以隨機配對陌生人 1 對 1 聊天，或者加入公開聊天室與大家暢聊。 該專案使用 Vue3、TocasUI(v5.0.1) 框架，以及 PHP-Swoole 套件。\nDemo：https://liners.alpaca.tw/public/\n","date":"2024/09/25","externalUrl":null,"permalink":"/works/liners/","section":"","summary":"基於 WebSocket 技術的網頁即時聊天室應用，透過 Line 帳號登入，可以隨機配對陌生人 1 對 1 聊天，或者加入公開聊天室與大家暢聊。","title":"網頁聊天室 - Liners 接線緣","type":"works"},{"content":"","date":"2024/08/02","externalUrl":null,"permalink":"/tags/php/","section":"Tags","summary":"","title":"PHP","type":"tags"},{"content":"","date":"2024/08/02","externalUrl":null,"permalink":"/tags/vue3/","section":"Tags","summary":"","title":"Vue3","type":"tags"},{"content":"透過 MQTT 即時控制與監控洗衣機、烘衣機狀態，並整合 LinePay、悠遊付、Fiuu、TWQR、優惠券、點數等多元支付方式。後端採用自研 PHP MVC 框架打造。 Dashboard 主要功能：\nMQTT 機台控制：透過 MQTT 與投幣式洗衣機、烘衣機通訊，即時接收投幣、運轉狀態與剩餘時間等資訊。 多元支付整合：支援 LinePay、悠遊付、Fiuu、TWQR、優惠券折抵及點數折抵等付款方式。 後台管理：提供機台、門市、管理員權限、交易紀錄等後台管理功能。 自研 PHP MVC 框架：非採用 Laravel 等現成框架，路由、資料庫存取、Class 載入皆為自行設計。 前端：以 PHP 伺服器渲染為主，搭配 Vue 3（ESM 引入，無需建置流程）強化互動體驗。 Online Site：https://wipepay.com.tw\n","date":"2024/08/02","externalUrl":null,"permalink":"/works/laundry-app/","section":"","summary":"透過 MQTT 即時控制與監控洗衣機、烘衣機狀態，並整合 LinePay、悠遊付、Fiuu、TWQR、優惠券、點數等多元支付方式。後端採用自研 PHP MVC 框架打造。","title":"自助洗衣數位管理系統（Beat-Digital Solutions 捷奏數科）","type":"works"},{"content":"","date":"2024/07/17","externalUrl":null,"permalink":"/tags/hugo/","section":"Tags","summary":"","title":"Hugo","type":"tags"},{"content":"","date":"2024/07/17","externalUrl":null,"permalink":"/tags/tocas-ui/","section":"Tags","summary":"","title":"Tocas UI","type":"tags"},{"content":"以 Hugo 打造的靜態網站，收錄多個獨立運作的線上小工具（Apps），無需建置流程、無外部主題，前端搭配 Vue 3 與 Tocas UI 開發各項互動工具。 主要功能：\n多工具集合：每個小工具皆為獨立的 Hugo Leaf Bundle，各自帶有專屬素材（樣式、腳本、圖片），方便持續擴充新工具。 免建置前端技術棧：全站以純 Vue 3（ESM）、Tocas UI、SweetAlert2 等函式庫直接引入，無需 npm 或打包工具。 自訂 RWD 工具：自製輕量的響應式 class 解析機制，依螢幕寬度切換樣式，取代手寫 media query。 導覽與友情連結可設定化：導覽列與友情連結頁面內容皆由 params.yaml 統一管理。 線上使用：https://uwu.alpaca.tw/\n","date":"2024/07/17","externalUrl":null,"permalink":"/works/alpacauwu/","section":"","summary":"以 Hugo 打造的靜態網站，收錄多個獨立運作的線上小工具（Apps），無需建置流程、無外部主題，前端搭配 Vue 3 與 Tocas UI 開發各項互動工具。","title":"線上小工具集合站 - AlpacaUwU 羊駝屋","type":"works"},{"content":"","date":"2024/07/01","externalUrl":null,"permalink":"/categories/line-bot/","section":"Categories","summary":"","title":"Line Bot","type":"categories"},{"content":"","date":"2024/07/01","externalUrl":null,"permalink":"/tags/line-bot/","section":"Tags","summary":"","title":"Line Bot","type":"tags"},{"content":"這是鄙人開發的小專案，也是想提供給南臺學生的一個小應用。 從 Threads 的生態獲得靈感，本應用的創建理念在於，希望用戶發表言論可以像是隨口一說般的即時、隨興，而沒有如其他社群平台的發文壓力。\n一段話，過了 24 小時就不復存在，隨即新的言論又如蜂群襲來。\n在如此高速更新的生態中，我想\u0026hellip; 這會是一個特別的體驗。\nDocs：https://st-buzzing.alpaca.tw/\n","date":"2024/07/01","externalUrl":null,"permalink":"/works/st-buzzing/","section":"","summary":"這是鄙人開發的小專案，也是想提供給南臺學生的一個小應用。","title":"社群論壇 Line Bot - ST-Buzzing 南台蜂鳴 (for 南臺科大學生)","type":"works"},{"content":"","date":"2024/01/27","externalUrl":null,"permalink":"/tags/stock/","section":"Tags","summary":"","title":"Stock","type":"tags"},{"content":"一個回測股市的應用，但缺乏策略，僅有獲取基本面及回測股價的功能，或許之後會再新增功能...？ Demo：https://stock.alpaca.tw/\n","date":"2024/01/27","externalUrl":null,"permalink":"/works/alpacastock/","section":"","summary":"一個回測股市的應用，但缺乏策略，僅有獲取基本面及回測股價的功能，或許之後會再新增功能...？","title":"臺灣股市回測系統 - AlpacaStock 割韭菜實驗室","type":"works"},{"content":"","date":"2023/12/15","externalUrl":null,"permalink":"/tags/pos/","section":"Tags","summary":"","title":"POS","type":"tags"},{"content":"為「米契有限公司(85105700)」撰寫網頁 POS 系統 AlpacaPOS，包含產品、用戶、顧客、訂單等功能。由 PHP 撰寫而成，使用 JS 框架 Vue3.js、CSS 框架 TocasUI v4、PHP 框架 AlpacaPHP。 ","date":"2023/12/15","externalUrl":null,"permalink":"/works/alpacapos/","section":"","summary":"為「米契有限公司(85105700)」撰寫網頁 POS 系統 AlpacaPOS，包含產品、用戶、顧客、訂單等功能。由 PHP 撰寫而成，使用 JS 框架 Vue3.js、CSS 框架 TocasUI v4、PHP 框架 AlpacaPHP。","title":"網頁 POS 系統 - AlpacaPOS","type":"works"},{"content":"用於匿名隨機配對陌生人聊天的 Line Bot，此專案預計以南臺科大學生作為主要客群。 可惜 Line 機器人用「push_message」API 時，訊息將會列入流量計算，而免費方案帳號之流量一個月限 200 則訊息，且付費方案也遠遠不夠支撐該應用之流量。因此，儘管程式功能已撰寫完畢，但還是於開發階段停止該專案的營運及後續發展計畫。\n","date":"2023/10/17","externalUrl":null,"permalink":"/works/stust-match/","section":"","summary":"用於匿名隨機配對陌生人聊天的 Line Bot，此專案預計以南臺科大學生作為主要客群。","title":"Line Bot - 隨機配對聊天 (for 南臺科大學生)","type":"works"},{"content":"一個前端使用 Tocas UI Framework，後端採用敝人開發的 PHP Framework 「AlpacaPHP」所撰寫的網頁應用。 該服務是一種叫做「短網址」的應用，可以將用戶所輸入的網址儲存於資料庫，並輸出成固定長度的網址。當用戶訪問服務輸出的短網址時，服務會導向該網址所對應的原始原址。\n該服務還加入了許多網址格式的判斷(例如是否含有 Port、IPv4 格式、是否填寫 http:// 等)，以及惡意網域的阻擋、提醒功能，以盡可能的防止使用者誤入惡意網站。並且我將其程式碼開源，希望能依靠社群共同維護。\nSource：https://github.com/Alpaca0x0/reurl/\nDemo：https://url.alpaca.tw/\n","date":"2023/07/05","externalUrl":null,"permalink":"/works/reurl/","section":"","summary":"一個前端使用 Tocas UI Framework，後端採用敝人開發的 PHP Framework 「AlpacaPHP」所撰寫的網頁應用。","title":"短網址服務 -「URL 縮起乃」","type":"works"},{"content":"此為敝人於大學期間的研究專題，其主題為美國及臺灣之防災科技產業的專利分析，旨在透過分析現有防災專利，掌握防災科技產業之趨勢，推估未來相關科技走向，找出能用於防災產業當中的新技術，以改善現有防災科技，及搶先國際防災科技市場推動新技術，為我國爭取商機。 學術性的災害防治方法大致能分為工程與科技，若能從中得到重要防災專利，我們可當成重要源頭，亦可得知重要的關鍵字、國際分類、公司等。本研究以美國USPTO專利資料庫為研究範圍，其主要原因為許多大廠對於他們獨有的產品，多半會申請美國專利，才能於美國要約、銷售、製造、販賣、使用，因此我們認為該市場具有相當的參考價值。\n由於初次進入防災科技領域，因此我們決定先針對水災、火災、震災、旱災等全球常見主要災害，擬從相關的關鍵字著手，希望能得到前十大專利最多的IPC分類。除了災害本身作為關鍵字外，還需要對該災害進行聯想，如相關企業、科技、名詞、動詞、形容詞等關鍵字。整理好關鍵字後則開始進行搜尋，找出防災與科技相符合的專利，將結果範圍訂定在美國公告的專利，即美國申請通過之專利，並從中篩檢並去除無關資料，留下與此研究相關的有效專利作為研究依據。\n在本研究策略下的檢索結果發現，其專利最多的分類為G08B(警報裝置)，這可能意味著在防災領域中，研究者們都盡力保持著「預防勝於治療」的概念。其相關災害之專利最多者為火災，在文明社會中，電器引發的火災事件並不在少數，因此在此災害的相關專利也就更被為重視；另外我們也發現，於防災科技當中使用大數據和物聯網雲端運算等技術，可用以快速得知情報，也能快速偵測並分析出災難發生時存在多少風險，其運算能力既快速又準確；而物聯網技術在防災應用中也有著重要定位，這些防災應用大多需要仰賴感測器作為第一線獲取資料的裝置，後續這些資料再藉由程式軟體運算、使用。近幾年人們開始普及許多物聯網應用，例如用於火災警報的煙霧檢測器，或是用於風災的風速測量儀，以及各類智能產品等，都屬於物聯網的應用。\n在研究中，我們得知使用虛擬實境互動進行災害演練，對使用者的防災知識有不錯的提升效果，在醫學上也有使用VR技術實施教育訓練的案例，如亞東醫院就曾使用VR技術於火災逃生演練。且我國的宏達國際電子公司是VR眼鏡五大品牌之一，可以推斷我國在發展VR相關應用上較他國能有著更多優勢，例如能以更低的成本採購VR眼鏡等。並且在我們的檢索範圍內觀察到目前與VR相關的專利不多，僅僅不到十筆搜索結果，推斷其技術於防災產業中發展空間甚大。使用VR(虛擬實境)或AR(擴增實境)技術進行防災訓練，能讓訓練者更熟悉逃生流程、設備使用方式等，提升國人的防災觀念，進而降低災害發生時的傷亡。在災難訓練當中，最缺乏的不外乎就是臨場感，而VR技術則可以將使用者帶入虛擬場景中，感受身歷其境的體驗。若平時防災訓練所使用的虛擬場景能夠更加真實的呈現，那麼平時充分接受訓練的使用者在災難發生時，相較他人更能適應及冷靜，使其臨危不亂的應對。透過與AR技術的配合，更是能在日常所會接觸的區域作防災演練，如學校、住宅、公司等，用以提升日常生活中災難到來時的反應速度。綜上所述，因此我們建議我國防災相關產業可朝該方面多多發展，搶先一步進入市場爭取商機。\n","date":"2023/01/01","externalUrl":null,"permalink":"/works/%E5%BE%9E%E7%BE%8E%E5%9C%8B%E5%B0%88%E5%88%A9%E5%88%86%E6%9E%90%E9%98%B2%E7%81%BD%E7%A7%91%E6%8A%80%E4%B9%8B%E6%9C%AA%E4%BE%86%E8%B6%A8%E5%8B%A2/","section":"","summary":"此為敝人於大學期間的研究專題，其主題為美國及臺灣之防災科技產業的專利分析，旨在透過分析現有防災專利，掌握防災科技產業之趨勢，推估未來相關科技走向，找出能用於防災產業當中的新技術，以改善現有防災科技，及搶先國際防災科技市場推動新技術，為我國爭取商機。","title":"從美國專利分析防災科技之未來趨勢","type":"works"},{"content":"","date":"2022/11/14","externalUrl":null,"permalink":"/series/paka/","section":"Series","summary":"","title":"Paka","type":"series"},{"content":"","date":"2022/11/14","externalUrl":null,"permalink":"/series/","section":"Series","summary":"","title":"Series","type":"series"},{"content":"專案「Paka」的第二版本，採用第 4 版的 Tocas-UI 框架。 保留先前版本的 Web Router 設計，新增了「留言回覆」的概念，且貼文、留言、回覆均可按讚；在編輯、刪除等操作時，新增了動畫效果來豐富使用者體驗；當內文太長時，也會僅顯示部份內容，並以「\u0026hellip;顯示更多」按鈕讓使用者選擇是否展開全文。\n相比第一版，API 採用迭代的方式獲取文章及相關留言等資訊，而不是笨拙的獲取大量資料。\nSource：https://github.com/alpaca0x0/paka/tree/v2\nDemo：https://paka.alpaca.tw/\n","date":"2022/11/14","externalUrl":null,"permalink":"/works/paka-v2/","section":"","summary":"專案「Paka」的第二版本，採用第 4 版的 Tocas-UI 框架。","title":"社群網站 -「Paka v2」","type":"works"},{"content":"","date":"2022/11/05","externalUrl":null,"permalink":"/categories/ar/","section":"Categories","summary":"","title":"AR","type":"categories"},{"content":"","date":"2022/11/05","externalUrl":null,"permalink":"/tags/ar/","section":"Tags","summary":"","title":"AR","type":"tags"},{"content":"有些時候需要與他人討論抽象的概念，例如程式邏輯、心理分析等，又或者在做線索拼湊、沙盤推演時，會需要將許多資料展開擺放，以方便構思及重組邏輯。 如福爾摩斯等偵探或警探類的影視作品中，時常充斥著堆放滿桌的文件，以及牆上用圖釘及紅線搭建成的各節點關係網絡圖等。由此可見「視覺輔助」對大多數人的邏輯思考極為重要。電影「Iron Man (鋼鐵人)」中，主角 Tony Stark 在研發武器時，總是會使用立體投影的方式將虛擬的零件攤開擺放，並實際用手對空操作，包括拖拉物件、旋轉展示物件、沙盤演算實驗等。 這樣子的作法不但可以不被硬體裝置的操作限制，也更加直覺，對邏輯思考更有幫助。\n許多 AR(擴增實境) 及 VR(虛擬實境) 技術所發展的應用早已普及，世界各地學者也多次嘗試將這些技術用於各式的操作訓練上，如消防演練、駕駛路考模擬、飛機模擬飛行等，但卻較少用於如手術模擬及一些較為細節的工程領域。這是因為傳統的 AR 技術仰賴 2D 影像辨識的運算，若想單純透過辨識 2D 影像繪製出 3D 建模，那結果將會是不準確且高誤差的。雖說 AI(人工智能) 技術強大，能用於矯正這些辨識誤差，但也實在難以達到高準確度的判斷，因此若將該科技就此用於手術模擬上，那將導致不可靠的訓練結果。本研究所提出的概念為，與其完全依賴影像辨識，不如將影像辨識與動作捕捉配備混合使用。\n在大多數的外科手術上，快速了解患者身體狀況是極為重要的一環，過程往往需要爭分奪秒。本研究認為若是能將 X 光等影像透視技術與動作捕捉服裝結合，使 AI 透過影像辨識渲染出患者軀體的 3D 物件外，同時透過動作捕捉服裝取得患者肢體 3D 建模，將兩者數據交叉比對及校正，那麼將大大增加該患者軀體之 3D 物件的渲染準確度。甚至透過動作捕捉服裝監測患者的肢體運動，可以判斷出關節及肌肉分布，進行二次的校正，將 3D 建模準確度最佳化。最後，在擁有患者準確的軀體 3D 建模後，手術醫生便能在手術前事先於沙盤軟體模擬各種手術的細節操作，如落刀點、角度、力道等，以此增加實際手術時的成功機率。\n","date":"2022/11/05","externalUrl":null,"permalink":"/works/%E5%9F%BA%E6%96%BCar%E7%9A%84%E7%AB%8B%E9%AB%94%E5%85%A7%E8%87%9F%E9%A0%90%E8%A6%BD%E6%A6%82%E5%BF%B5/","section":"","summary":"有些時候需要與他人討論抽象的概念，例如程式邏輯、心理分析等，又或者在做線索拼湊、沙盤推演時，會需要將許多資料展開擺放，以方便構思及重組邏輯。","title":"基於AR的立體內臟預覽概念","type":"works"},{"content":"","date":"2022/06/01","externalUrl":null,"permalink":"/tags/framework/","section":"Tags","summary":"","title":"Framework","type":"tags"},{"content":"","date":"2022/06/01","externalUrl":null,"permalink":"/tags/web-router/","section":"Tags","summary":"","title":"Web Router","type":"tags"},{"content":"一個簡單的 PHP 框架，包含著 Web Router 的設計，及更加直覺化的檔案引入方式。另外設有多個優化的常用功能，如資料的類型驗證、類型轉換、回應格式處理...；還有像是 PDO 資料庫連接的語法簡化... 等。 ","date":"2022/06/01","externalUrl":"https://github.com/Alpaca0x0/AlpacaPHP/","permalink":"/works/alpacaphp/","section":"","summary":"一個簡單的 PHP 框架，包含著 Web Router 的設計，及更加直覺化的檔案引入方式。另外設有多個優化的常用功能，如資料的類型驗證、類型轉換、回應格式處理...；還有像是 PDO 資料庫連接的語法簡化... 等。","title":"迷你 PHP 框架 - AlpacaPHP","type":"works"},{"content":"該站點使用 Vue3 框架及敝人所開發的 PHP 框架「AlpacaPHP」所架設。起初該站點僅僅是用於練習撰寫 PHP、JavaScript、Vue3 框架，及磨練後端系統設計、資料庫管理等能力，最終在朋友們的鼓勵及成就感的激勵之下，完成了該社群網站。 該站點之主要功能如同一般社群平台般，除了基本的貼文、留言、回覆留言等功能外，更多心力則是聚焦在資訊安全的部分。從用戶註冊時的 SMTP 發送驗證信件及後續 Token 驗證，到用戶登入時及登入後的一系列過程，為此也設計了許多資安子系統作為支撐。該站點的後端系統有著嚴格的驗證，任何操作都將會被驗證及紀錄。秉持資訊安全的初衷，於該站點註冊時所輸入的非必須可逆的敏感資訊(如密碼)，將會被使用 SHA256 雜湊演算法運算後存放，以確保原資料不易被洩漏及破解。\n由於該專案為敝人一手打造及維護，礙於課業及升學壓力，於完成當前功能後，便停止對該專案繼續更新，轉而將心力投入在學校課程及作業、報告、專題等。\nSource：https://github.com/alpaca0x0/paka/tree/v1\nDemo：https://paka-v1.alpaca.tw/\n","date":"2021/11/13","externalUrl":null,"permalink":"/works/paka-v1/","section":"","summary":"該站點使用 Vue3 框架及敝人所開發的 PHP 框架「AlpacaPHP」所架設。起初該站點僅僅是用於練習撰寫 PHP、JavaScript、Vue3 框架，及磨練後端系統設計、資料庫管理等能力，最終在朋友們的鼓勵及成就感的激勵之下，完成了該社群網站。","title":"社群網站 -「Paka」","type":"works"},{"content":"","date":"2021/11/05","externalUrl":null,"permalink":"/categories/block-chain/","section":"Categories","summary":"","title":"Block-Chain","type":"categories"},{"content":"","date":"2021/11/05","externalUrl":null,"permalink":"/tags/block-chain/","section":"Tags","summary":"","title":"Block-Chain","type":"tags"},{"content":"探討醫療上的病例資料使用非對稱加密後，再使用區塊鏈傳輸，以提高資料在各地醫療單位的流通效率(在授權的情況下)，及保障患者隱私的可行性。 ","date":"2021/11/05","externalUrl":null,"permalink":"/works/%E5%9F%BA%E6%96%BC%E5%8D%80%E5%A1%8A%E9%8F%88%E7%9A%84%E9%86%AB%E7%99%82%E8%B3%87%E8%A8%8A%E5%85%B1%E4%BA%AB%E4%B9%8B%E9%9A%B1%E7%A7%81%E4%BF%9D%E9%9A%9C-privacy-protection-of-medical-information-sharing-based-on-blockchain/","section":"","summary":"探討醫療上的病例資料使用非對稱加密後，再使用區塊鏈傳輸，以提高資料在各地醫療單位的流通效率(在授權的情況下)，及保障患者隱私的可行性。","title":"基於區塊鏈的醫療資訊共享之隱私保障 (Privacy Protection of Medical Information Sharing Based on Blockchain)","type":"works"},{"content":"在過去不論921地震、八仙樂園塵爆事件或日本311海嘯等災害，都有許多來自世界各地的救濟善款。這些善款積少成多，最終總計的金額非常可觀，但也不得不提防在相關單位中，是否存在有心人士私自挪用這些款項。 本研究之目的為創建一個可將善款流向公開透明化的方法，而提到公開且透明化，我第一個想到的便是區塊鏈技術。透過區塊鏈紀錄捐款事件並非難事，但要如何在確保捐款者隱私的情況下，公開僅有捐款者自身可逆的證明方法。其中使用SHA256雜湊演算作為驗證，以確保資料完整性，也藉此達到僅有捐款者方能夠證明其自身捐款者身分。\n","date":"2021/10/05","externalUrl":null,"permalink":"/works/%E5%8D%80%E5%A1%8A%E9%8F%88%E5%96%84%E6%AC%BE%E8%BF%BD%E8%B9%A4%E6%A6%82%E5%BF%B5%E8%A8%AD%E8%A8%88/","section":"","summary":"在過去不論921地震、八仙樂園塵爆事件或日本311海嘯等災害，都有許多來自世界各地的救濟善款。這些善款積少成多，最終總計的金額非常可觀，但也不得不提防在相關單位中，是否存在有心人士私自挪用這些款項。","title":"區塊鏈善款追蹤概念設計","type":"works"},{"content":"","date":"2021/07/13","externalUrl":null,"permalink":"/tags/bingmap/","section":"Tags","summary":"","title":"BingMap","type":"tags"},{"content":"","date":"2021/07/13","externalUrl":null,"permalink":"/tags/cctv/","section":"Tags","summary":"","title":"CCTV","type":"tags"},{"content":"","date":"2021/07/13","externalUrl":null,"permalink":"/tags/html5/","section":"Tags","summary":"","title":"HTML5","type":"tags"},{"content":"","date":"2021/07/13","externalUrl":null,"permalink":"/tags/openweathermap/","section":"Tags","summary":"","title":"OpenWeatherMap","type":"tags"},{"content":"這是一個前端使用 Tocas-UI 框架所搭建而成，可用於查詢天氣資訊、水災風險預測及警報、歷史災害體驗、洪水模擬、街道即時影像查看的 HTML5 網頁應用。 其中所使用的三個核心 API 分別是：負責處理模糊查詢及地圖顯示的「BingMap API」；提供各地區天氣資訊的「OpenWeatherMap API」；提供臺灣公路街道 CCTV 即時影像的「臺灣交通部公路總局 - 街道 CCTV API」。 該應用融合了 HTML5 的推播功能，讓移動裝置的用戶更像是在使用應用程式般，透 過該技術，也能使網頁於背景執行，並接收網站所傳送的彈出式通知。\n有別於其他市面上普遍水災預警的應用，該應用並非僅僅是檢測受測地區之降雨量是否超過標準值，用以判定是否可能發生水災，而是可以透過設定上下游的節點關係，以進行受測地區的上游節點天氣檢測，並將降雨量進行運算後判斷是否高過受測地區之降雨量標準值。\nDemo：https://wowmap.alpaca.tw\n","date":"2021/07/13","externalUrl":null,"permalink":"/works/wowmap/","section":"","summary":"這是一個前端使用 Tocas-UI 框架所搭建而成，可用於查詢天氣資訊、水災風險預測及警報、歷史災害體驗、洪水模擬、街道即時影像查看的 HTML5 網頁應用。","title":"WowMap 防災地圖","type":"works"},{"content":"","date":"2021/04/05","externalUrl":null,"permalink":"/categories/ai/","section":"Categories","summary":"","title":"AI","type":"categories"},{"content":"","date":"2021/04/05","externalUrl":null,"permalink":"/tags/ai/","section":"Tags","summary":"","title":"AI","type":"tags"},{"content":"2019 年末，Covid-19 疫情襲來，當時民眾普遍低估了該疫情的可怕，也沒有良好的防範意識。許多人為了不被確診而影響工作，不惜隱瞞自己的不適感，此刻在某些非必要攜帶口罩的場合(如餐廳)，判斷民眾是否受感染成了重要的一項任務，無奈對民眾一一檢查症狀卻又是不實際的作法。 起初該作品主要目的為使用人臉辨識技術，識別民眾的表情，並透過數據分析民眾是否感到不適且刻意隱瞞。該應用可以選擇讓 AI 隨機生成人臉圖片，或是上傳圖片、輸入圖片網址等。在按下開始分析按鈕後，系統將會調用人臉辨識 API 進行辨識，最終將辨識結果返回至頁面。\n但由於個人的學校作業、專題及升學壓力，該專案於初始階段不得不停止開發，後續也就不再更新，因此目前僅僅有著辨識表情、情緒等功能，並無法如期辨識有不適感的民眾臉部特徵。\n","date":"2021/04/05","externalUrl":null,"permalink":"/works/faceanalyzer/","section":"","summary":"2019 年末，Covid-19 疫情襲來，當時民眾普遍低估了該疫情的可怕，也沒有良好的防範意識。許多人為了不被確診而影響工作，不惜隱瞞自己的不適感，此刻在某些非必要攜帶口罩的場合(如餐廳)，判斷民眾是否受感染成了重要的一項任務，無奈對民眾一一檢查症狀卻又是不實際的作法。","title":"FaceAnalyzer 情緒分析","type":"works"},{"content":"","date":"2021/01/16","externalUrl":null,"permalink":"/categories/crawler/","section":"Categories","summary":"","title":"Crawler","type":"categories"},{"content":"","date":"2021/01/16","externalUrl":null,"permalink":"/tags/crawler/","section":"Tags","summary":"","title":"Crawler","type":"tags"},{"content":"這是一個 Python 撰寫而成的爬蟲程式，其主要目的是下載 Instagram 中公開貼文的照片。透過輸入相關的 Hashtag，即可爬取有該 Hashtag 的公開貼文，並自動下載圖片。 ","date":"2021/01/16","externalUrl":"https://github.com/alpaca0x0/InsTag/","permalink":"/works/instag/","section":"","summary":"這是一個 Python 撰寫而成的爬蟲程式，其主要目的是下載 Instagram 中公開貼文的照片。透過輸入相關的 Hashtag，即可爬取有該 Hashtag 的公開貼文，並自動下載圖片。","title":"InsTag (Instagram-Tags Crawler)","type":"works"},{"content":"一個 Python 撰寫而成，用於下載 Xvideos 網站上影片的爬蟲程式，這是我的第一個 Python 專案。 ","date":"2020/01/12","externalUrl":"https://github.com/Alpaca0x0/PyCrawler-XVideosDownloader/","permalink":"/works/xd---xvideo-downloader/","section":"","summary":"一個 Python 撰寫而成，用於下載 Xvideos 網站上影片的爬蟲程式，這是我的第一個 Python 專案。","title":"XD (Xvideo Downloader)","type":"works"},{"content":"過去我習慣將所學使用數位的方式撰寫筆記，經友人建議後，開始著手嘗試將這些筆記作為部落格撰寫。不僅僅是磨練自身的文章撰寫能力，也能將自己的所學知識分享給更多同在此學習道路上的學者們。 該站點之文章皆是使用「Markdown」語法撰寫，並使用工具「Hugo」將其渲染為靜態頁面(早期我使用「Hexo」引擎)，最後將靜態頁面透過「Github」所提供的服務「Github Pages」做網頁託管。除此之外，更是在該站點上加入了兩項由 Google 提供的功能，其一為可用於流量分析的「GoogleAnalytics」；其二為可在網頁中置入廣告以賺取廣告費的「GoogleAdSense」，用以維持我在購買網域所支出的費用。\nLine：https://blog.alpaca.tw/\n","date":"2019/12/20","externalUrl":null,"permalink":"/works/blog/","section":"","summary":"過去我習慣將所學使用數位的方式撰寫筆記，經友人建議後，開始著手嘗試將這些筆記作為部落格撰寫。不僅僅是磨練自身的文章撰寫能力，也能將自己的所學知識分享給更多同在此學習道路上的學者們。","title":"Alpaca's Note 資訊技術筆記部落格","type":"works"},{"content":"","date":"2019/12/20","externalUrl":null,"permalink":"/categories/blog/","section":"Categories","summary":"","title":"Blog","type":"categories"},{"content":"","date":"2019/12/20","externalUrl":null,"permalink":"/tags/blog/","section":"Tags","summary":"","title":"Blog","type":"tags"},{"content":"","date":"2019/12/20","externalUrl":null,"permalink":"/tags/github-pages/","section":"Tags","summary":"","title":"Github Pages","type":"tags"},{"content":"","date":"2019/12/20","externalUrl":null,"permalink":"/tags/google-adsense/","section":"Tags","summary":"","title":"Google Adsense","type":"tags"},{"content":"","date":"2019/12/20","externalUrl":null,"permalink":"/tags/google-analytics/","section":"Tags","summary":"","title":"Google Analytics","type":"tags"}]