Let's Write

如何用 Google Sheets / Excel 當作資料庫

2021-08-25

本篇大綱：本篇會用到的資源。建立 Google Excel。發佈 Google Excel 到網路。建一個會員列表的頁面。從 Google Excel 接資料。V4 版取得 Google Sheets 資料的方法。

2 種快速安裝、使用 Tailwind CSS 的方式

2021-08-16

本篇大綱：本篇要解決的問題。方法 1：Tailwind CLI、建立 tailwind.css 檔、建立 tailwind.config.js 檔、開發時的監聽、上線前的編譯 Building for production。方法 2：引用大神 JS 檔。

如何用 Netlify CMS 製作電子報生成器

2021-08-15

本篇大綱：本篇要解決的問題。製作一份電子報模板。一鍵安裝 Netlify CMS。開通管理員帳號、新增其他管理者、開放所有人皆可為管理員。本篇就是整理實作一個用 Netlify CMS 為電子報生成器的筆記文。

幾個方便開發的 Console API 應用

2021-08-162021-08-03

本篇大綱：本篇要解決的問題。console.log 自動全部展開。console.table。console.time、console.timeEnd。console.warn、console.error。console.clear。document.designMode。

Vue.js 3 Composition API 基本學習筆記-2：fetch data、export / import

2021-08-162021-07-28

本篇大綱：本篇要解決的問題。Fetch Data 取資料。export、import。export、import + props。在上一篇學會了基本的 Composition API 的使用，接著這一篇是要寫最重要的，API 取回資料後更新，以及 import、export。

Vue.js 3 Composition API 基本學習筆記-1：Ref、Props、watch、生命週期

2021-08-162021-07-23

本篇大綱：本篇要解決的問題。Ref。Props。watch、watchEffect、stop。生命週期。Composition API 可以把調用某支 API 的 JS code 寫成 JS 檔後，直接 import 到 .vue 檔裡，就不用每次都重複寫。

用原生 JS 做一個簡單的手風琴 Accordion / Collapse 功能

2021-07-23

本篇大綱：從jQuery到原生JS、HTML、CSS、JavaScript、原始碼下載。今年開始在工作時逼自己寫原生的JS（Vanilla JavaScript），今天趁著意外的假日，試著把手風琴用原生JS寫了一個出來。寫完後發現，其實沒幾行就可以完成，也有了一點小小的成就感。

如何用 Mockoon 快速建立 Mock APIs Server

2021-08-162021-07-20

本篇大綱：本篇要解決的問題。下載 Mockoon。使用 Mockoon、建立新環境、選擇方法、Path、給預設回應、開啟 CORS、Start server。調用 API。筆記後心得。

用 JavaScript 將 JSON 轉為 CSV 檔下載

2021-08-162021-07-15

本篇大綱：本篇要解決的問題。模擬取回的資料。整理資料。資料轉成 CSV 檔並下載。完成程式碼、範例。本篇會寫一個將取回的 JSON，轉成 CSV 檔後下載，並且保留原本資料的中文字。

GitHub API：建立 Issue、Comment – GitHub App

2021-07-122021-06-23

本篇大綱：本篇要解決的問題。建立 GitHub 登入功能，取得 token。新增 GitHub App，填寫 Firebase ID、密鑰。安裝 GitHub App。使用 GitHub API 新增留言及相關套件。Personal Token、GitHub App。GitHub 當留言版 Demo、原始碼。