The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

如何利用 ChatGPT 有效率的將網站中所有 jQuery 轉換成 VanillaJS

我最近把我的部落格公司官網jQuery 完整移除,全部都改用 VanillaJS 來實現原本的功能,原本以為網站會需要改很多地方,但實際動手下去實現之後才發現其實也沒那麼難,只要你有強大的工具在手,這件工作其實很簡單,這篇文章我就來分享我的方法。

... 繼續閱讀 ...

如何使用 ImageMagick 批次將 PNG 圖片轉檔成 AVIF 與 WebP 格式

最近一直在優化我的部落格網站,有常來逛的人應該都可以明顯感受出效能提升,我的其中一個優化項目就是開始使用最新潮的 WebPAVIF 圖檔格式。這篇文章我就來分享如何透過強大的 ImageMagick 工具來批次轉換各種圖片格式。

... 繼續閱讀 ...

如何讓 LINQPad 輸出的 JSON 結果可以顯示語法高亮

我經常透過 LINQPad 撰寫一些範例程式或實驗一些 C# 的新特性,其中最常使用的一個 API 就是 LINQPad 內建的 .Dump() 擴充方法了,他可以將一些執行結果輸出在結果視窗中,非常方便。如果要說缺點,應該就是沒有語法高亮(Syntax Highlight)了吧!這篇文章我來分享一個小技巧,幫助你在輸出結果呈現語法高亮!👍

... 繼續閱讀 ...

介紹好用工具:從 Microsoft Store 安裝 WSL 1.0 版

WSL (Windows Subsystem for Linux) 經過多年的發展,已經到達了相當穩定的階段,微軟在 2022/11/22 推出 1.0 正式版本,如果你還沒用過,那你真的要考慮試試。今天這篇文章我從如何安裝開始講起,並介紹新版本帶來了哪些新功能。

... 繼續閱讀 ...

如何使用 Windows 10 內建的備份功能進行正確且完整的電腦備份

雖然所有人都說「備份」很重要,但大家都不想花錢額外買備份軟體,那怎麼辦呢?難道 Windows 10 沒有好用、實用的備份功能嗎?我原本也覺得沒有好用的,因為備份功能背後的原理不清楚,總覺得使用上不太便利,所以我之前也都是買商用軟體來備份電腦。Windows 10 用這麼久,一直沒深入研究怎樣用內建的功能來備份,我今天終於釐清 Windows 10 內建的備份功能之間的關係,原來備份電腦真的不用花錢,但還是有些注意事項。

... 繼續閱讀 ...

如何使用 Azure Static Web Apps CLI 手動部署靜態網站應用程式

現在有越來越多純前端框架推出,但無論你用哪種前端框架,最終都還是需要後端 API 才能建構出一個完整的網站,以及提供身份驗證與授權等需求。為此微軟 Azure 推出了一個全新的服務叫做 Static Web Apps (SWA) (靜態網站應用程式),不單單讓你部署前端應用程式,還幫你搞定了 API Gateway 與身份認證等常見需求,同時還結合了前端開發常見的 API 整合功能,進一步降低前後端整合門檻。今天這篇文章我主要以 Azure Static Web Apps 的命令列工具為例 (Static Web Apps CLI),帶大家走一遍從安裝到部署的完整過程。

... 繼續閱讀 ...

如何透過命令列工具清除 Windows 認證管理員中的帳號密碼

最近嘗試使用 Azure Static Web Apps CLI 來開發與部署前端應用程式,但發現我用 swa login 之後,卻完全沒有「登出」的選項,經研究後發現 swa 把登入過程的認證資訊全部都放在 Windows 控制台的認證管理員(Credential Manager)之中。這篇文章我打算來分享如何透過 PowerShell 快速清除儲存在系統中的認證資訊。

... 繼續閱讀 ...

如何使用 FFmpeg 進行圖片壓縮與製作家庭影片

這應該是我媽第一次登上我的部落格,因為她很喜歡從電視看小孩的影片,我雖然照片很多,但要精修成影片每次都花上好多時間,藉由這幾天分享了 FFmpeg 工具,索性我就來寫個小工具,可以快速把我成千上萬永遠看不完的照片,整理成永遠看不完的影片,再搭配經典的台語老歌,讓媽媽開心!😍

... 繼續閱讀 ...

介紹好用工具:FFmpeg (強大的錄影、轉檔、串流工具與函式庫)

我在直播完後通常會錄製出 *.mkv 這種影片格式的檔案,但是我無法透過 Camtasia Studio 對該 MKV 的檔案進行後製 (不支援),一定要先將影片轉換為 *.mp4 或其他支援的格式才能編輯。但是上網查找轉換格式的工具,大多都是需要付費的,很多人不知道的是,其實大部分的轉換工作都可以透過 FFmpeg 命令列工具來完成。今天這篇文章我就來介紹一下這套強大的轉檔工具,順便分享幾個我常用的命令與參數。

... 繼續閱讀 ...