使用 Dev Container 寫 LaTeX 教學

步驟一：建立 Dockerfile 用VSCode開啟專案資料夾並進入，下載並開啟Docker Desktop (容器環境)。 檔案名稱不能有中文!!!!!!!!!!! 新增 .devcontainer/Dockerfile： 步驟二：建立 devcontainer.json 新增 .devcontainer/devcontainer.json：…

使用 Next.js 串接 MongoDB

MongoDB 詳細操作: https://www.notion.so/Use-MERN-stack-to-dev-Full-Stack-web-2d59def5443d80a194a5e8d6bf6d740a 我們建立好叢集和集合後，就可以去Next.js 寫上環境設定和連接了! 如果在本地測試都OK，部屬到Vercel就不行了，可能要在Vercel中加上環境變數! 環境設定 可以在專案中的 DataBase &…

一個好的Demonstration流程

DEMO 是解決問題 而非 展示功能 1. 準備階段（Pre-Demo） 2. 開場與鋪陳（Setting the Stage） 3. 核心演示（The…

GIT: 合併衝突-兩人同時修改同一檔案

如果A、B兩個人都在修改同一個檔案，在A同學Merge後B同學的Merge就會出現問題了，這時我們可以快速的在VSCode上解決: 當同學A、B兩個都修改了同一個檔案，且遇到都有修改到同一行的情況時，當同學A先Merged後同學B的Merge Request就會出現下面的錯誤，顯示合併衝突需要被解決 解法是另外創建一條臨時分支，並將同學A、B的衝突在這個分支解決後，將這個臨時分支與upstream/development合併 解決衝突 建立臨時分支 在VSCode中打開專案後創建一條臨時分支 git checkout -b…

JWT ( JSON Web Token ) 介紹

https://medium.com/企鵝也懂程式設計/jwt-json-web-token-原理介紹-74abfafad7ba JWT 是由三個JSON object，並且用**.**來做區隔，而這三個部分會各自進行編碼，組成一個JWT字串：xxxxx.yyyyy.zzzzz 而這三個片段分別是: 我們可以透過 https://www.jwt.io/ 來產生JWT: Header “alg” 這裡是定義簽名演算法的地方，HS256 全稱是 HMAC with…

GIT: 本地強制合併到upstream

太久沒有拉東西下來時，在gitlab要merge Request時會遇到合併衝突，但如果你確定你的本地版本就是最新的版本，跟團隊成員商討過後可以直接執行強制合併: 在終端機中cd進入專案資料夾然後輸入 git remote -v 可以檢視當前各個分支的指向，在標準的 Git 協作流程中： 如果有指向錯誤，可以先刪除錯誤的…

基於 Firebase 的跨裝置即時同步系統

一個迷你小小專案，練習了一下跨裝置跨頁面的同步，想說那順便寫成一個技術文件好了也順便練習。 1. Project Overview 本專案實作了一套「一端控制、多端同步」的即時互動系統。管理者可透過網頁按鈕，觸發所有連線手機的視覺特效（紅包雨），且無距離限制。於2026春節實作。 2. System Architecture 3. Key…

串接Gemini

使用Server Action 安裝最新的官方 Gemini SDK： 在專案根目錄的 .env 檔案中，加入 Gemini API…