要製作一個好網站,除了要有好的內容外,也要有好的分享功能,讓使用者可以輕鬆地分享網站的內容到各社群媒體上,而這些社群媒體除了擁抱開放標準的 Open Graph protocol 外,其各自也有自己的 Meta Tags 定義,這篇文章我就來介紹一下有哪些是 Web 開發人員需要知道的。
... 繼續閱讀 ...
最近一直在弄客戶網站上線前的準備事項,我們在進行前端效能調校時,當然不免俗的要用 Lighthouse (GitHub) 跑一遍,結果發現除了效能殺手 Google Fonts 無解外,另一個主要的效能殺手就是沒有經過優化的圖片,畢竟圖片都是從後台上稿的,如果沒有好好的處理,是有可能會影響到用戶體驗的。今天我就來介紹一套我用很久的 Squoosh.app 網站與 Squoosh CLI 命令列工具。
... 繼續閱讀 ...
我們現在經常在專案中大量的使用 Postman 進行 API 測試,不但 API 測試變的非常方便,搭配 Postbot 這套內建的 AI 助理,更能夠大幅提昇 API 測試的開發效率。這篇文章我就來分享幾個撰寫 API 測試的小技巧。
... 繼續閱讀 ...
老牌的無障礙網頁檢測工具 Freego 歷經多次改版,它的 UX 依然是完全沒有任何改進,認真覺得難用難上手。今天這篇文章我就來說明如何安裝,因為你連要無腦的順利跑起來都有點難度。
... 繼續閱讀 ...
如果要問我哪一套壓力測試工具最好用,我會說 k6 絕對是開發者體驗最好的一種,他可以讓你用簡單易懂的 JavaScript 就可以撰寫出各種壓力測試的情境,而且我們這幾年的專案也用了幾次,感覺相當不錯。這篇文章我就帶大家快速上手這套 k6 怎麼用。
... 繼續閱讀 ...
身為一個 Postman 的忠實用戶,我們已經用了好多年了,一路走來看著 Postman 不斷長大,功能也越來越多、越來越完善,不過也帶來了一些小困擾。早期我們要共用 Collection 給別人,只要用 Share 功能就可以快速產生一個網址,該網址複製給別人就可以快速匯入,非常方便。新版本的 Postman 的 Share 功能已經改用 API keys 來進行共用,所以只要把 API key 刪除就可以解除共用,安全又便利!今天這篇文章我就來說說刪除這些公開 Share 集合的方法。
... 繼續閱讀 ...
自然人憑證通常都只有每年要報稅的時候才會用,不然就是政府的線上服務會用到,一般企業鮮少使用,原因無他,就是各種憑證應用的 UX 實在是太差了。最近因為被一家客戶要求要用工商憑證與自然人憑證簽署 NDA 文件,過程非常的坎坷,拖了兩個星期都沒簽好,今天則是遇到 HiCOS 跨平台網頁元件無法連線的問題,我打算來說說我今天的解決方法。
... 繼續閱讀 ...
由於每一家不同的 OAuth 2.0 Provider 對於 Refresh Token 的核發方法都不盡相同,這篇文章我打算記錄一下 Google OAuth 2.0 發出 Refresh Token 的方法。
... 繼續閱讀 ...
我最近在公司內寫了不少 ChatGPT 外掛,幫助同仁更好的利用 ChatGPT 來輔助開發或完成例行工作,我趁著這次連續假期,抽了一個晚上的時間來將其中兩個功能打包成 Chrome/Edge 瀏覽器的擴充套件,並且成功上架到 chrome 線上應用程式商店,套件名稱就叫做:ChatGPT 萬能工具箱。這篇文章我就來介紹一下這個工具可以怎麼用!
... 繼續閱讀 ...