Mirochiu's coding note

久違的需要轉錄CD成檔案，發現我已經不知道Ubuntu上可以用哪些軟體。為自己整理一下可以用得三種轉換方式，一個CLI，兩個GUI方案。

相信許多人使用Firebase部屬網站，都會遇到這個危險網站的問題。本機電腦開發時都沒有問題，但是部屬後網站，只要點擊登入頁就會被Chrome標記成危險網站，使用者要登入都沒辦法。這到底該怎麼解決呢?

這裡使用範例MUI本身示範例，因為有時寫一寫會忘記一些步驟，乾脆就會整成一篇。以下整理成10點內容 1. 使用範例專案 pnpm create next-app {你喜歡的專案目錄名稱} --example https://github.com/mui/material-ui/tree/master/examples/material-ui-nextjs-ts 這裡使用MUI官方提供的Next.js的typescript範例，程式碼 請參考這裡 使用到的主要技術堆疊如下 a. MUI v5  b. Next.js v14 - App router c. typescript v5

 會有這個需求是因為建立一個完整的網站，至少會需要前台與後台，分離兩個在維護上會比較簡單，且可避免在前台App權限給的太多，導致其他問題。

在前面提到我有嘗試依照 Google官方針對Next.js整合到firebase推出的codelabs教學 ，部屬了一個App Hosting的服務。因為我不想增加gcp的使用額度，打算把它移除。進入Firebase主控台卻發現沒有提供移除App Hosting的按鈕，只好用firebase CLI來處理它。 上圖使用 Copilot設計工具 創造

我們在VSCode中開發typescript或java專案時，很常會在程式碼中看到以波浪符號標示東西。這是要提醒我們標示的寫法可能有問題，或是習慣不好的部份。滑鼠移過去可以看到它會附帶一個快速修復的建議，使用快捷鍵Ctrl+.可以套用。 接著，我們的問題就出現了，在Ubuntu 22.04環境下在VSCode中按Ctrl+.會出現一個帶底線小e符號。怎麼按Ctrl+.都無法讓這個快速修復的快捷鍵生效。  

最近製作給小孩的相簿，要從學校相簿抓資料，使用puppeteer操作headless 瀏覽器。 1. 進行基本的帳號登入 2. 抓取特定元素 3. 生成簡單json格式

 因為近期發現許多Web應用開始導入avif圖檔，在保持一定品質時獲得更小的檔案，所以就開始將手邊的轉換成avif圖檔。 上圖使用 Copilot設計工具 創造 使用ffmpeg將圖片轉換成avif格式指令如下

Firebase與Next.js整合上還滿方便的，這裡整理簡單方式部屬既有的Next.js應用到Firebase上

這幾天照著 這個codelabs教學 跑了一下，遭遇滿多小問題的，不過拿來當實作得參考程式碼是不錯的。 上圖使用 Coplit設計工具 生成 https://firebase.google.com/codelabs/firebase-nextjs 上面這篇教學是使用Next.js並推廣firebase app hosting和github整合，當然也沒有缺少AI的部份(Gemini API)，不過所佔篇幅只有一個小節。使用到得服務有: Firebase authentication 使用者的Google整合登入 Firebase storage 儲存上傳圖片 Firestore 儲存/存取使用者評論與評分等 Gemini API  Cloud Secret Manager 儲存密鑰

 firebase的javascript函數庫有兩個firebase和firebase-admin 這篇分享一下firebase套件得初始化與開發模式初始化該如何作

近期使用較多的Firebase服務，在參考使用Firebase提供的Node.js的函數庫一段時間後，才意識到Firebase是有兩組不同的操作。 就算透過AI詢求幫助時，也總是會混合著解兩者的回應。所以個人就試錯後，將方法整理成一個簡短的使用範例。以下就針對Firebase的firebase-admin函數庫，來上傳檔案到Firebase storage。

今日從pnpm 9.1.1升級到pnpm 9.1.4 在專案目錄下使用 pnpm 建議的指令 corepack prepare pnpm@9.1.4 --activate 再查看pnpm版本發現版本竟然又沒變 這裡花一點時間釐清了一下....