以 Docker Compose 建立 Node.js 全端開發環境（六） — Image 發布在上個章節我們成功在本地端打包 Image ，接下來我將會提供個簡易的方式來發布 Image。Mar 31, 2023Mar 31, 2023
以 Docker Compose 建立 Node.js 全端開發環境（五） — Image 打包在上個章節我們完成了前後端的功能與內容，在這章節我們將會則把這些內容進行編譯，並將成果打包成對應的 Image…Sep 3, 2022A response icon1Sep 3, 2022A response icon1
以 Docker Compose 建立 Node.js 全端開發環境 （四） — Todo List Api 串接上個章節我們加入了 Prisma 作為與資料庫溝通的中間層，這篇我們將使用它來協助我們開幾隻基礎的 Api 並且完成 Todo List 的功能，而本篇會有些 React 的部分，但很抱歉這邊並不會針對 React 的細節做說明，這邊預設讀者是有使用過 React 的經驗…Sep 2, 2022Sep 2, 2022
以 Docker Compose 建立 Node.js 全端開發環境（三） — 資料庫與 Prisma 配置在前兩個章節，我們建立了開發用的容器與基礎的配置，但目前兩個容器間還沒有實質互動，在實作一些功能之前，為了要能夠儲存資料，我們會需要加入資料庫的容器並建立與後端服務的連結。Sep 1, 2022Sep 1, 2022
以 Docker Compose 建立 Node.js 全端開發環境（二）— 配置ESLint延續上個章節的專案，這篇文章我們將在專案加入 ESLint 的部分，但這邊會以 VSCode 為編輯器的角度來進行設置，如果是使用其他編輯器的讀者，可能要想想看自己熟悉的編輯器該怎麼架設…Aug 31, 2022Aug 31, 2022
以 Docker Compose 建立 Node.js 全端開發環境 （一）— 配置Docker Compose前陣子有段時間，我個人相當專注於 Monorepo 的相關技術，而近期專案上反而比較少使用到那些工具，不過這次的主題是建立一個以容器化為基礎的開發環境，並且依然會把不同 App 的 Source Code 放在同一個 Repo 下來開發，而就這點來看也還是有那麼些類似的感覺。Aug 30, 2022Aug 30, 2022
[心得] Vanilla 環境下使用MobX 與 Emotion最近稍微回顧了下過去，想起幾年前在前端上主要使用 jQuery 而到今天漸漸習慣了前端框架的使用，不過 jQuery 已經漸漸離我遠去，當然也時常在想著不知道會不會有那天會有更突破的架構或工具改變現狀。…Aug 3, 2021Aug 3, 2021
[筆記] 比較 CSS Modules 與 Emotion最近注意到 Material-UI 似乎再將一些基本的 component 遷移為 Emotion，而我在開發的專案中原本使用 CSS Modules 進行開發，但遇到了需要使用到 CSS-in-JS 的必要，所以我就決定以 Emotion…Mar 22, 2021Mar 22, 2021
[工具] 使用 VSCode Remote 與 Docker Extension 進行開發早在微軟發佈了 Remote 的 Extension 後，這個套件就已是我無法割捨的 Extenstion 之一，對我來說，這不只是建議安裝！而是絕對絕對一定要安裝的套件…Feb 2, 2021Feb 2, 2021
[工具] CodeSandbox 配合 GitHub 使用之前使用到了 CodeSandbox 做些範例，發現可以直接配合 GitHub 使用，直接 Fork GitHub 的專案再 CodeSandbox 中開啟，這點覺得還蠻方便的，並且也能夠登入 GitHub 的帳號發出 PR，這樣有時候就能夠無腦直接開瀏覽器開發了呢。Jan 17, 2021Jan 17, 2021
![[心得] Vanilla 環境下使用MobX 與 Emotion](https://miro.medium.com/v2/resize:fill:160:106/1*3KddRuNJokJzzZ_075LEew.png)
![[心得] Vanilla 環境下使用MobX 與 Emotion](https://miro.medium.com/v2/resize:fill:320:214/1*3KddRuNJokJzzZ_075LEew.png)
![[筆記] 比較 CSS Modules 與 Emotion](https://miro.medium.com/v2/resize:fill:160:106/1*NyZgIFQrLUjs5HAX7SOwig.png)
![[筆記] 比較 CSS Modules 與 Emotion](https://miro.medium.com/v2/resize:fill:320:214/1*NyZgIFQrLUjs5HAX7SOwig.png)
![[工具] 使用 VSCode Remote 與 Docker Extension 進行開發](https://miro.medium.com/v2/resize:fill:160:106/1*wmZnrpwrfQcxTGirDVxMwQ.png)
![[工具] 使用 VSCode Remote 與 Docker Extension 進行開發](https://miro.medium.com/v2/resize:fill:320:214/1*wmZnrpwrfQcxTGirDVxMwQ.png)
![[工具] CodeSandbox 配合 GitHub 使用](https://miro.medium.com/v2/resize:fill:160:106/1*YrggyaiR_7ZPanOa8D1fMg.png)
![[工具] CodeSandbox 配合 GitHub 使用](https://miro.medium.com/v2/resize:fill:320:214/1*YrggyaiR_7ZPanOa8D1fMg.png)
