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

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

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