專案開發遇到的問題整理 – 2022/05/05

最近在使用 Vue 3、TypeScript 和 Firebase 開發專案,開發過程中遇到了一些問題,這篇文章主要是作為問題記錄以及回顧。

最近在使用 Vue 3、TypeScript 和 Firebase 開發專案,開發過程中遇到了一些問題,這篇文章主要是作為問題記錄以及回顧。

閱讀全文〈專案開發遇到的問題整理 – 2022/05/05〉

靜態網站導入 webpack 進行重構

對靜態網頁使用 webpack、Tailwind CSS 等工具,以及圖片延遲載入技術,來進行網頁的重構,以提昇網頁的可維護性、初次載入速度和使用者操作體驗。

這次將 ACGN股市歷史博物館[1]ACGN股市歷史博物館 的頁面,從原先只有單純的 HTML、CSS和JavaScript,逐一導入 webpack 和 loader 套件,鋪設基礎建設後,使其更利於未來的開發與維護。

閱讀全文〈靜態網站導入 webpack 進行重構〉

References

讓Android手機畫面顯示在Windows電腦上

使用 scrcpy 軟體,讓 Android 手機上的畫面能夠即時顯示在 Windows 系統上,並可以從 Windows 系統對 Android 手機進行操作,藉此讓使用者在 Windows 系統上,同時體驗 Android App 的操作和系統較大的螢幕。

有些平台或者服務是App限定,又或者App上操作體驗比較好,但通常手機的畫面都不大,長時間使用手機的情況下,觀看體驗不佳,這時候,在希望能兼顧App的操作體驗與電腦大螢幕的良好觀看體驗下,我開始尋找可以讓Android手機畫面投影到電腦螢幕上的解決方案。

閱讀全文〈讓Android手機畫面顯示在Windows電腦上〉

開啟隱藏的Windows音效設定

在 Windows 10 系統下,開啟隱藏的音效選項,使其能夠顯示在音效設定的使用者界面中。

本來是要客製化Windows 10預載的鬧鐘與時鐘[1]Windows 鬧鐘與時鐘軟體的通知音效,由於軟體裡面沒有提供可以使用自訂音效的選項,便朝修改系統設定的方向著手,開啟系統的音效設定,針對每一個程式事件的音效去測試,結果沒找到對應的音效,在網路上進一步搜尋資料,才發現一些程式事件的音效設定被隱藏了,修改登錄檔資訊後,便可使那些被隱藏的設定再次顯示。操作步驟如下:

閱讀全文〈開啟隱藏的Windows音效設定〉

References

修正Visual C++ Runtime安裝問題

修正 Visual C++ Runtime 因未被正常安裝或移除,導致後續無法再進行安裝、更新或者移除的錯誤。

在某一次操作後,電腦要安裝或更新Visual C++ Runtime時,就會出現因缺少某個版本的Visual C++ Runtime的依賴,而永遠得安裝失敗,情況如同這個問題:

https://docs.microsoft.com/en-us/answers/questions/71632/visual-c-vc-runtimeminimum-x64msi-error.html

由於Visual C++ Runtime未被正確得安裝或者移除,使得電腦的登錄檔仍有相關殘留,造成要再安裝新版本的Visual C++ Runtime時,會出現這種問題,又程式與功能清單裡面,沒有顯示出軟體的紀錄,無法藉由操作來導引到修復畫面解決這個問題[1]Fix Microsoft Visual C++ Runtime Library Error in Windows 10/11。幸好,最後找到這個解決方式[2]Fix problems that block programs from being installed or removed,下載並執行,開啟這個疑難排除,並在程式清單中,找到目標Visual C++ Runtime對其執行操作,以達成完整移除。

完整移除後,可以從這裡[3]Visual C++ Redistributable Runtimes All-in-One (July 2021) Download | TechPowerUp下載所有Visual C++ Runtime的整合包,下載完成後解壓縮並執行install_all.bat,即可給電腦安裝上所有的Visual C++ Runtime,由於bat裡的安裝檔執行指令有下參數,使得這些Runtime在安裝完畢後,電腦不用重新啟動。