📌軟體由來
大家應該都有這種經驗：明明行事曆排得滿滿的，卻常常在瀏覽網頁、處理工作的時候，完全忘了等一下還有會議、還有行程。Google 日曆開在另外一個分頁，它就靜靜躺在那裡，不看就等於沒有。
我一直覺得，行事曆不應該被「藏」在特定頁面裡。既然我整天都在瀏覽器上工作，那為什麼不能讓行程一直「貼」在眼前呢？
於是我就動手做了一款 Chrome 擴充功能「網頁行事曆便利貼」——它會把我 Google 日曆上未來有行程的每一天，各自變成一張小便利貼，常駐在瀏覽器的每個網頁角落。打開任何網站，該辦的事情一目了然，就像桌邊貼滿了提醒紙條一樣自然。
⚡核心功能總覽
這款擴充功能把「看到行程」變成一件很直覺的事，重點功能如下：
🎯誰適合使用
這款工具沒有年齡或身份的限制，任何使用 Google 日曆安排生活的人都能派上用場。我自己天天用，也特別推薦給行程繁重的朋友們：
🗓️ 行程繁重的人
會議、約診、繳費期限、截稿日、家庭聚會……行程散落在不同日期，常常一不小心就漏掉。裝上這款擴充功能後，只要一打開電腦、任何瀏覽頁面，今天的行程就自動貼在眼前，看過一遍就有底了。
我自己最常用的是 「僅限個人主要日曆」 過濾，確保便利貼上只出現自己帳號的行程，不會混進他人共用的行事曆，畫面乾淨又準確。
💻 需要長時間用瀏覽器工作的人
需要開會、簡報或線上研討時，把工具列停靠在右側或左側直排，寬度只有 104px，完全不遮擋工作內容，卻能隨時瞄一眼下一個行程，非常方便。
🔧使用教學：從下載到開始使用
🚀 安裝步驟（Chrome 擴充功能 + GAS 後端）
- 點擊上方按鈕前往 GitHub Release 頁面，下載
source code.zip並解壓縮。 - 開啟
gas/Code.gs，複製全部程式碼。 - 前往 Google Apps Script 官網 建立新專案，命名為「網頁行事曆便利貼 API」，貼上程式碼並儲存。
- 點擊「部署」→「新增部署」→ 選取類型為「網頁應用程式」。
- 執行身分：選擇「我」；誰可以存取：選擇「所有人」。
- 通過 Google 授權（允許讀寫日曆），複製產生的
Web App URL。 - 在 Chrome 開啟
chrome://extensions/，開啟右上角「開發人員模式」。 - 點擊「載入未封裝項目」，選取解壓縮後包含
manifest.json的專案資料夾。 - 點擊瀏覽器工具列的 📅 圖示，貼上 Web App URL（會自動永久儲存）。
- 選擇日曆範圍與便利貼尺寸，點擊「🔄 立即同步行程」，完成！
⚠️ 此工具使用 Google Apps Script 作為後端 API，完全由你自己的 Google 帳號控管，不用申請 Google Cloud OAuth 審核，設定快速、權限安全透明。
📌 日常操作重點
- 切換停靠位置：點擊工具列「📐 靠右直排 / 靠左直排 / 靠底橫排」，三段式循環切換。
- 拖曳滑動：在小便利貼區按住左鍵拖曳（橫排左右、直排上下）。
- 收合便利貼：點 ✕ 收合單張；「📁 全部收合 / 📂 全部展開」一次處理全部。
- 工具列縮起：點 ◀ 收至左下角膠囊標籤，點膠囊一鍵展開。
- 跨分頁常駐：切換分頁、開新頁面，便利貼與收合狀態都無縫維持。
🎁 貼心小功能
- 日曆來源範圍過濾：僅限個人主要日曆（推薦）/ 個人擁有日曆 / 所有日曆。
- 便利貼尺寸切換：標準 100% 或精簡約 50%，螢幕空間隨心省。
- 快速新增行程：面板直接填寫標題、時間、地點與備註，一鍵寫入日曆。
- 直達 Google 日曆：點便利貼 🔗 或任一行程，直接跳轉當日行程。
💡技術亮點
這款擴充功能在技術上用到了這些技術：
Chrome Manifest V3 Google Apps Script Google Calendar API Content Script 注入 Service Worker chrome.storage.local chrome.alarms 跨分頁廣播同步
擴充功能採用 Manifest V3 架構，由 background service worker 負責透過 GAS 抓取日曆資料、定期背景同步與跨分頁廣播，content script 負責把便利貼注入到每個網頁中並處理拖曳、收合與尺寸切換。行程資料快取在 chrome.storage.local，換分頁也能即時還原，達成「開任何網頁都看得到行程」的核心體驗。
🤝結語
做這款工具的初衷很單純：讓行程「看得見」。與其每天手動翻行事曆，不如讓行程自動貼在你每天開的網頁上，一開電腦就看到今天該做的事。
沒有留言:
張貼留言