Vue CLI 安裝 Tailwind CSS
本篇大綱：本篇要解決的問題。安裝 Tailwind CSS -none、minimal、full。postcss.config.js。Google 了一下後，在 npm 上發現有一個套件可以直接安裝，而且容易上手，就整理成這篇。
Vue
用Vue.js製作圖片版EDM生成器
本篇大綱：本篇要解決的問題。預覽、產出的HTML，要分開。用 replace 替代 hack，補上 width、html。檔案包成 zip 的套件：JSZip、FileSaver.js。抓圖檔要用 FileReader。JSZip 抓圖檔，要刪掉 base64 的開頭。demo 及原始檔下載。
用 Storybook 做一個 UI 整理集
本篇大綱：本篇要解決的問題。安裝。整理檔案架構。檔案介紹。使用 pug、sass。在 Storybook 上使用標題跟資料夾的層級。輸出成靜態檔。範例程式碼。
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就卡關。
Vue.js 用computed跟filter做一個簡易搜尋功能
本篇大綱：Demo說明。抓RSS的XML，並轉成JSON。RSS to JSON 線上工具。Google Apps Script寫一個XML to JSON的function。Computed + filter執行搜尋功能。原始碼、Demo。抓RSS的XML比較簡單，比較麻煩的是要把XML轉成JSON來使用。
拿Trello當資料庫 建一個店家清單：下篇-建立清單頁面
本篇大綱：上篇的最後取得了Url、整理取得的資料、製作顯示清單頁面、捷運站選單、清單卡片部份、店家詳細資料、原始碼及Demo。本篇要筆記的是取得資料後的整理，以及處理成一個店家清單的頁面。為了有切換的功能，除了上篇的公館站外，Augustus另外又建了一個古亭站。
d3、vue 畫一個台灣地圖
本篇大綱：畫一個台灣地圖需要很多資源的幫忙、畫台灣地圖步驟、下載縣市界線經緯度、SHP轉檔GeoJSON、製作頁面、HTML、引用d3.js、d3.js append svg path、參考資源、原始碼、Demo。本篇紀錄在畫一個台灣的步驟，包含拿資料、轉檔、用d3.js繪製地圖，以及把台灣本島放在區塊中央。
vue transition製作簡單的carousel/slider/輪播功能
本篇大綱：輪播/carousel/slider、3個輪播套件推薦、Slick、Swiper、Owl Carousel 2、自己寫一個carousel、Vue Transition Carousel製作、原始碼下載。很多時候只想有簡單輪播，為了簡單的效果就引用套件，很多沒用到的功能就是在增加讀取時間。
vue transition中用多個v-if, v-show
本篇大綱：v-if, v-show tab功能好幫手、transition中放多個v-if、transition中放多個v-show、vue transition多個v-if, v-show整理。自從開始在用vue.js後，寫頁籤（tab）功能簡單多了。不只頁籤，相似的也很好用，比方線上測驗的換頁、手風琴。
用Vue CLI 3 + Vuetify 製作說明頁面
用Vue CLI 3 + Vuetify 製作說明頁面 本篇大綱：關於「套件集合站」、本篇使用資源、安裝Vue CLI 3、建立Vue CLI 3專案、安裝Vuetify、製作頁面模版、抓firebase資料、Vue Router：id、pathMatch、製作頁面、build 產出原始碼、本篇原始碼。