用 GCP 建立 Cloud Functions
本篇大綱：本篇要解決的問題。建立 Functions。測試 Functions。刪除 Functions。GCP 上也有建立 Cloud Functions 的服務，而且還有介面可以操作，對於建立、測試、刪除這些基本步驟，相較於 Firebase 要下命令，更為簡便。
用 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 資料。回傳錯誤訊息。
Firebase Cloud Firestore V8 常用功能筆記
本篇大綱：本篇要解決的問題。安裝。讀取資料 get。查詢 where。排序 orderBy。寫入資料 add, set, update。刪資料 delete。監聽變動 onSnapshot。
第 100 篇：起點、轉折、then()
賀~本站文章數到達第 100 篇啦~~造訪人次也在這個月破了 10 萬，平日的不重複瀏覽量也破 600 啦~最重要的是，本站終於有了專屬的 Logo！網站跟各社群上都更新了，完完全全是請設計師設計的，不再是素材網上找一找然後拼湊而成。
Google 表單，輸入 ID 後自動帶入其它欄位資料
本篇大綱：本篇要解決的問題。1 建立比對用的原始資料。2 製作填資料用的 Google 表單。3 抓 Google 表單的 URL、name。4 製作一個表單頁面。5 程式碼：GAS 上篩原始資料。6 程式碼：接表單資料。範例、原始碼。
LINE Bot：X-Line-Signature 簽名驗證 範例
本篇大綱：本篇要解決的問題。官方範例程式碼。使用 X-Line-Signature 的完整程式碼。文件中新加了一段驗證的部份：Signature validation。目前 Augustus 開發的機器人已經在今年四月時就加上了驗證，執行起來沒遇到任何報錯，看來是確實可行的。
用 Storybook 做一個 UI 整理集
本篇大綱：本篇要解決的問題。安裝。整理檔案架構。檔案介紹。使用 Pug、Sass。在 Storybook 上使用標題跟資料夾的層級。輸出成靜態檔。範例程式碼。
滿版圖片背景、影音背景
本篇大綱：本篇要解決的問題、滿版背景圖、滿版影音背景。最近遇到頁面的第一屏是滿版影片當背景的設計稿，原本以為只是偶爾有的樣式，後來看到朋友做別的案子時也有一樣的設計，才想把這次寫滿版影片的方式給筆記起來。
TestCafe 學習筆記 – 2：常用設定及功能
本篇大綱：typeText，輸入文字時可帶的參數。比對網址。修改等待時間。螢幕截圖。用瀏覽器的模擬手機功能。取消快取。建立不同會員身份來測試。這篇是 Augustus 翻了一次 TestCafe 的說明文件後，整理出覺得會常用到的部份。
TestCafe 學習筆記 – 1：自動化測試會員登入
本篇大綱：關於 End-to-End 測試。安裝 TestCafe。撰寫測試檔、Fixtures、Tests。頁面上互動。執行自動化測試。設定排程、機器人通知。程式碼。筆記後心得。選擇使用 TestCafe，主要是因為比較好學，而且 Youtube 上的教學也比較多。
Recent Comments