用 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 設定觸發條件。用不同的寄件者信箱寄信。
Google 表單，輸入 ID 後自動帶入其它欄位資料
本篇大綱：本篇要解決的問題。1 建立比對用的原始資料。2 製作填資料用的 Google 表單。3 抓 Google 表單的 URL、name。4 製作一個表單頁面。5 程式碼：GAS 上篩原始資料。6 程式碼：接表單資料。範例、原始碼。
用 Auth0 在 WordPress 上做會員註冊、登入功能
探索如何在 WordPress 上使用 Auth0 實現會員註冊和登入功能。本文詳細介紹了從頁面上添加登入按鈕、設置登入按鈕的點擊事件，到用戶登入後捕獲用戶資訊並在頁面上顯示的過程。還提供了完成的 JavaScript 檔案放置方法。
WebSocket 基本介紹及使用筆記
本篇大綱：WebSocket 前端得懂一點。WebSocket 重點心智圖。用 Node.js 建一個簡單的 WebSocket Server。前端連結 WebSocket。1 建立 WebSocket、2 監聽 WebSocket 事件、3 Client 端發訊息給 WS Server。
Auth0 Universal Login，做一個自己的會員註冊、登入功能
本篇大綱：Auth0 Universal Login步驟。註冊Auth0，設定基本資訊。取得domain、client ID。設定 Login box的樣式。引用createAuth0Client。取得Auth0 config。判斷是否登入，登入就取得資訊。加入LINE登入。Auth0後台看會員狀況
用原生 JavaScript 寫一組社群分享按鈕（FB、LINE、Twitter）
學習如何在 WordPress 上使用原生 JavaScript 製作 FB、LINE 和 Twitter 的社群分享按鈕。本文提供了詳細的步驟指南和完整程式碼，助你輕鬆實現社群分享功能。
用 Google Apps Script 寫一個 LINE 登入功能：上篇 – 前置作業
本篇大綱：為什麼要 LINE 登入？為了電子報訂閱人數。LINE 登入會拿到的資料。LINE 登入並取得資料的三大步驟。前置作業：3 個必備事物。LINE Login 後台設定部份。
Nuxt.js 一些好用的設定
本篇大綱：Nuxt.js 用起來蠻順手的。新增 Nuxt 專案。head 的 lang 修改。修改整頁使用的模版。用不同的 layout。使用 Sass、Pug。npm run generate 到相對路徑。這篇是筆記在看文件時，覺得開發過程中遇到的問題，研究後找到的解法。
IntersectionObserver：下篇 – 實際應用 lazyload、進場效果、無限捲動
本篇大綱：使用資源。lazy load 延遲載入（圖片、影片）、一個神奇的狀況（坑？）。進場效果。無限捲動。原始碼、Demo。接續上一篇的IntersectionObserver基本使用（以下簡稱IO），本篇來寫三個實際應用。
IntersectionObserver：上篇 – 基本介紹及使用
本篇大綱：IntersectionObserver？拿超商的歡迎光臨來說明。IO 使用 3 步驟：1 建立觀察器（observer）、2 指定觀察器要觀察的獵物（entry）、3 當獵物進入（true） / 離開（false） 觀察器視窗的範圍，觀察器就執行 callback。原始碼。參考資源。
拿 Trello 當資料庫 建一個店家清單 – 下篇：建立清單頁面
本篇大綱：上篇的最後取得了 URL、整理取得的資料、製作顯示清單頁面、捷運站選單、清單卡片部份、店家詳細資料、原始碼及 Demo。本篇要筆記的是取得資料後的整理，以及處理成一個店家清單的頁面。為了有切換的功能，除了上篇的公館站外，Augustus 另外又建了一個古亭站。
Recent Comments