筆記

如何取得 Facebook System User Token

整理取得 Facebook App Token 和 System User Token 的整套流程，內容包含：建立 App、拿到 App Token、在 Business 建 System User、把廣告帳號權限給 System User、把 App 掛進 Business、開 ads_read／ads_management 權限，最後產生能真正打 Marketing API 的 System User Token。

筆記

解決 Elastic Beanstalk 部署錯誤：Dockerrun.aws.json 被包錯層的血淚教訓

在 AWS Elastic Beanstalk 部署應用程式時，如果壓縮包的結構不正確，系統可能會誤判為缺少 Dockerfile 或 Dockerrun.aws.json，導致整個環境部署失敗。

伺服器

Fail2ban 自訂 banaction 結合 Cloudflare 的實作筆記

本文記錄了如何利用 Fail2ban 搭配 Cloudflare API 來有效阻擋惡意 IP。文中詳細說明了 Fail2ban 在使用 Cloudflare CDN 時的常見問題，並提供了取得真實 IP、設定自訂 banaction 的完整步驟與實作細節，讓你避開設定上的各種坑，輕鬆提升伺服器安全性。

Next.js

Next.js 專案部署 Heroku：解決 Auth.js Google OAuth 登入失敗問題

將 Next.js 專案部署到 Heroku 時，遇到了 Auth.js（NextAuth.js）整合 Google OAuth 登入失敗的問題，包括 redirect_uri_mismatch、UntrustedHost 等常見錯誤。本文整理踩坑過程與解法，包含環境變數設定與 Google App Callback 設定，協助你順利排除問題。

Ruby on Rails

Rails Where Association Exist

Rails 查詢關聯是否存在的方法，可以使用新的 missing 與 associated API 來縮短程式碼長度

Ruby on Rails

Rails 與 fog-aws 與 carrierwave 打一套上傳組合拳

記錄使用 carrierwave 搭配 fog-aws 將圖片上傳到 s3 將靜態資源外部化

筆記

MacOS 切換 Xcode Command Line Tools

本文介紹如何在 MacOS 上有效切換 Xcode 版本，以解決因版本不兼容導致的編譯問題。透過簡單的指令操作，讀者可以學會如何安裝及切換到合適的 Xcode 版本，特別是在使用 Homebrew 和 Ruby Gem 時可能遇到的相關編譯器問題。此方法不僅適用於開發者更新 Clang 編譯器，也有助於維持系統環境的穩定性。

筆記

Postgres.app Mac 版本安裝 pgvector

筆記一波 Postgres.app 沒有預先安裝 pgvector 之後補安裝碰上的問題。附上解決方案以及檢查方式。

伺服器

Ubuntu 升級 Node 版本

筆記升級 Ubuntu 升級原生 node 版本的方法

Ruby on Rails

Rails Active Record Callbacks 順序

簡易的列出 Ruby on Rails 全部的 active records callbacks 以及執行順序的筆記

伺服器

Cron job not work

筆記在伺服器上執行 cronjob 會碰到的一些問題以及解決方法

Nuxt

Nuxt3 install ScrollMagic

Nuxt3 是 Vue 的 SSR 框架。對於初次使用Nuxt 框架的人來說，可能會遇到一個讓人困惑的問題：何時是 server-side render，何時是 client-side render。有某些套件需要在client端引入。本文介紹了在Nuxt3中如何client 端引入套件，並以 ScrollMagic 為例進行了詳細教學。

Vue

Vue3 中如何從 Parent 呼叫 Child Component 的 Method？

本篇文章將深入探討在 Vue3 中如何從 Parent 呼叫 Child Component 的 Method。我們將比較 Options API 和 Composition API 的實現方式，並詳細說明它們在呼叫上的差異。如果你想學習如何更好地使用 Vue3，不要錯過這篇文章！

筆記

Heroku 專案安裝字體

紀錄如何在 Heroku 上安裝字體檔。

筆記

MacOS 升級 missing xcrun

MacOS 升級使用 command line 工具都會碰到 xcrun: error 的錯誤訊息導致 git 無法使用，筆記如何解決這個錯誤訊息免得每次升級都要重新搜尋解決方法。

Ruby on Rails

Rails 使用 Pundit 權限管理

使用 pundit gem 當作權限管理的物件，透過一些簡單範例來理解使用方法。

筆記

Yarn build fatal error: ineffective mark-compacts near heap limit allocation failed – javascript heap out of memory

筆記碰到 yarn build 時遇到 javascript heap out of memory 的處理方式。透過 terminal 調高 Node 記憶體使用上限處理。

Ruby on Rails

Rails 使用 concern 幫 model 減肥

當我們一個專案開發久了，一定會遇到單一 model / controller 肥大的問題，某些情境才使用的 class / instance methods 如果全都放在單一檔案內看起來又有點礙眼，很想把相似的功能放在一起管理。這個時候我們就能使用 concern 來幫我們的 model / controller 減肥

JavaScript

設計模式 Mediator

當同一個物件，之間會有頻繁交互作用時，透過中間人與參與者來進行溝通是一個很適合使用情境。 例如：多個玩家與計分板、聊天室與多名使用者。只要是需要中間一個協調者來參與都是中介者模式的好時機。

Ruby on Rails

Rails Webpacker not detecting change

紀錄一次 Rails 6 Webpacker 沒有 watch 到 vue 檔案變動，導致 assets:precompile 沒有正確的編譯出檔案問題。

JavaScript

設計模式 Strategy

當面對很多不同境境時採取不同的策略，例如：根據距離決定使用何種交通工具、不同的運送快遞有不同的金額計算方式、甚至是複雜點的表單驗證器、回合制戰鬥設計等，這個時候可以使用策略模式來設計物件。

JavaScript

設計模式 Singleton

筆記設計模式 singleton 的實作方式，用 JavaScript 來撰寫範例 code 未來有機會用到時可以回來看。

Ruby on Rails

Rails 安裝卡 pg -v 1.2.3

用 ruby 2.7.3 安裝 rails 時碰到卡 pg 這個 gem 安裝不起來的問題，筆記解決方法，如果未來碰到類似的問題，可以回來參考這篇筆記解決。

Ruby on Rails

Rialls 5 移植 CoffeeScript 到 Webpack

升級 Rails 5 之後接著處理要把 webpack 取代了原本的 sprocket ，紀錄遇到的問題。

JavaScript

Jest 如何 mock localStorage

在撰寫測試經常會需要 mock window class 的操作，例如預期呼叫 alert 啦，呼叫 localstorage 等，那麼為何只是說要呼叫呢？ 因為很多時候要測試的是有沒有預期的執行，而不是執行過後的結果是什麼，例如 alert 期望他被呼叫到，而結果是啥並不重要