Let's Write
104 subscribers
18 photos
1 file
131 links
前端工程師 August 的學習筆記 — solving problems, in simple ways.
Download Telegram
新文章廣播:

〈用 Gitea 在本機架 Git Server 功能〉

去年有寫過一篇〈用 OneDev 在本機架 Git Server 功能〉,不過 OneDev 的介面都是英文的,如果要公司同事之間可以互相使用,能有中文會比較方便。加上一般我們習慣用 GitHub 介面的話,用 OneDev 會覺得差異很大。

所以,前幾天 August 花了一個晚上爬文,找到了 Gitea 這套,有中文介面,介面也比較像熟悉的 GitHub 或 GitLab,而且用 Docker 安裝在本機也很快(實測還可以裝在 NAS 上)。

https://www.letswrite.tw/local-git-gitea/
因為 August 的事情愈來愈多勒,而整理週報又會花掉二個小時。

為了節省時間,原本的 Let's 週報會改用 Telegram 經營,就不整理成文章了,請大家從這邊加:

https://t.me/+Hj2RZZeT65liYTM1
新文章廣播:

〈用 Google Apps Script,定期備份 Postman〉

之前 Postman 的帳號突然開啟了試用付費版的權限後,印象中有看到介面上有地方可以點擊安裝像是擴充功能的東西,來進行自動備份。後來試用期過了以後,就找不到那個介面要從哪點進去。不確定是不是要付費的帳號才會有,有知道的朋友麻煩留言~

介面找不到沒關係,在透過 Google + ChatGPT 的幫助下,寫了一個可以自動備份 Collections 的方式,因為是用 Google Apps Script 寫的,因此備份的地方是備在 Google 雲端硬碟上,一樣可以滿足自動備份的需求。

https://www.letswrite.tw/gas-backup-postman/
新文章廣播:

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

最近工作上刻了一套 UI,又寫了幾個可以共用的 JS 檔,問題點在於,有多個專案要用這套 UI,這些 JS 檔也可以直接搬去其他專案上使用。為了讓其他前端方便共用,也為了避免更新一個專案上的 JS 後,還得手動複製貼上到其他專案,就決定找一個可以在本機安裝 npm 的方式,問了 ChatGPT,就得到 Verdaccio 這個答案。

用 Docker 安裝 Verdaccio 的方式很簡單,下幾個命令就可以安裝完成,本篇會簡單記錄這二天使用 Verdaccio 時的一些筆記。

https://www.letswrite.tw/docker-verdaccio-npm/
新文章廣播:

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

之前寫過幾篇免費製作一個網站的筆記文,最近看到一個 Primo,官方文件也說使用它們的專案,就可以免費用 CMS 製作出自己的網站。

官方的教學文件主要是使用 Vercel,而且只寫到把 Primo 安裝完就結束了,沒有後面實際將製作出的網站 Deploy 到 GitHub 的部份寫出來,偏偏,這一段是會踩坑的。

本篇是筆記如何把 Primo 安裝在 Netlify 上,並且 Deploy 到 GitHub,最後用 GitHub Pages 的功能讓網站可以真的對外使用。

https://www.letswrite.tw/primo-cms/
新文章廣播:

〈用 Postman Integrations,自動備份 Postman Collection〉

上個月在〈用 Google Apps Script,定期備份 Postman〉有提到,當初在亂點之下有看到 Postman 原有的備份功能,後來因為找不到才寫了那篇筆記文,結果很意外的,這天為了找別的設定,竟然又點到了耶。

而且用起來很簡單,只要 Collection 裡有變動就會自動執行備份,這麼好用的功能怎麼可以不記錄一下呢?

https://www.letswrite.tw/postman-integrations-backup/
新文章廣播:

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

在上一篇〈用 Postman Integrations,自動備份 Postman Collection〉我們已經做到當 Postman 的 Collection 有更新時,自動備份到 GitHub 上,接著這篇是來筆記如何將這些備份檔,定期匯入到另外的 Postman 帳號上,也算是一種二個 Postman 帳號可以彼此同步的方法。

https://www.letswrite.tw/gas-import-postman-collections/
國慶連假愉快~

連假第一天寫了一個短短的筆記文。

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

記得很久很久以前,久到 Firebase 還沒被 Google 併購以前,那時寫了一個送出表單後,會在頁面上變成賀卡的功能,然後有網友好心的回覆說這個表單功能是會被攻擊的,也是那次以後才知道原來一不注意,input 可以被寫入程式碼。

本篇推薦使用的 DOMPurify,就是一個可以防範這種問題的套件。

https://www.letswrite.tw/dompurify/
新文章廣播:

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

這陣子,不知道是不是演算法的關係,看到的文章很常出現「Web Workers」這個詞,查了一下後發現,Web Workers 是一個連 IE10 都支援的功能,看來是歷史悠久牌子老、街頭巷尾都稱讚的 API,就想說來看一下。

Web Workers 可以解決的問題,August 想到的有以下:

- 調用回應時間比較長的 API
- 在背後收集使用者的行為
- 想提前載入頁面上其它區塊會需要的資料

本篇會先簡單說明什麼是 Web Workers,接著是使用方法,以及附上 August 最想應用的方式:調用 API 的 Demo。

https://www.letswrite.tw/web-workers/
新文章廣播:

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

今年看到蠻多文章提到,未來無程式碼(No-code)或低程式碼(Low-code)的工具會愈來愈多,前陣子 August 也確實用了 完全不寫程式碼的方式,做了一個 LINE + ChatGPT 的暖心討拍機器人給朋友們玩,而且在一定額度下,使用的平台是免費的。

本篇會實作一個完全不寫程式碼,拿 Google 表單當發送後台,送出表單後就會發送 LINE Notify 的功能。

https://www.letswrite.tw/make-form-line/
新文章廣播:

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

去年底 Whisper 推出了 Large V3 後,才知道,哎呀,原來是開源的耶!開源的意思就是,如果本機硬體夠強,可以把 model 載下來,直接在作本機作語音辨識,不用付費就能使用 Whisper API。

Google 有一個 Colab 的功能,讓我們這種路人也可以在上面寫 Python。

本篇會示範怎麼使用 Google Colab + Whisper Large V3,來執行語音辨識。

https://www.letswrite.tw/colab-whisper-large-v3/
新文章廣播:

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

上一篇,我們用了 Google Colab,加上 OpenAI 的 Whisper,製作出了一個語音辨識功能,結果筆記文寫完沒過幾天,就看到有人改良了 Whisper,製作出了 Faster Whisper,辨識速度更快也更精準。

Faster Whisper 真的更快更準,測試了一個 70 分鐘的音檔,原本 OpenAI Whisper 要 14 分鐘,換用 Faster Whisper 後,只需要 7 分鐘。

https://www.letswrite.tw/colab-faster-whisper/
文章更新廣播:

〈ML5.js 神經網路 開發圖像辨識〉

這一篇原本是 2019 年寫好的,這幾天因為有遇到相關需求,所以回頭再來看,發現,竟然,原本的 Demo 程式碼是不能用的!!所以前幾天晚上再次翻了一下官方文件,更新本篇程式碼的部份後,再次發佈這篇。

本篇主要是要解決,當使用者上傳圖片後,可以由前端做圖片辨識的需求。

https://www.letswrite.tw/ml5-image-classifier/
文章更新廣播:

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

本篇是 2020 年的文章,因為看到有人留言說 Demo 頁失效,查了一下,是 GitLab Pages access control 的設定問題,改為公開後,也順便調整了程式碼,讓最後的 Demo 頁直接使用本站的頁面樣式。

此次更新新增了「+2 Pages 設為所有人可見 」。

本篇主要想解決的問題,就是怎麼用 GitLab 來建立靜態頁。

https://www.letswrite.tw/gitlab-pages/
Channel photo updated
文章更新廣播:

〈Windows 上,本機用 Docker 安裝 GitLab〉

Windows 上,本機用 Docker 安裝 GitLab有時公司會使用自架的 Git Server,而不是直接使用現用的 GitHub、GitLab,本篇是使用 Docker,在本機安裝 GitLab,再加上 GitLab Runner,這樣就可以有自己的版控功能,也可以寫檔案做自動化測試。

https://www.letswrite.tw/windows-docker-gitlab/
文章更新廣播:

〈用 TensorFlow.js COCO-SSD 辨識圖片物件〉

幾年前有寫了一篇〈ML5.js 神經網路 開發圖像辨識〉,是辨識圖片裡的物件,最近跟朋友設計一個活動,是需要判斷照片中的人數,ML5 有點不夠用,問了 ChatGPT 後,知道了 Tensorflow.js 裡,有一個 COCO-SSD 的模型,官方的說明 是「在單一影像中定位及辨識多個物件」,實際用起來後,也真的覺得好用,除了可以把人辨識出來,還可以給在照片上的範圍。

https://www.letswrite.tw/coco-ssd/
文章更新廣播:

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

之前寫過二篇開源的語音辨識功能,這篇算是第三篇,是這幾天想調整一下 Cloudflare 上的設定時,看到有多了 Workers AI 的功能,點一點後意外發現的。

原本很開心的以為終於有個好操作的免費版可以使用,但實際使用時,發現 Workers AI 對檔案大小有限制,而且是超過 2MB 就會直接跳「AiError」不給辨識。

不能超過 2MB 的檔案?

想了一想,應該就只有短影音之類的了,所以覺得用 Workers AI 來語音辨識好像不怎麼實用。

只是都已經研究出使用方式了,就還是整理為本篇筆記文,期待以後會再放寬檔案大小的限制。

https://www.letswrite.tw/cloudflare-workers-ai-whisper/
文章新增廣播:

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

最近看到有人寫了一篇用 AI 來 Code Review 的文章後,才發現原來有開源的好工具可以來使用,也剛好組內也有人提說,要不要來 Code Review,但因為需求常常太多,光開發就沒什麼時間了,就沒有時間來看 Code Review 這工程。

如果 AI Code Review 真的好用,那之後就要來想辦法看能不能做在開發流程裡。

這篇先研究 GitLab 的版本,之後有時間再來看 GitHub 版的。

https://www.letswrite.tw/gitlab-ai-code-review/
文章新增廣播:

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

這週下班後,在幫朋友寫一些東西時,發現常用的 GitHub 平台,加了 AI Code Review 後,真的是很有幫助,所以就決定寫這篇 GitHub 使用的筆記文。

因為大部份的工跟 GitLab 那篇幾乎相同,所以這篇就是速速的寫。

https://www.letswrite.tw/github-ai-code-review/