用Vue.js製作圖片版EDM生成器
本篇大綱：本篇要解決的問題。預覽、產出的HTML，要分開。用 replace 替代 hack，補上 width、html。檔案包成 zip 的套件：JSZip、FileSaver.js。抓圖檔要用 FileReader。JSZip 抓圖檔，要刪掉 base64 的開頭。demo 及原始檔下載。
javascript
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上做會員註冊、登入功能
本篇大綱：自己的會員功能自己寫。寫code前的必要步驟，跳過。1 頁面新增登入按鈕。2 登入按鈕的點擊事件。3 使用者登入後，抓使用者資訊並呈現在頁面上。放置完成的JS檔。
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)
本篇大綱：外掛有好也有壞，決定自己寫。1 取得分享按鈕的HTML：FB、LINE、Twitter。2 頁面上額外載入JS檔。3 抓每一頁的網址。4 頁面上嵌入HTML。5 設計按鈕樣式。6 原始碼要放哪。完整程式碼。
用Google Apps Script寫一個LINE登入功能：上篇 – 前置作業
本篇大綱：為什麼要LINE登入？為了電子報訂閱人數。LINE登入會拿到的資料。LINE登入並取得資料的三大步驟。前置作業：3個必備事物。LINE Login後台設定部份。如果常來Let’s Write的朋友，又是眼尖的朋友，會發現本站訂閱電子報換成掃QR code的方式啦~
Nuxt.js一些好用的設定
本篇大綱：Nuxt.js用起來蠻順手的。新增nuxt專案。head的lang修改。修改整頁使用的模版。用不同的layout。使用sass、pug。npm run generate到相對路徑。這篇是筆記在看文件時，覺得未來會用到的，或是在開發過程中遇到的問題，然後研究一陣後找到的解法，作一個整理。
IntersectionObserver：下篇-實際應用 lazyload、進場效果、無限捲動
本篇大綱：使用資源。lazy load 延遲載入（圖片、影片）、一個神奇的狀況（坑？）。進場效果。無限捲動。原始碼、Demo。接續上一篇的IntersectionObserver基本使用（以下簡稱IO），本篇來寫三個實際應用。本篇的無限滾動，是像FB那樣子，頁面每捲到底，就會多載入一張卡片進來。
IntersectionObserver：上篇-基本介紹及使用
本篇大綱：IntersectionObserver？拿超商的歡迎光臨來說明。IO使用3步驟：1 建立觀察器（observer）、2 指定觀察器要觀察的獵物（entry）、3 當獵物 進入（true） / 離開（false） 觀察器視窗的範圍，觀察器就執行callback。原始碼。參考資源。
JavaScript載入方式 defer, async
本篇大綱：defer、async、都不寫。這是很久以前的筆記，這次來整理並更新，主要是筆記載入JavaScript時，defer、async這兩個標籤的不同。瀏覽器是一行一行讀下去的，defer、async都不寫的話，DOM繪製到引用JS的那一行時，就停下來先解讀、執行完，然後DOM才接著往下繪製。