Mirochiu's coding note

會有亂碼問題就是與系統的語系有關，Ubuntu預設中文都是UTF-8，使用localctl可以查看目前系統設置。 $ localectl     System Locale: LANG=zh_TW.UTF-8 ....

Python使用matplotlib畫圖範例 import matplotlib.pyplot as plt import numpy as np import os import zipfile # UserWarning: Glyph 26371 (\N{CJK UNIFIED IDEOGRAPH-6703}) missing from font(s) DejaVu Sans. from matplotlib import font_manager font_path = "/usr/share/fonts/opentype/noto/NotoSerifCJK-Medium.ttc" # 修改為字體實際路徑 font_prop = font_manager.FontProperties( fname = font_path) plt.rcParams[ "font.family" ] = font_prop.get_name() # Chart 1: 全球市場規模成長趨勢（折線圖） years = [ 2020 , 2024 , 2030 ] values = [ 60 , 280 , 1800 ] # 單位：十億美元 plt.figure() plt.plot(years, values, marker = 'o' , linestyle = '-' , color = 'blue' ) plt.title( "全球 AI 市場規模成長（十億美元）" ) plt.xlabel( "年份" ) plt.ylabel( "市場規模" ) plt.grid( True ) plt.tight_layout() # Prepare folder for images img_dir = "./ai_charts" os.makedirs(img_dir, exist_ok = True ) plt.savefig( f " { img_dir } /01_market_growth.png" ) plt.close()   Python列出matpl...

BASH游標的快速移動與清除 左右移動,依照字元 (Character) 為單位 Ctrl+F 向後移動1個字元，等同→ Ctrl+B 向前移動1格字元，等同← 左右跳移動,依照字 (Word) 為單位 Alt+F 向後移動到字的第一個字元，等同 Ctrl+→ Alt+B 向前移動到字的第一個字元，等同 Ctrl+← 移動到頭尾 Ctrl+E 移動到最後，等同Home Ctrl+A 移動到最後，等同End 清除字元，這適合截斷URL Ctrl+K 從目前位置清除往後的所有字元。 Ctrl+U 從目前位置清除往前的所有字元。

TinyMCE編輯器 是一個提供在網頁使用的所見即所得文字編輯器，但是有免費提供的GPLv2釋出版本。 商用需要與註冊官方網站並取得授權金鑰，否則部屬到網站上，編輯內容會被遮擋無法使用。 整合方式官方 都已經整理好，照著作就行囉！

這幾天將Next.js原本遷徙到secret manager來管理，只是一旦部屬Firebase Hosting SSR，遭遇了Credential錯誤問題 Error: invalid_grant: Invalid grant: account not found 究竟該如何解決呢?

在本機端檢查與建置都會成功，但是總是在傳到雲端(cloud build)後發生錯誤 索性就安裝這個錯誤訊息所指出的套件 pnpm install @opentelemetry/api@1.9.0 解決這個部屬問題... 拿這個問GPT它會說，這應該是只有使用pnpm時才會發生，因為firebase-tools只使用與npm操作的狀況 另外，每次pnpm run build建置都會顯示的warning也很煩 pnpm install -D esbuild 0.19.2 裝完會寫說有東西需要approve我就確認 pnpm approve-builds 空白鍵選擇 esbuild再按確認，完畢!

 這裡是serviceaccount的json放在環境變數中，並googleapis套件操作google sheet api。 因為新版google auth套件有改版把fromJSON()和給廢掉，導致升級版本程式要調整，跟google&AI弄了弄，範例都給我奇怪的結果，這篇把這些整理起來 pnpm add googleapis import { google , sheets_v4 } from 'googleapis' ; async function main ( ... args : string []) { const credentials = JSON . parse (process. env . SHEET_CREDENTIALS ); const authClient = new google . auth . JWT ({ scopes : [ 'https://www.googleapis.com/auth/spreadsheets' ] }) authClient . fromJSON ( credentials ); const sheetAPIs = google . sheets ({ version : 'v4' , auth : authClient }); const res = await sheetAPIs . spreadsheets . get ({ spreadsheetId : process. env . SHEET_ID }); if ( ! res . ok ) throw Error(`http error code:${ res . status }`); console . log ( res . data ) } const args = process . argv . slice ( 2 ); main ( ... args ). catch ( console . error ); scopes上面是提供讀寫 如果只讀取，就改成 scopes: ['https://www.go...

在原始碼最上層建立檔案 env.d.ts 寫入以下相關, 其他所需的變數請自行舉一反三增加 declare namespace NodeJS { interface ProcessEnv { /** * App 執行環境 * - development: 開發環境 * - production: 正式環境 * - test: 測試環境 */ NODE_ENV : 'development' | 'production' | 'test' ; /** 僅伺服器端 */ PRODUCT_SHEET_CREDENTIALS : string ; PRODUCT_SHEET_ID : string ; STORAGE_CREDENTIALS : string ; STORAGE_BUCKET_NAME : string ; /** 公開給前端 */ NEXT_PUBLIC_FIREBASE_SDK_CONFIGS : string ; NEXT_PUBLIC_API_URL : string ; } }  

pnpm init pnpm add -D typescript @types/node src/index.ts async function main ( ... args : string []) { console . debug ( 'process.env.NODE_ENV=' , process . env . NODE_ENV ) console . debug ( 'process.env.STORAGE_BUCKET_NAME=' , process . env . STORAGE_BUCKET_NAME ) } const args = process . argv . slice ( 2 ); main ( ... args ). catch ( console . error ); package.json "type" : "commonjs" , "scripts" : { "build" : "tsc" , "dev" : "pnpm run build && node --env-file=.env.development.local ." , "start" : "pnpm run build && node --env-file=.env.production.local ." }, tsconfig.json "compilerOptions" : { "module" : "CommonJS" , "moduleResolution" : "Node" , "outDir" : "dist" , "rootDir" : "src" 這個設定的優點是import不需要寫.js, 缺點就是沒有top-...