本篇大綱：Auth0 Universal Login步驟。註冊Auth0，設定基本資訊。取得domain、client ID。設定 Login box的樣式。引用createAuth0Client。取得Auth0 config。判斷是否登入，登入就取得資訊。加入LINE登入。Auth0後台看會員狀況
Auth0 Universal Login，做一個自己的會員註冊、登入功能
Posted on
分類: Front-End
用原生JavaScript寫一組社群分享按鈕(FB、LINE、Twitter)
Posted on
本篇大綱：外掛有好也有壞，決定自己寫。1 取得分享按鈕的HTML：FB、LINE、Twitter。2 頁面上額外載入JS檔。3 抓每一頁的網址。4 頁面上嵌入HTML。5 設計按鈕樣式。6 原始碼要放哪。完整程式碼。
用Google Apps Script寫一個LINE登入功能：下篇 – 三大步驟
Posted on
本篇大綱：取得LINE登入的三大步驟。1 產出一個讓使用者點擊的LINE網址。2 拿LINE網址回傳的授權碼，呼API取得token。3 拿token呼API取得使用者的公開資料。三大步驟的完整程式碼。參考資源。上篇的「前置作業」都設定完後，本篇要進入程式碼的部份了，程式碼主要是呼API來取得token跟資料。
用Google Apps Script寫一個LINE登入功能：上篇 – 前置作業
Posted on
本篇大綱：為什麼要LINE登入？為了電子報訂閱人數。LINE登入會拿到的資料。LINE登入並取得資料的三大步驟。前置作業：3個必備事物。LINE Login後台設定部份。如果常來Let’s Write的朋友，又是眼尖的朋友，會發現本站訂閱電子報換成掃QR code的方式啦~
Netlify+Gitlab 建一個免費靜態網站
Posted on
本篇大綱：免費架一個站的工具愈來愈多。開始前需要準備好的。1 註冊Netlify帳號。2 連接Gitlab專案。3 修改子網域名稱。4 自訂域名。本篇要筆記的是免費架站工具：Netlify。它可以直接抓Github、Gitlab裡的專案，想更新時只要push專案就行，而且還可以自訂網域。
不會寫程式，也能自己架一個免費網站：Publii + Github pages
Posted on
本篇大綱：有時候，我們只是想要有一個簡單的網站，而且免費。下載、安裝Publii。Publii基本設定。建立Github帳號，取得token。填上取得的4個值到Publii，然後同步。最後幾個提醒事項。寫這篇，主要是寫給不會寫程式，或是自己就是工程師，但都想要有一個自己的網站。
IntersectionObserver：下篇-實際應用 lazyload、進場效果、無限捲動
Posted on
本篇大綱：使用資源。lazy load 延遲載入（圖片、影片）、一個神奇的狀況（坑？）。進場效果。無限捲動。原始碼、Demo。接續上一篇的IntersectionObserver基本使用（以下簡稱IO），本篇來寫三個實際應用。本篇的無限滾動，是像FB那樣子，頁面每捲到底，就會多載入一張卡片進來。
IntersectionObserver：上篇-基本介紹及使用
Posted on
本篇大綱：IntersectionObserver？拿超商的歡迎光臨來說明。IO使用3步驟：1 建立觀察器（observer）、2 指定觀察器要觀察的獵物（entry）、3 當獵物 進入（true） / 離開（false） 觀察器視窗的範圍，觀察器就執行callback。原始碼。參考資源。
postMessage 主頁、iframe頁可互相傳值
Posted on
本篇大綱：前端的一個困擾 管不到 iframe。Google、Facebook也是這樣傳值的。postMessage基本使用、傳值、接值。原始碼、Demo。本篇筆記要記錄的就是A、B頁面iframe的情況下，A傳給B，或B傳給A的問題，該怎麼用postMessage來解決。
拿Trello當資料庫 建一個店家清單：上篇-Trello基本使用
Posted on
本篇大綱：Trello可以排工作，更可以吐出JSON、Trello建立資料步驟、建立團隊、建立看板、建立列表、建立卡片、建立待辦清單、輸入資料、取得Trello JSON的Url。本篇筆記要記錄的分成2篇。本篇是如何將Trello的看板設成公開，並建一個清單來接。