為什麼我做了 Gaze Guard:咖啡廳工作者的隱私保護工具開發緣起
在咖啡廳工作,最怕有人偷看螢幕。這篇文章記錄了 Gaze Guard 的開發緣起——一個用 Zero-Data 原則打造、完全本機運行的隱私保護 Chrome Extension。
在咖啡廳工作,最怕有人偷看螢幕。這篇文章記錄了 Gaze Guard 的開發緣起——一個用 Zero-Data 原則打造、完全本機運行的隱私保護 Chrome Extension。
How much battery does running MediaPipe face detection in a Chrome extension cost? Measured SoC-level numbers comparing monitoring on vs. off, with a GPU/ANE breakdown.
MediaPipe 在 Chrome Extension 背景持續跑人臉偵測到底多耗電?實測 SoC 層級數據,拆解 GPU/ANE 開銷。
Use your webcam to detect when someone is peeking at your screen — flash a visual alert or quietly switch tabs. All processing is local; frames never leave your device.
用筆電鏡頭偵測有人偷看你的螢幕,觸發時跑出警示光或自動切換分頁。所有運算本機完成,畫面不外傳。從安裝、授權到偵測參數調校的完整教學。
實測 9 種模型辨識台灣發票,gemini-3.1-flash-lite 以 1.8 秒、94.9% 準確率、費用便宜,拿下綜合第一,Gemma4:26b 卻意外輸給更小的 e4b。
一個只會說 How do you do 的 Go 玩具服務,卻讓我把 Cloud Run IAM、Workload Identity Federation、ID Token vs Access Token 都研究了一遍。
內網 Mac Mini 不開 port、不需 VPN,用 self-hosted runner 讓 GitHub Actions 自動觸發 docker compose 部署,含 launchd service 設定與 Docker PATH 修正。
學習如何在 Ghost CMS 加入語法高亮功能,透過 Code Injection 或主題整合兩種方式實作 Prism.js,並善用複製按鈕、行號等進階插件。
推薦閱讀不只是「最新文章」,應該是「跟這篇有關的文章」。本文示範如何讓 Claude Code 直接修改 Ghost 主題模板,實現依 tag 的智慧推薦。
Ghost 預設的 Direct 發信在雲端環境幾乎不可靠。記錄我把 Ghost 改成 Brevo SMTP 的完整過程,以及如何找出容器真實的出站 IP 解決白名單問題。
This is SteepingLogic, a brand new site by CL HSIEH that's just getting started. Things will be up and running here shortly, but you can subscribe in the meantime if you'd like to stay up to date and receive emails when new content is published!
演算法
我發現這些 leetcode 好像依照不同的題型會有類似的解法,所以請 AI 幫我統整每一個種類題型的解題方向。大致上可以分成 9 種類型,如果遇到這類型可以先往每個類別中列出的解題方法來思考,在這裡做個紀錄 1. Array Problems * Two Pointers: Used for problems like finding pairs, subarrays, or for partitioning arrays. * Example: 283 (Move Zeroes), 11 (Container With Most Water). * Sorting: Often needed before applying binary search or two-pointer techniques. * Example: 56 (Merge Intervals)
小韭菜開發日記
網站設置好以後過了幾天,即使我已經設定好了CA 憑證,瀏覽器左上角也變成鎖頭 SSL 連線加密模式了,Google Search Console 依然沒有辦法判定我的網站是 https 安全網站。 應該也是有人跟我遇到相同的情況吧? 這邊分享一下後來怎麼解決這個問題的 301 永久轉址 首先就是先上我的網域,然後看看 http 未加密連線 http://my-domain 的請求有沒有被轉到 https 去 有!很好,所以問題不是出在這裡。如果沒有的話可以參考這裡去設定: https://www.a2hosting.com/kb/security/ssl/redirecting-users-to-ssl-connections/ Mix content 使用工具 why no padlock 檢查原因 根據官方的指引,可以使用這個網站來檢測是什麼問題造成沒有 https: https://www.whynopadlock.
程式
最近完成了一個新作品:製作形象官網 算是第一次製作別人的網站,中間遇到不少問題,還好關關難過關關過 這篇要偷偷偷渡一下這個網站:翰瑀實業 翰瑀實業 Subtitle for This Block 擁有多年的外銷經驗,幫助過許多台灣廠商快速上架到海外實體通路 是你外銷路上的好夥伴,提供商品出口、通路上架以及行銷推廣的一條龍服務! 因為大多都是靜態功能,所以選擇用一頁式網站呈現 裡面用上了酷炫的幻燈片功能,讓照片以輪播 除此之外還有圖片 fade in 的效果 還另外設計了表單與收發信的功能 整個從零開始慢慢長出來,感覺滿有成就感的~ 要是您也想製作類似的網站,可以來在下方留言 :)
程式
開發的時候,都是直接在開發電腦上安裝 php, mysql, nodejs, nginx 但是要搬移到 server 的時候實在是痛苦不堪,所有的東西都要再安裝一次 php 尤其麻煩,還要安裝一堆擴充套件,要一個一個錯誤嘗試實在吐血 想要解決這個煩人的問題,當然就是服務容器化啦! 這樣以後要再次部署,但是那些 queue worker 要怎麼跑呢?放在跟主程式同一個 container 總覺得不太對勁,而且還不能平行擴展。還有那些排成怎麼辦呢?去 container 裡面設定 cronjob 嗎? 還好已經有許多強者做過這樣的操作了,我只要照著做一遍就可以了。 這裡提供我參考的網站,裡面寫得滿詳細的:Running the Laravel Scheduler and Queue with Docker 總結來說,就是讓每個 queue worker 去用跟 laravel server
程式
使用 mysql v8 當資料庫,某一天查看硬碟使用量赫然發現竟然用了 100 多 GB 的空間! 我就感到好奇了,我的總資料量也才 600MB,加上一些衍生計算和 index 應該也不會超過 5 GB 的使用量。所以我就開始檢查為什麼 mysql 會突然佔用了這麼多的空間。 在 /var/lib/mysql 路徑底下多了好多個 binlog.XXXXXX 的檔案,每個檔案都不小。上網查詢後才知道這些是 mysql 的更新操作所產生的語法紀錄,是用來還原資料或是叢集資料庫架構所需要的紀錄檔案,但我只是單資料庫架構的話好像就不需要一直產生這樣的 log 出來。 從網路上的資料看起來有幾種調整方式: 調整 binlog_expire_logs_seconds 值,縮短過期清除時間 默認是 2592000s => 30 天
程式
相信很多使用 PHP 的朋友們都有使用過 array_merge 這個 function,不知道大家有沒有遇到下面這種情況 $arr1 = ['2023' => 'a']; $arr2 = ['2023' => 'A', '2024' => 'B']; $arr3 = array_merge($arr1, $arr2); 大家知道結果會是什麼嗎? 不囉嗦,直接上圖 有什麼方法可以解決因為 is_numeric 的 index 造成的這種問題呢? 答案是:array + array 但是要小心 array
小韭菜開發日記
2024 年最多人討論的幾個標的殖利率都滿好的,0056 以 6.57% 拔得頭籌,00940 表現得怎麼樣呢
程式
在自己的伺服器建立了一個 wordpress 網站,也成功的使用了自己的域名,結果在安裝佈景主題的時候遇到了難解的問題 不知道為什麼安裝完 Elementor 外掛後,只要關閉瀏覽器重新進到後台,要進到 Elementor 編輯頁面就會出現這個畫面 暫時還無解☹️ 不過在 Debug 的過程中發現了其他的問題,像是 apache 說沒有 server name 跟系統時區錯誤的問題。 沒想到要弄一個自己的 wordpress 會有這麼多坑要踩
程式
原本都是在 medium 分享文章,不過後來 medium 會限制免費閱讀的文章數量,非付費會員的文章排名也會比較後面。 許多技術分享的的神人們也慢慢的脫離了這個平台自己建自己的部落格。 綜合上述的種種原因後覺得好像也可以自己來弄一個,畢竟我也是一個資訊人員,也可以自己動手來弄一個。於是乎這個網站就誕生了!
程式
其實比較想打成動手踩坑 Cordova… 為啥不是 install 完就可以用啊,還有一堆有的沒的版本套件問題
程式
在使用 Windows OS 做開發的時候,常常莫名其妙要開 docker container 的時候發生錯誤,看錯誤訊息是 port 被占用。但我才剛開機啥都還沒開怎麼會被占用? 於是 Google 了一下發現知名的 Will保哥有寫了一個詳細的紀錄。 感謝保哥!
程式
紀錄一下Mockey 使用的方法