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 上的教學也比較多。

製作RWD email 工具:MJML,如何使用及注意事項

本篇大綱:本篇要解決的問題。安裝 MJML。開始使用。MJML 程式碼,寬度、CSS、Style、一般的 a 標籤。整理注意事項的原始碼。用完 MJML 這套 RWD email 工具後深深覺得,終於得到一套 +8 精煉的對抗 Outlook 的神器了!

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

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