筆記 如何取得 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 來縮短程式碼長度
筆記 MacOS 切換 Xcode Command Line Tools 本文介紹如何在 MacOS 上有效切換 Xcode 版本,以解決因版本不兼容導致的編譯問題。透過簡單的指令操作,讀者可以學會如何安裝及切換到合適的 Xcode 版本,特別是在使用 Homebrew 和 Ruby Gem 時可能遇到的相關編譯器問題。此方法不僅適用於開發者更新 Clang 編譯器,也有助於維持系統環境的穩定性。
Ruby on Rails Rails Active Record Callbacks 順序 簡易的列出 Ruby on Rails 全部的 active records callbacks 以及執行順序的筆記
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,不要錯過這篇文章!
筆記 MacOS 升級 missing xcrun MacOS 升級使用 command line 工具都會碰到 xcrun: error 的錯誤訊息導致 git 無法使用,筆記如何解決這個錯誤訊息免得每次升級都要重新搜尋解決方法。
筆記 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 當面對很多不同境境時採取不同的策略,例如:根據距離決定使用何種交通工具、不同的運送快遞有不同的金額計算方式、甚至是複雜點的表單驗證器、回合制戰鬥設計等,這個時候可以使用策略模式來設計物件。
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 期望他被呼叫到,而結果是啥並不重要