#### 引子:三句話,我決定要他了 最近團隊業務擴張,所以有一些HC,我也因此成了「兼職面試官」,每天都在跟不同的候選人打交道。面試得多了,一些有趣的現象就浮現了出來。這篇文章,就是我最近的一些觀察和思考。 有天晚上,我面試了兩個同樣有三年工作經驗的工程師,都問了同一個問題:「談談你做...
在Windows上使用Docker進行開發的現場,大家幾乎都在困擾中。 - 使用Docker運行WordPress,速度真的慢到驚人。 - 使用Docker開發Laravel應用,但Vite運行速度太慢。 - 即使被要求使用Linux,公司的電腦是Windows啊!Excel也必須用。 ...
## 單點登入(SSO)在多端應用中的設計與實現 在現代 Web 應用架構中,用戶往往需要同時使用多個關聯的業務系統(如電商平台的商品頁、購物車、支付中心)。單點登入(SSO)技術透過「一次登入,多系統通行」的特性,徹底解決了用戶在多系統間重複登入的痛點。本文基於簡單的實際專案案例,詳細介紹 ...
在我家,每天早上都會展開這樣的對話。 。 LangGraph被廣泛認為是構建生產級代理系統的首選。今天我...
# Git ## 準備 ### Git 安裝 首先確認是否已經安裝 git。 ``` git --version ``` 如果已顯示版本,則不需要重新安裝。 如果沒有,請從 [這裡](https://git-scm.com/book/ja/v2/%E4%BD%BF...
### 開篇:一個經典的面試題 “說說看,使用者登入後拿到的 Token,前端應該怎麼存?” 這個問題看似簡單,卻能清晰地分辨出一個前端開發者對安全的理解深度。是存到 `localStorage`?`sessionStorage`?還是 `Cookie`?又或者是內存裡?不同的選擇背後,是截...
## 本記事的目次 - [XML-like 提示有效的理由](https://qiita.com/keiichileograph/items/4fcadeebd27410078828#xml%E3%83%A9%E3%82%A4%E3%82%AF%E3%81%AA%E3%83%97%E3%83%AD...
半年前左右,我的前輩推薦了《[世界上最簡單的思考方式教科書](https://www.amazon.co.jp/%E4%B8%96%E7%95%8C%E3%81%A7%E4%B8%80%E7%95%AA%E3%82%84%E3%81%95%E3%81%97%E3%81%84%E8%80%83%E3%...
## 前言 在結合 AWS CloudFront 與 WAF 以加強安全性時,我們遇到了一個奇怪的現象。 「明明應該被 WAF 阻擋的請求,為什麼還是返回 200 OK...?」 查看日誌後確認確實是被 WAF 阻擋,但瀏覽器卻顯示空白頁面,回應代碼卻是 200。究竟發生了什麼事? ...
# 深入理解 Redux:從手寫核心到現代實踐(附 RTK 銜接) Redux 作為前端經典狀態管理庫,核心解決 “組件間狀態共享” 與 “狀態變更可追溯” 問題,適配大型 React 專案。這篇文章我透過結合**手寫核心邏輯**與**現代工具 RTK**,拆解 Redux 原理,明晰 “底層...
# 90%前端忽略的3大內存黑洞,這樣根治性能飆升300%! 你是否遇到過:頁面越用越卡,瀏覽器內存佔用持續飆升? 動態列表頻繁增刪後,頁面直接卡死崩潰? 弱引用、閉包、定時器——這些看似無害的程式碼,竟是內存洩漏的元兇! 本文直擊**三大高頻內存洩漏場景**,用**Weak...
AI自動化作業就選 n8n 吧。在過去幾個月中,它逐漸得到普及。 那麼 n8n 一般是要付費的,但你知道有一種方法可以(合法地)免費使用它嗎? 我身邊看到許多人在不知道的情況下使用它,因此我決定將具體的步驟整理成文章發佈。 n8n 是一個可以輕鬆構建 AI 工作流程的方便工具,即使...
晚上好。這裡是坐禪犬。 Claude Code、Gemini CLI、Cursor,以及Kiro,真的讓我們開始覺得**沒有AI代理的生活難以想像**。起初我只是抱著好奇,想知道可以做些什麼,但隨著我漸漸有了自己的運作架構,這些工具變成了生活的必需品。正如那句名言所說,「我們創造了工具,而後工...
你是否曾夢想過在終端機視窗裡擁有一個 AI 助手?現在,你的夢想成真了,因為 Google 剛剛發布了[Gemini CLI](https://blog.google/technology/developers/introducing-gemini-cli-open-source-ai-agent/...
# 為什麼你的 TypeScript 專案裡,總會有幾個 .d.ts 文件? 剛寫 TS 的時候,我看到專案裡莫名其妙冒出個 `types.d.ts` 或者 `global.d.ts`,心裡是有點懵的。啥?這個文件是幹啥的?我 `.ts` 文件不是已經寫類型了嗎?為什麼還要多此一舉? ...
我們正在開發一款名為[「Accessibility Visualizer」](https://ymrl.github.io/a11y-visualizer/)的工具,用於檢查網頁的可存取性。該工具以瀏覽器擴充功能的形式提供,可在網頁上疊加顯示與可存取性相關的資訊。它適用於[Chrome](https...
每週二晚上《CodeLove Talk》直播! 開放觀眾 Call-in,一起討論軟體開發相關的話題!