Firebase Realtime Database 常用功能筆記
本篇大綱：本篇要解決的問題。建立 Realtime Database、修改安全規則。安裝 Firebase SDK。寫入 / 更新資料。讀取資料、自動監聽數據的變化、只讀取一次數據。刪除資料。關於離線處理。
API
用 JavaScript 監聽頁面 / 頁籤被關閉的事件
本篇大綱：本篇要解決的問題。關閉視窗 / 頁籤 onbeforeunload。視窗 / 頁籤的變動 onvisibilitychange、Page Visibility API。關於無法計算的部份，就放手讓它飛。
幾個方便開發的 Console API 應用
本篇大綱：本篇要解決的問題。console.log 自動全部展開。console.table。console.time、console.timeEnd。console.warn、console.error。console.clear。document.designMode。
Vue.js 3 Composition API 基本學習筆記-2：fetch data、export / import
本篇大綱：本篇要解決的問題。Fetch Data 取資料。export、import。export、import + props。在上一篇學會了基本的 Composition API 的使用，接著這一篇是要寫最重要的，API 取回資料後更新，以及 import、export。
LINE Bot：X-Line-Signature 簽名驗證 範例
本篇大綱：本篇要解決的問題。官方範例程式碼。使用 X-Line-Signature 的完整程式碼。文件中新加了一段驗證的部份：Signature validation。目前 Augustus 開發的機器人已經在今年四月時就加上了驗證，執行起來沒遇到任何報錯，看來是確實可行的。
Google Maps API 學習筆記 – 6：畫新冠肺炎分佈圖
本篇大綱：有用到的筆記文列表。Google Maps API部份。取得資料部份。Google Sheet部份。取得、整理資料。將資料寫進Google Maps API。原始碼。Github CSV部份。取得資料。轉換CSV成JSON。將資料寫進Google Maps API。
Firebase Dynamic Links API 做一個自己的縮網址生成器
本篇大綱：真正Firebase動態網址的應用方式。註冊動態網址。取得Web API Key。POST API。API url。data、payload。POST API 實作程式碼。Client端部份。用GAS部份。將產生的縮網址到Google Sheet上。實作的完整程式碼。
Firebase Dynamic Links Analytics API 取得短網址分析資料
本篇大綱：用 API 取資料有一個大坑。Analytics API – Node.js。安裝 Google API、fetch。取得 Firebase 私密金鑰。程式碼部份。403 The caller does not have permission 的解決方法。筆記後心得。
Youtube Iframe API 常用功能
本篇大綱：影片愈來愈重要的這時代，前端會遇到嵌 Youtube 的相關需求。基本使用：嵌入影片 + 自動播放。1 HTML 中放一個 div，由 JS 去嵌入。2 HTML 裡直接放個 iframe。自製 Youtube 播放器。監聽 Youtube 播放狀態。Demo、原始碼。
Telegram Bot 學習筆記 – 5：取得使用者大頭照
本篇大綱：Telegram Bot 的大頭照要另外取得、取得使用者大頭照的流程、user_id、file_id、file_path、取得大頭照、完整示範程式碼、參考資源。要拿使用者大頭照，無法單純的只調用一個 API 就取得，實做的結果是調用了 3 個 API 才成功。
Google Maps API 學習筆記 – 5：抓目前位置、計算到各點距離
本篇大綱：目前所在位置、確認支援 geolocation、跟使用者要位置的權限、計算到各點距離 Distance Matrix Service、開啟權限、Distance Matrix API限制、使用 Distance Matrix API、API 回傳的值、實際應用。
File API 客製上傳檔案按鈕 / input file
本篇大綱：客製上傳檔案input html 部份、客製上傳檔案input js 部份、示範頁面。最近朋友遇到一個需求，就是要客製上傳檔案的按鈕。覺得寫成一篇，然後把code存起來，以後要用比較好找。可以看到input的id，跟label的for，兩個值要是相同的，這樣就可以把label跟input綁起來。