Google Sheets 略過空白格重整資料

本篇大綱:本篇要解決的問題。新增 Google 試算表、指令碼編輯器。程式碼:onEdit。測試結果。彩蛋:可以指定不同的試算表。前幾天有朋友問說,能不能在 Excel 上,跳過空白儲存格,重整一份資料?身為一位前端工程師,Excel 公式不會,難道不能寫程式解決嗎!?

Word、Excel 合併列印功能使用筆記

本篇大綱:本篇要解決的問題。工程師角度介紹合併列印。製作 Excel 檔。製作 Word。合併列印功能、啟用合併列印、選取收件者、插入合併欄位、完成合併。篩選功能。範例檔案下載。

Google Optimize A/B Testing 使用筆記

本篇大綱:本篇要解決的問題。選用 A/B 版本測試。設定 A/B 版。要執行測試的網址規則。連結 GA 並設定目標。埋程式碼。執行測試。結果報表。最近想對本站的右側版面做些排列上的修改,很好奇「請喝咖啡」的區塊移上去,是不是成效會比較好?

LIFF v2 基本使用筆記及範例

本篇大綱:本篇要解決的問題。建立 LIFF。LIFF init。取得基本環境資訊。登入、登出。取得使用者資料。傳訊息。連結。打開 QR Code 掃描器。關閉 LIFF。LIFF 轉成公開。範例、原始碼。

用 GCP 建立 Cloud Functions

本篇大綱:本篇要解決的問題。建立 Functions。測試 Functions。刪除 Functions。GCP 上也有建立 Cloud Functions 的服務,而且還有介面可以操作,對於建立、測試、刪除這些基本步驟,相較於 Firebase 要下命令,更為簡便。

PWA學習筆記-6:實際使用整體流程範例

本篇大綱:本篇要解決的問題。1 建立 icon 的圖檔。2 建立 manifest.json。3 建立 sw.js。4 註冊 Service Worker。5 檢查,Lighthouse 看 PWA 使用狀況。本篇就是寫為本站加入PWA的過程,順便整理了一下必要的步驟。

用Vue.js製作圖片版EDM生成器

本篇大綱:本篇要解決的問題。預覽、產出的HTML,要分開。用 replace 替代 hack,補上 width、html。檔案包成 zip 的套件:JSZip、FileSaver.js。抓圖檔要用 FileReader。JSZip 抓圖檔,要刪掉 base64 的開頭。demo 及原始檔下載。

Google表單,提交後系統自動寄送回覆通知email

本篇大綱:本篇要解決的問題。Google表單自動發送回覆信件流程圖。1 建立Google表單,回覆的試算表點擊指令碼編輯器。2 指令碼編輯器,新增HTML檔案。3 電子報的 .html,要替換的文字寫成變數。4 程式碼部份。5 設定觸發條件。用不同的寄件者信箱寄信。

Firebase Cloud Functions 基本使用筆記

本篇大綱:本篇要解決的問題。安裝 Firebase CLI。在本機案裝 Firebase Cloud Functions。部署 Functions。本機測試。觸發:HTTP、排程、Callable。觸發:Firebase Auth。讀寫刪 Firestore 資料。回傳錯誤訊息。