Let's Write

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

Taiwan, Taipei Joined on Jun 18, 2022 https://www.letswrite.tw/

Work

Front-end engineer

letswritetw

Vue.js, Javascript

58 posts published

2 comments written

6 tags followed

Cover image for 站內搜尋加上 AI：使用 Google Vertex AI Search（RAG）打造智慧問答型搜尋

Let's Write

Jan 20

站內搜尋加上 AI：使用 Google Vertex AI Search（RAG）打造智慧問答型搜尋

#google #vertexai #rag #gemini

4 min read

Want to connect with Let's Write?

Create an account to connect with Let's Write. You can also sign in below to proceed if you already have an account.

Create Account

Already have an account? Sign in

Cover image for CodiumAI PR-Agent，在 Gitea 上用 AI 來 Code Review

Let's Write

Jan 10

CodiumAI PR-Agent，在 Gitea 上用 AI 來 Code Review

#gitea #ai #codereview #codiumai

2 min read

Cover image for 在本機安裝 Mattermost：打造自主控制的團隊通訊平台

Let's Write

Dec 10 '25

在本機安裝 Mattermost：打造自主控制的團隊通訊平台

#mattermost #docker #selfhost #tutorial

3 min read

Cover image for 使用 Gitea Actions 與 OpenAI 實現自動化 PR Code Review

Let's Write

Nov 23 '25

使用 Gitea Actions 與 OpenAI 實現自動化 PR Code Review

#gitea #openai #codereview #ai

5 min read

Cover image for 圖片壓縮：用 Compressor.js 自動調整品質壓縮至指定大小

Let's Write

Oct 4 '25

圖片壓縮：用 Compressor.js 自動調整品質壓縮至指定大小

#tutorial #webdev #frontend #javascript

3 min read

Cover image for 使用 pm2.web 建立免費 PM2 監控系統

Let's Write

Sep 26 '25

使用 pm2.web 建立免費 PM2 監控系統

#vercel #pm2 #mongodb #monitoring

2 min read

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

Let's Write

Jun 10 '25

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

#docker #redis #node #tutorial

1 min read

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

Let's Write

Jun 7 '25

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

#docker #node #frontend #tutorial

1 min read

Cover image for iPhone 的語音辨識功能：語音備忘錄，自動標點分段

Let's Write

May 22 '25

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

#ios #whisper #tutorial #ai

1 min read

Cover image for GitHub Copilot + Figma MCP Server 實戰：用 AI 快速切版教學

Let's Write

Apr 12 '25

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

#githubcopilot #figma #mcp #frontend

1 min read

Cover image for 使用 Google Apps Script 串接 Google Analytics API，整合多站數據

Let's Write

Mar 29 '25

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

#webdev #googleanalytics #google #api

4 min read

Cover image for 監聽 localStorage 事件：如何在同一頁面內偵測變更

Let's Write

Mar 3 '25

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

#localstorage #event #listenter #webdev

1 min read

Cover image for 使用 Ollama + Ngrok 搭建本地 LLM，遠端存取 AI 模型教學

Let's Write

Feb 12 '25

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

#api #ollama #ai #ngrok

1 min read

Cover image for 使用 AI 自動生成 Git Commit 訊息

Let's Write

Nov 30 '24

使用 AI 自動生成 Git Commit 訊息

#openai #git #commit #api

1 min read

Cover image for CodiumAI PR-Agent，在 GitHub 上用 AI 來 Code Review

Let's Write

Aug 31 '24

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

#github #cicd #ai #codereview

2 min read

Cover image for CodiumAI PR-Agent，在 GitLab 上用 AI 來 Code Review

Let's Write

Aug 24 '24

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

#ai #gitlab #codereview #tutorial

2 min read

Cover image for 免費開源的語音辨識功能：Cloudflare Workers AI + Whisper

Let's Write

Aug 7 '24

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

#cloudflare #whisper #openai #tutorial

3 min read

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

Let's Write

Jun 5 '24

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

#tensorflow #cocossd #vue #javascript

2 min read

Cover image for Windows 上，本機用 Docker 安裝 GitLab

Let's Write

May 12 '24

Windows 上，本機用 Docker 安裝 GitLab

#windows #docker #gitlab #webdev

2 min read

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

Let's Write

Feb 1 '24

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

#mongodb #docker #tutorial #macos

1 min read

Cover image for GitLab Pages：3 + 3 個步驟讓 GitLab 專案產生靜態頁

Let's Write

Jan 25 '24

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

#gitlab #pages #html #tutorial

2 min read

Cover image for 免費開源的語音辨識功能：Google Colab + Faster Whisper

Let's Write

Jan 17 '24

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

#openai #whisper #python #colab

2 min read

Cover image for 免費開源的語音辨識功能：Google Colab + Whisper large v3

Let's Write

Jan 13 '24

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

#google #colab #whisper #openai

2 min read

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

Let's Write

Nov 18 '23

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

#nocode #google #line #tutorial

2 min read

Cover image for Web Workers 調用 API，減輕主執行緒負擔

Let's Write

Nov 5 '23

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

#javascript #tutorial #api #webdev

1 min read

Cover image for DOMPurify，增加網站對 XSS 攻擊的防護力

Let's Write

Oct 7 '23

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

#dompurify #xss #javascript #tutorial

1 min read

Cover image for 用 Google Apps Script，定時從 GitHub、GitLab 取出備份檔並匯入 Postman

Let's Write

Aug 18 '23

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

#postman #github #gitlab #tutorial

1 min read

Cover image for 用 Postman Integrations，自動備份 Postman Collection

Let's Write

Aug 12 '23

用 Postman Integrations，自動備份 Postman Collection

#postman #integrations #backup #tutorial

1 min read

Cover image for 開源免費，在 Netlify 上安裝 Primo CMS，輕鬆製作網頁筆記

Let's Write

Aug 3 '23

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

#netlify #primo #cms #tutorial

2 min read

Cover image for 用 Docker 安裝 Verdaccio，建立本機私有 npm

Let's Write

Jul 28 '23

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

#docker #verdaccio #npm #tutorial

2 min read

Cover image for 用 Google Apps Script，定期備份 Postman

Let's Write

Jul 15 '23

用 Google Apps Script，定期備份 Postman

#postman #postmanapi #google #tutorial

2 min read

Cover image for 用 Gitea 在本機架 Git Server 功能

Let's Write

May 20 '23

用 Gitea 在本機架 Git Server 功能

#git #gitea #docker #tutorial

2 min read

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

Let's Write

Apr 13 '23

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

#beginners #tutorial #wordpress #cloudflare

2 min read

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

Let's Write

Feb 26 '23

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

2 min read

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

Let's Write

Feb 11 '23

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

#javascript #webdev #domtoimage #capture

2 min read

Cover image for VS Code Pets，一邊寫程式一邊養隻療癒小寵物吧

Let's Write

Feb 1 '23

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

#beginners #plugins #vscode #pets

1 min read

Cover image for 使用 IndexedDB 實現 Client 端數據存儲 – 前端工程師必學的 Web Storage 技術（第三篇）

Let's Write

Dec 29 '22

使用 IndexedDB 實現 Client 端數據存儲 – 前端工程師必學的 Web Storage 技術（第三篇）

#emptystring

2 min read

Cover image for Google Sheets API，在 Google Apps Script 上的好用部份

Let's Write

Nov 30 '22

Google Sheets API，在 Google Apps Script 上的好用部份

#tutorial #programming #api #javascript

3 min read

Cover image for 用 OneDev 在本機架 Git Server 功能

Let's Write

Nov 26 '22

用 OneDev 在本機架 Git Server 功能

#css #tutorial #webdev

1 min read

Cover image for 使用 Local Storage 實現 Client 端數據存儲 - 前端工程師必學的 Web Storage 技術（第二篇）

Let's Write

Nov 15 '22

使用 Local Storage 實現 Client 端數據存儲 - 前端工程師必學的 Web Storage 技術（第二篇）

#javascript #beginners #tutorial #webdev

2 min read

Cover image for 用 HTML 的 capture 屬性，開啟手機鏡頭進行拍照、錄影

Let's Write

Nov 5 '22

用 HTML 的 capture 屬性，開啟手機鏡頭進行拍照、錄影

#webdev #beginners #tutorial #html

2 min read

Cover image for 使用 Cookie 實現 Client 端數據存儲 - 前端工程師必學的 Web Storage 技術（第一篇）

Let's Write

Oct 29 '22

使用 Cookie 實現 Client 端數據存儲 - 前端工程師必學的 Web Storage 技術（第一篇）

#javascript #webdev #tutorial #beginners

1 min read

Cover image for 用 Pusher 製作網站推播 Web Push 功能

Let's Write

Oct 18 '22

用 Pusher 製作網站推播 Web Push 功能

#javascript #pwa #tutorial #beginners

3 min read

Let's Write

Oct 13 '22

CryptoJS 用前端加密、解密

#crypto #javascript #tutorial

1 min read

Cover image for 用 JavaScript 做一個 Tooltips 功能

Let's Write

Oct 3 '22

用 JavaScript 做一個 Tooltips 功能

#javascript #opensource #html #css

1 min read

Cover image for 簡單的網頁截圖功能 - html2canvas、Canvas2image

Let's Write

Sep 16 '22

簡單的網頁截圖功能 - html2canvas、Canvas2image

#javascript #html2canvas #tutorial #webdev

1 min read

Cover image for Vue 3、Tailwind CSS 3、esbuild、rollup.js 開發初始檔

Let's Write

Sep 9 '22

Vue 3、Tailwind CSS 3、esbuild、rollup.js 開發初始檔

#vue #tailwindcss #javascript #programming

2 min read

Let's Write

Aug 25 '22

Color Thief 找出圖片裡的顏色

#javascript #tutorial #image #color

3 min read

Cover image for OSM + Leaflet 學習筆記 3：定位、全螢幕、小地圖、列印、客製選單

Let's Write

Aug 20 '22

OSM + Leaflet 學習筆記 3：定位、全螢幕、小地圖、列印、客製選單

#osm #tutorial #leaflet #javascript

3 min read

Let's Write

Aug 2 '22

Javascript，XML 轉 JSON

#javascript #xml #json #tutorial

2 min read

Cover image for OSM + Leaflet 學習筆記 1：建地圖、marker、事件、換圖層

Let's Write

Jul 26 '22

OSM + Leaflet 學習筆記 1：建地圖、marker、事件、換圖層

#openstreetmap #leaftjs #map #tutorial

2 min read

Cover image for 製作一個 Hugo + Tailwind CSS 初始檔

Let's Write

Jul 20 '22

製作一個 Hugo + Tailwind CSS 初始檔

#hugo #tailwindcss #webdev #tutorial

2 min read

Cover image for Google Maps API 學習筆記 - 2：在地圖上畫個日本結界

Let's Write

Jul 12 '22

Google Maps API 學習筆記 - 2：在地圖上畫個日本結界

#javascript #googlemap #api #tutorial

2 min read

Let's Write

Jul 8 '22

CLI 學習筆記

#cli #beginners #tutorial #terminal

2 min read

Cover image for Google Maps API 學習筆記 – 1：地圖、標記、客製樣式

Let's Write

Jul 1 '22

Google Maps API 學習筆記 – 1：地圖、標記、客製樣式

#googlemaps #javascript #marker #api

6 min read

Cover image for 表單驗證：中文姓名、身分證、手機條碼、生日、信箱、手機、選擇縣市

Let's Write

Jun 27 '22

表單驗證：中文姓名、身分證、手機條碼、生日、信箱、手機、選擇縣市

#javascript #html #beginners #tutorial

4 min read

Cover image for Firebase Cloud Firestore V9 常用功能筆記

Let's Write

Jun 20 '22

Firebase Cloud Firestore V9 常用功能筆記

#firestore #v9 #google #firebase

4 min read

Cover image for CustomEvent 客製一個 addEventListener

Let's Write

Jun 18 '22

CustomEvent 客製一個 addEventListener

#javascript #webdev #customevent #frontend

1 min read

Three Year Club

Two Year Club

Writing Debut

One Year Club

8 Week Writing Streak

4 Week Writing Streak

Want to connect with Let's Write?