Let's Write

Let's Write @letswrite

About: 前端工程師 August 的學習筆記 — solving problems, in simple ways.

Location:
Taiwan, Taipei
Joined:
Jun 18, 2022

Let's Write
articles - 52 total

使用 Docker 搭配 Node.js 快速建置 Redis 快取系統

本篇要解決的問題 我們在開發時,常常會遇到這樣的情況: 同一個頁面一進來,取得的資料很多都是相同的,比如一個商品的基本資訊、公告訊息的內文。 而大部份資料是由前端調用...

Learn More 0 2Jun 10

用 Docker 快速架設 Node.js 靜態網站服務

本篇要解決什麼問題 對前端工程師來說,有時只是單純要一個靜態網站,讓主管或業者看到 Demo,卻因為後端、Nginx、Linux 等設定卡關半天。這時候,其實可以用 Node.js...

Learn More 0 0Jun 7

iPhone 的語音辨識功能:語音備忘錄,自動標點分段

本篇要解決的問題 之前寫過幾篇,是用 OpenAI 的 Whisper API 來語音辨識的功能,都是免費可以使用的: Google Colab + Faster...

Learn More 0 2May 22

GitHub Copilot + Figma MCP Server 實戰:用 AI 快速切版教學

本篇要解決的問題 最近在研究 MCP,剛好在 Threads 上看到有人實測 Figma MCP,想試看看是否真的能透過 AI...

Learn More 5 0Apr 12

使用 Google Apps Script 串接 Google Analytics API,整合多站數據

本篇要解決的問題 一間公司裡可能旗下會有多個網站,想同時查看所有網站的 GA 數據,通常需要開啟多個瀏覽器視窗並排顯示,操作較為繁瑣。 如果可以改由 API 來取得 GA...

Learn More 1 0Mar 29

監聽 localStorage 事件:如何在同一頁面內偵測變更

本篇要解決的問題 我們有時會把資訊存在瀏覽器的空間裡,像是 Cookies、Local Storage、IndexedDB。 Local Storage 原生的 storage...

Learn More 1 0Mar 3

使用 Ollama + Ngrok 搭建本地 LLM,遠端存取 AI 模型教學

使用 Ollama + Ngrok 搭建本地 LLM,遠端存取 AI 模型教學 本篇要解決的問題 ChatGPT 等 AI...

Learn More 9 1Feb 12

使用 AI 自動生成 Git Commit 訊息

使用 AI 自動生成 Git Commit 訊息 本篇要解決的問題 每次更新完成式碼,比如修 Bug、開發新功能後,在寫 Git Commit...

Learn More 0 0Nov 30 '24

CodiumAI PR-Agent,在 GitHub 上用 AI 來 Code Review

本篇要解決的問題 上次寫了一篇〈CodiumAI PR-Agent,在 GitLab 上用 AI 來 Code Review〉,原本在最後說下一篇會寫的是自己做一個用 AI 來...

Learn More 2 0Aug 31 '24

CodiumAI PR-Agent,在 GitLab 上用 AI 來 Code Review

本篇要解決的問題 最近看到有人寫了一篇用 AI 來 Code Review 的文章後,才發現原來有開源的好工具可以來使用,也剛好組內也有人提說,要不要來 Code...

Learn More 0 0Aug 24 '24

免費開源的語音辨識功能:Cloudflare Workers AI + Whisper

本篇要解決的問題 之前寫過二篇開源的語音辨識功能: 免費開源的語音辨識功能:Google Colab + Whisper large v3 免費開源的語音辨識功能:Google...

Learn More 0 0Aug 7 '24

用 Tensorflow.js COCO-SSD 辨識圖片物件

本篇要解決的問題 幾年前有寫了一篇〈ML5.js 神經網路 開發圖像辨識〉,是辨識圖片裡的物件,最近跟朋友設計一個活動,是需要判斷照片中的人數,ML5 有點不夠用,問了...

Learn More 0 0Jun 5 '24

Windows 上,本機用 Docker 安裝 GitLab

本篇要解決的問題 有時公司會使用自架的 Git Server,而不是直接使用現有的 GitHub、GitLab,本篇是使用 Docker,在本機安裝 GitLab,再加上...

Learn More 0 0May 12 '24

MongoDB 學習筆記 - Mac 上 用 Docker 安裝 MongoDB Community

本篇要解決的問題 這陣子因為要幫朋友做一個小網站,在沒有後端的支援下,很多事情得自己來。 講到資料庫,本站比較熟悉的是...

Learn More 0 0Feb 1 '24

GitLab Pages:3 + 3 個步驟讓 GitLab 專案產生靜態頁

本篇要解決的問題 本篇是 2020 年的文章,因為看到有人留言說 Demo 頁失效,今晚才來看一下。 查了一下,是 GitLab Pages access control...

Learn More 0 0Jan 25 '24

免費開源的語音辨識功能:Google Colab + Faster Whisper

本篇要解決的問題 上一篇,我們用了 Google Colab,加上 OpenAI 的 Whisper,製作出了一個語音辨識功能,結果筆記文寫完沒過幾天,就看到有人改良了...

Learn More 0 0Jan 17 '24

免費開源的語音辨識功能:Google Colab + Whisper large v3

本篇要解決的問題 以往一場會議、訪問、議程,如果需要逐字稿,都需要人類手打出來(August 接過這工作),自從 OpenAI 的 Whisper API...

Learn More 1 0Jan 13 '24

無程式碼,如何用 Make,把 Google Forms 當作發送 LINE Notify 的後台

本篇要解決的問題 幾年前寫過一篇 LINE Notify 的應用文章,後來發現有些企業會用 LINE Notfiy 在發送通知,像是路易莎的線上點餐、電商出貨通知等等。 LINE...

Learn More 0 0Nov 18 '23

Web Workers 調用 API,減輕主執行緒負擔

本篇要解決的問題 這陣子,不知道是不是演算法的關係,看到的文章很常出現「Web Workers」這個詞,查了一下後發現,Web Workers 是一個連 IE10...

Learn More 0 0Nov 5 '23

DOMPurify,增加網站對 XSS 攻擊的防護力

本篇要解決的問題 最近看了胡立大大的〈Beyond...

Learn More 0 0Oct 7 '23

用 Google Apps Script,定時從 GitHub、GitLab 取出備份檔並匯入 Postman

本篇要解決的問題 在上一篇〈用 Postman Integrations,自動備份 Postman Collection〉我們已經做到當 Postman 的 Collection...

Learn More 0 0Aug 18 '23

用 Postman Integrations,自動備份 Postman Collection

本篇要解決的問題 上個月在〈用 Google Apps Script,定期備份 Postman〉有提到,在亂點之下看到 Postman...

Learn More 0 0Aug 12 '23

開源免費,在 Netlify 上安裝 Primo CMS,輕鬆製作網頁筆記

本篇要解決的問題 之前寫過幾篇免費製作一個網站的筆記文,最近看到一個 Primo,官方文件也說使用它們的專案,就可以免費用 CMS 製作出自己的網站。 官方的教學文件主要是使用...

Learn More 0 0Aug 3 '23

用 Docker 安裝 Verdaccio,建立本機私有 npm

本篇要解決的問題 最近工作上刻了一套 UI,又寫了幾個可以共用的 JS 檔,問題點在於,有多個專案要用這套 UI,這些 JS...

Learn More 0 0Jul 28 '23

用 Google Apps Script,定期備份 Postman

本篇要解決的問題 之前 Postman...

Learn More 0 0Jul 15 '23

用 Gitea 在本機架 Git Server 功能

本篇要解決的問題 去年有寫過一篇〈用 OneDev 在本機架 Git Server 功能〉,不過 OneDev...

Learn More 1 0May 20 '23

免費建立一個自己的網站 - WordPress + Cloudflare Pages

本篇要解決的問題 之前有寫過二篇,用免費的資源來建立一個自己的網站:「Netlify + GitLab」、「Publii + GitHub...

Learn More 0 0Apr 13 '23

HEIC 格式的圖片怎麼辦?使用 heic2any.js 轉換為 JPEG 或 PNG

本篇要解決的問題 「本文介紹了如何使用 heic2any.js,一個 JavaScript 套件,可以將 HEIC 格式的圖片轉換為 JPEG 或 PNG...

Learn More 0 0Feb 26 '23

簡單的網頁截圖功能 - DOM to Image

本篇要解決的問題 去年九月時,August 有寫了一篇〈簡單的網頁截圖功能 –...

Learn More 0 0Feb 11 '23

VS Code Pets,一邊寫程式一邊養隻療癒小寵物吧

本篇要解決的問題 看到「寵物」就知道,本篇要解決的問題就是我們人類的空虛心靈(咦?)。 開玩笑的...

Learn More 4 0Feb 1 '23