在前端開發的時候，有時候會遇到一個需求，想要在滾動畫面到某一個元素的時候，就固定這個元素到頂端，以便於提供更好的 UX 或是提高使用者對於這個特定元素的關注。 固定元素到頂端 首先先來看看一個很基本的需求 — 「固定 Header 到畫面頂端」。

前一陣子玩了一下 Lambda 的開發，對於 Lambda function 與 API 在 AWS 上有了基本的認識，但這對於實際工作上開發可能還有一段路。因此，就來實際做一些小功能，透過實作來接觸與學習更多的 AWS 服務。 在動手實作之前，我們先來定義一下我們想完成什麼樣的功能： 情境：能夠讓使用者不需要登入任何帳號，就可以從特定 Web 介 …

一直以來都有聽過這幾個名詞 SLI、SLO 與 SLA，雖然這些概念用文字描述很簡單，可能幾行字都描述完，但都沒有很清楚去理解它們代表的意義，或是看完過一陣子就忘了。 由於公司的產品服務是 SaaS，最近 Service Team 要跟 SRE Team 一起討論我們服務的 SLO，才有比較認真來理解一下這幾個名詞實際用在哪裡。 Service-Level Indicator, SLI An SLI is …

在學習了如何手動在 AWS Console 上製作一個可以透過呼叫的 HTTP Serverless API 後，一般開發上應該還是會需要使用 cli 的方式部署會比較方便。而現在主流的雲端平台不外乎就是 AWS、GCP 或是 Azure 等等，每家在 deploy 你的 Serverless function 的時候都有一套自己的 cli 解決 …

在我們開發 react 的時候，通常都會建議大家不要去直接對 DOM 操作，透過改變 state 來觸發 UI 畫面的改變，或是希望所有動作都是 immutable，不要產生任何無法預期的 side effect。但其實在某些情況下，我們希望當某些資料被改的時候，不希望觸發畫面的 rerender，這時候我們就需要一個 mutableRefObj …

AWS lambda 是無伺服器(Serverless)、事件推動的運算服務，相信已經被非常廣泛的運用在各種產品與服務上了。Serverless 是一種 Function as a Service (FaaS) 的雲端服務，好處就不贅述了，不外乎就是開發者只需要專注在實作功能，服務提供商會幫你處理 Infrastructure 的各種大大小小的事 …

在資料結構中， Stack/Queue 是一般來說比較廣為人知的基礎資料結構，而你知道還有一種變化型的 Monotonic Stack/Queue 嗎？這個資料結構也是在寫 leetcode 題目的時候才第一次聽到(可能以前學校上課有學過但忘記了)，稍微研究理解後，做個簡單的紀錄。 Monotonic Sequence (單調序列) 在提到 Monotonic Stack/Queue 之前，我們先來看 …

兩年半前在玩 line bot 的時候，有使用過 Google Apps Script 與 Google Sheet 的搭配，最近剛好有需求要把 Google Sheet 裡面的資料，處理過後同步到 Firebase 的 realtime database，發現 Google Apps Script 的介面改版，而且可以完全支援 ES6 以上的語 …

身為一個工程師，大家多少都有做一些 sideproject 的經驗，因為陸陸續續其實也做了不少 sideproject，這個 Instagram Lucky Draw 也關閉服務有一陣子了，團隊討論過後未來也不會再重新開啟，覺得可以整理一下做個紀錄，算是他有存活過的一個證明(?) 緣起 會做這個抽獎小工具其實不是我想出來的 idea，一開始是剛好朋友找我 …