鐵人檔案
工作要發 MR 通知同事時，我常常因為貼到錯誤的連結，或是想訊息內容要寫什麼而困擾不已。這些小小的問題雖然不起眼，卻讓工作節奏大打折扣。
為了解決這個痛點，我決定開發一個 Chrome Extension，讓我能在 Merge Request 頁面自動產生通知範本文字，並一鍵複製到剪貼簿，提升發 MR 文字的準確度，也加快速度。
這個系列將記錄我從零開始研究與開發的過程：
‧從 Chrome Extension 架構 入門
‧學習 content script 與 clipboard API
‧實作 MR 通知文字產生與複製功能
前言 在工程師的前半段生涯，我通常是獨立完成專案。由於需求總像隕石般砸來，所以一直沒有太多機會使用 Merge Request 來管理程式碼的變更。 直到加入現...
在搜尋參考資料的時候找到這到二篇文章： 從頭開始學習開發 Chrome extension （v3 版本） 使用 HTML / CSS / JS 開發 有...
今天我們要把建立好的專案進化成 Chrome 可以辨識的 extension！因此我們就會需要 manifest.json 什麼是 manifest.json...
昨天我們已經建好了基本的架構，接下來我們來做顯示的彈出式畫面吧！ Popup 頁面 Popup 頁面也就是當我們點擊工具列上的 Extension 圖示時，會跳...
昨天我們已經完成我們的畫面了，接下來我們就要來將它轉變成在 Chrome 上打開的 Extension 囉~ 安裝 CRXJS Vite Plugin 因為 V...
昨天我們將 Extension 裝到 Chrome 了，但我們應該也發現，如果每次一個小變動就要 build 一次，那要開發到何年何月呢？ 所以我們來調整一下，...
好啦！現在我們有基本的環境了，可以開始來抓資料了~我們目標是希望 Extension 可以自動抓網頁的資料，產生必要的連結和文字，因此我們需要 Content...
昨天我們學會了如何透過 Content Script 把程式碼注入到 GitLab Merge Request 頁面，並且成功印出一個簡單的測試訊息。接下來，我...
昨天我們成功抓到標題了！但是 Reviewer 卻沒有成功顯示... WHY 重新整理頁面我們會發現，Reviewer 這個區塊在 GitLab 載入後，需要再...
昨天我們已經成功從 Merge Request 的頁面中取得我們需要的資訊了，今天就來處理另一個重要的資訊吧─範本文字！ 我們先前先暫時設定了一個範本文字寫在...
