是 Ray 不是 Array

這章節要來講一下模組化開發的部分，很多時候當我們 JavaScript 越寫越多的時候就會希望特地區塊的功能可以切出來，那為什麼會留到 EP 6 才做紀錄呢？因為模組化開發也會建議使用 Bebal，所以這邊就來記錄一下該如何撰寫吧

由於我們平常撰寫 JavaScript 的時候，都必須顧慮每一個瀏覽器的支援性問題，所以這邊要來記錄替 Webpack 加入 Bebal 這個編譯神器工具，它可以幫助我們將我們所撰寫的 JavaScript 編譯成所有瀏覽器可以支援的 JavaScript

前面基本上常見的東西也算是也記錄了，這邊先來記錄一下該如何在 Webpack 中開啟模擬伺服器，否則每次編譯之後還要將 dist 拖曳進新的 VS Code 中開啟伺服器這樣實在太麻煩，所以這邊就來做一下紀錄哩~

前面已經學到該如何安裝基礎插件了，但是平常我們在撰寫時不只有這樣子，舉例我來講我是習慣撰寫 SCSS 的，所以這篇就來記錄一下 SCSS 安裝及撰寫。

前面已經學習到如何使用基本的 Webpack，但是這樣子是遠遠不夠的，所以接下來將會試著加入插件這個東西。

Webpack 是一個很常見的網頁技術，主要是協助我們打包網頁所需要的東西並整合成我們網頁所需要的，所以這邊開始學習記錄一下 Webpack 吧~

以往我們撰寫程式碼都是使用 codepen、jsbin 或是 jsfiddle，但是如果我們今天要撰寫 Vue Cli 的話，那這些線上平台就沒有辦法撰寫，但是 CodeSandbox 就可以做到這個需求，讓我們來線上撰寫 Vue Cli 吧!(~~有夠像業配~~)

上一篇介紹如何使用 koa.js 來接上 firestore，但是那篇文章其實有一個很嚴重的安全性問題，那就是規則其實是公開的，所以這篇將會記錄該如何在不公開狀態下透過 firebase 帳號權限來控制 firestore。

因為一些工作上需求，所以必須了解 firestore 的架設與使用，那這篇文章就出來啦~雖然網路上有些資源，但是這邊一樣就寫一下操作紀錄筆記。

有時候我們要替影片上字幕是滿麻煩的事情，因為必須重複地聽才能夠抓出時間區段，但是如果透過工具先幫我們抓出 50% 字幕區間，然後在來做調整，這樣一定會比較準確，所以這邊做一下筆記該如何使用這個套件。