Published inRecording everything·Jun 491 Unit Testing 單元測試實戰操練營 — 心得與學習筆記這次因為公司內部訓練,有機會請了 91 老師來幫我們上一堂關於 Unit Testing 的實戰課程,整堂課收穫很多,除了讓我重新認識寫 Unit Testing 這件事之外,對於許多軟體開發實務上也有蠻多收穫! 以下就簡單記錄幾點,自己覺得在課程中對我收穫很多的幾個重點。 你有好好確認過需求嗎?Software Development14 min readSoftware Development14 min read
Published inRecording everything·Apr 22[CSS] 如何在滾動視窗時固定某一個畫面的元素在前端開發的時候,有時候會遇到一個需求,想要在滾動畫面到某一個元素的時候,就固定這個元素到頂端,以便於提供更好的 UX 或是提高使用者對於這個特定元素的關注。 固定元素到頂端 首先先來看看一個很基本的需求 — 「固定 Header 到畫面頂端」。CSS5 min readCSS5 min read
Published inRecording everything·Dec 13, 2022AWS 學習筆記 — 利用 Lambda 與 S3 來完成上傳圖片的服務吧!(使用 Golang 與 S3 presigned URL)前一陣子玩了一下 Lambda 的開發,對於 Lambda function 與 API 在 AWS 上有了基本的認識,但這對於實際工作上開發可能還有一段路。因此,就來實際做一些小功能,透過實作來接觸與學習更多的 AWS 服務。 在動手實作之前,我們先來定義一下我們想完成什麼樣的功能: 情境:能夠讓使用者不需要登入任何帳號,就可以從特定 Web 介 …Lambda10 min readLambda10 min read
Published inRecording everything·Aug 7, 2022什麼是 SLI、SLO與 SLA 呢?一直以來都有聽過這幾個名詞 SLI、SLO 與 SLA,雖然這些概念用文字描述很簡單,可能幾行字都描述完,但都沒有很清楚去理解它們代表的意義,或是看完過一陣子就忘了。 由於公司的產品服務是 SaaS,最近 Service Team 要跟 SRE Team 一起討論我們服務的 SLO,才有比較認真來理解一下這幾個名詞實際用在哪裡。 Service-Level Indicator, SLI An SLI is …Software Development4 min readSoftware Development4 min read
Published inRecording everything·Jul 3, 2022AWS 學習筆記 — 使用 Serverless Framework 來快速 deploy 你的 lambda function在學習了如何手動在 AWS Console 上製作一個可以透過呼叫的 HTTP Serverless API 後,一般開發上應該還是會需要使用 cli 的方式部署會比較方便。而現在主流的雲端平台不外乎就是 AWS、GCP 或是 Azure 等等,每家在 deploy 你的 Serverless function 的時候都有一套自己的 cli 解決 …Software Development7 min readSoftware Development7 min read
Published inRecording everything·Jul 1, 2022React 學習筆記5 — useRef 怎麼用?在我們開發 react 的時候,通常都會建議大家不要去直接對 DOM 操作,透過改變 state 來觸發 UI 畫面的改變,或是希望所有動作都是 immutable,不要產生任何無法預期的 side effect。但其實在某些情況下,我們希望當某些資料被改的時候,不希望觸發畫面的 rerender,這時候我們就需要一個 mutableRefObj …Frontend4 min readFrontend4 min read
Published inRecording everything·Jun 4, 2022AWS 學習筆記 — 無伺服器 Serverless 的 LambdaAWS lambda 是無伺服器(Serverless)、事件推動的運算服務,相信已經被非常廣泛的運用在各種產品與服務上了。Serverless 是一種 Function as a Service (FaaS) 的雲端服務,好處就不贅述了,不外乎就是開發者只需要專注在實作功能,服務提供商會幫你處理 Infrastructure 的各種大大小小的事 …Software Development7 min readSoftware Development7 min read
Published inRecording everything·Jun 3, 2022演算法筆記系列 — Monotonic Stack/Queue在資料結構中, Stack/Queue 是一般來說比較廣為人知的基礎資料結構,而你知道還有一種變化型的 Monotonic Stack/Queue 嗎?這個資料結構也是在寫 leetcode 題目的時候才第一次聽到(可能以前學校上課有學過但忘記了),稍微研究理解後,做個簡單的紀錄。 Monotonic Sequence (單調序列) 在提到 Monotonic Stack/Queue 之前,我們先來看 …Algorithms5 min readAlgorithms5 min read
Published inRecording everything·Jan 22, 2022使用 Google Apps Script 連結 Google Sheet 與 Firebase database 吧!兩年半前在玩 line bot 的時候,有使用過 Google Apps Script 與 Google Sheet 的搭配,最近剛好有需求要把 Google Sheet 裡面的資料,處理過後同步到 Firebase 的 realtime database,發現 Google Apps Script 的介面改版,而且可以完全支援 ES6 以上的語 …Software Development7 min readSoftware Development7 min read
Published inRecording everything·Jan 4, 2022Sideproject 紀錄 — Instagram Lucky Draw身為一個工程師,大家多少都有做一些 sideproject 的經驗,因為陸陸續續其實也做了不少 sideproject,這個 Instagram Lucky Draw 也關閉服務有一陣子了,團隊討論過後未來也不會再重新開啟,覺得可以整理一下做個紀錄,算是他有存活過的一個證明(?) 緣起 會做這個抽獎小工具其實不是我想出來的 idea,一開始是剛好朋友找我 …Side Project8 min readSide Project8 min read