WebSocket 基本介紹及使用筆記

本篇大綱:WebSocket前端得懂一點。WebSocket重點心智圖。用 Node.js 建一個簡單的 WebSocket Server。前端連結WebSocket。1 建立WebSocket、2 監聽WebSocket事件、3 client端發訊息給WS Server。

用Google Apps Script寫一個LINE登入功能:下篇 – 三大步驟

本篇大綱:取得LINE登入的三大步驟。1 產出一個讓使用者點擊的LINE網址。2 拿LINE網址回傳的授權碼,呼API取得token。3 拿token呼API取得使用者的公開資料。三大步驟的完整程式碼。參考資源。上篇的「前置作業」都設定完後,本篇要進入程式碼的部份了,程式碼主要是呼API來取得token跟資料。

用Google Apps Script寫一個LINE登入功能:上篇 – 前置作業

本篇大綱:為什麼要LINE登入?為了電子報訂閱人數。LINE登入會拿到的資料。LINE登入並取得資料的三大步驟。前置作業:3個必備事物。LINE Login後台設定部份。如果常來Let’s Write的朋友,又是眼尖的朋友,會發現本站訂閱電子報換成掃QR code的方式啦~

Netlify+Gitlab 建一個免費靜態網站

本篇大綱:免費架一個站的工具愈來愈多。開始前需要準備好的。1 註冊Netlify帳號。2 連接Gitlab專案。3 修改子網域名稱。4 自訂域名。本篇要筆記的是免費架站工具:Netlify。它可以直接抓Github、Gitlab裡的專案,想更新時只要push專案就行,而且還可以自訂網域。

Nuxt.js一些好用的設定

本篇大綱:Nuxt.js用起來蠻順手的。新增nuxt專案。head的lang修改。修改整頁使用的模版。用不同的layout。使用sass、pug。npm run generate到相對路徑。這篇是筆記在看文件時,覺得未來會用到的,或是在開發過程中遇到的問題,然後研究一陣後找到的解法,作一個整理。

Nuxt.js 引用Firebase SDK

本篇大綱:Nuxt.js 學習中。1 新增firebase.js。2 更新nuxt.config.js。3 各頁面引用。最近在看Nuxt.js的文件,剛好手上有一個站當初是用Vue Cli的,想來轉用nuxt.js,沒想到在第一步引用Firebase SDK就卡關。

不會寫程式,也能自己架一個免費網站:Publii + Github pages

本篇大綱:有時候,我們只是想要有一個簡單的網站,而且免費。下載、安裝Publii。Publii基本設定。建立Github帳號,取得token。填上取得的4個值到Publii,然後同步。最後幾個提醒事項。寫這篇,主要是寫給不會寫程式,或是自己就是工程師,但都想要有一個自己的網站。

IntersectionObserver:下篇-實際應用 lazyload、進場效果、無限捲動

本篇大綱:使用資源。lazy load 延遲載入(圖片、影片)、一個神奇的狀況(坑?)。進場效果。無限捲動。原始碼、Demo。接續上一篇的IntersectionObserver基本使用(以下簡稱IO),本篇來寫三個實際應用。本篇的無限滾動,是像FB那樣子,頁面每捲到底,就會多載入一張卡片進來。