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 上的教學也比較多。
製作 RWD email 工具：MJML，如何使用及注意事項
本篇大綱：本篇要解決的問題。安裝 MJML。開始使用。MJML 程式碼，寬度、CSS、Style、一般的 a 標籤。整理注意事項的原始碼。用完 MJML 這套 RWD email 工具後深深覺得，終於得到一套 +8 精煉的對抗 Outlook 的神器了！
LINE Notify：用 Google Apps Script 建立簡易網站監測機器人
本篇大綱：本篇要解決的問題。用 LINE Notify 打造監測網頁機器人流程。取得 Notify token。GAS 上寫監測的程式碼。LINE Notify 限制。如果只是要一個訊息通知，LINE 有一個更適合的工具：LINE Notify。
LINE Bot：用 Google Apps Script 建立簡易網站監測機器人
本篇大綱：本篇要解決的問題。用 GAS 製作監測網站的LINE機器人流程圖。1 建立 LINE 機器人。2 Webhook URL、Channel access token。3 Google Apps Script 寫入監測及推播程式碼。4 設定觸發程序。
用 Auth0 在 WordPress 上做會員註冊、登入功能
探索如何在 WordPress 上使用 Auth0 實現會員註冊和登入功能。本文詳細介紹了從頁面上添加登入按鈕、設置登入按鈕的點擊事件，到用戶登入後捕獲用戶資訊並在頁面上顯示的過程。還提供了完成的 JavaScript 檔案放置方法。
Recent Comments