現代軟體越來越強，原始程式碼也越來越龐大，加上需要不斷追趕的時程，每個軟體團隊對於兼顧程式碼品質已經日漸困難。 雖然市面上已經有多種針對原始碼品質做白箱檢測的...
在功能穩定後，你對程式碼還有要求嗎？ 「沒有最好的程式，只有更好的程式。」在完成功能後 Code Review 是非常重要的事情；不只看自己的程式碼，也要多...
上一篇我們已經簡單地介紹如何使用開源程式碼檢測平台 SonarQube，今天再來教大家如何產生 PDF 分析報告吧。 但是免費的社群版本沒有辦法將分析結果以 P...
(圖片引用來源)在團隊中，Review 的機制非常重要，不管是不是寫 code，都需要有夥伴幫你確認寫的內容是否正確也能在 Review 階段中發現自己的不足、...
前言 這篇有兩個主題：公司文化與code review，而講者特別強調的是要如何將這兩件事情中間做連結。所以如果你想知道要如何把公司定義的價值落第到工程文化中...
今天要介紹 VSCode 中，可讓註解更清楚的輔助 extension- Todo Tree。 如何使用 Todo Tree 提高程式碼易讀性？ Todo...
早上開三個 agent run，很容易讓人有一種錯覺。 一個去修測試，一個去整理 API 回傳格式，一個去把舊元件搬到新的資料流。你去開會，吃飯，處理 Slac...
最危險的導入報表，不一定是數字不好看。 有時候剛好相反。數字太好看，才麻煩。 100 個工程師都開過 coding agent。CLI 安裝率 90%。每週 p...
除了上篇所說的做法與心態上出奇制勝外。 我們再導入一些實質的SOP工具，幫助我們更有效率的達陣得分。而真正要看見這些工具展現的地方，就要來到終極戰場: Debu...
你看不到 agent 腦中怎麼想。 但你看得到它留下來的 diff。 這件事聽起來很廢話，卻是很多 coding agent review 討論最常跳過的一步。...
團隊最容易丟給 AI agent 的工作，剛好也是新人最需要碰的工作。 小 bug。小 UI。文件整理。測試補一補。把某個舊元件拆乾淨。幫圖片工具補一個預覽狀態...
禮拜三晚上八點，阿偉傳訊息給我： 「老黃又來了，我的PR被reject了，comment就一行『這個設計違反了 SOLID 原則，請重寫。』就這樣，沒了。」 「...
在整個前端開發過程中，包括 JavaScript, HTML, CSS 以及與後端的交互作用，安全性的考量在各個層面都至關重要。以下將針對不同語言在程式碼安全性...
一個 agent PR 看起來可以很漂亮。 有清楚的 commit。有像樣的 PR description。有測試結果。Diff 也不大，甚至比某些人類同事更有...
一個 AI agent 送出 PR，測試有跑，描述也寫了，diff 看起來還算乾淨。 然後 reviewer 還是把它退掉。 這件事一點都不矛盾。真實工程流程不...
今天要介紹 VSCode 中，可讓註解更清楚的輔助 extension- Better Comments。 如何使用 Better Comments 提高程式碼...
AI reviewer 說「Approve」，PR 旁邊亮起綠色勾勾。這一刻很容易讓人誤以為工作少了一份：既然機器看過，required approval 也湊...
為什麼需要寫註解？ 雖然理想中的 Clean Code 應該具備自我解釋的能力，但實際在開發過程中，撰寫註解仍然是必要的，特別是在協作開發和專案交接的情況中。...
Code Review 六大原則 進行 Code Review 時，應考慮多個面向，包含功能邏輯、程式碼風格、效能、可維護性與易讀性、安全性、模組化與重用性，...
避免 Cross Site Request Forgery（CSRF） CSRF 是一種網絡攻擊，攻擊者會在使用者已經登入的情況下，執行未授權的操作。攻擊者利...
很多人看 CLI 裡的 AI 工具，第一個反應還是：「這不就是把聊天機器人塞進終端機嗎？」 這個理解大概已經過期了。 比較值得盯的變化，不是模型在命令列回答得更...
在 Code Review 時，為了維持程式碼可維護性、易擴充原則，Function 的模組化與重用性為重要原則。今天將介紹撰寫程式碼時，開發人員需遵守的撰寫原...
內容簡介 在多人協作的系統專案中，程式碼版本控管是一個至關重要的流程，良好的版控規劃能夠有效地管理各個開發者的工作成果，並確保程式碼的整合與穩定性。隨著專案規...
雖然標題說要回顧，其實有點懶得回顧內容，因為每天寫真的好膩 🤣，但還是不敢相信自己堅持了三十天，我們就先不討論內容的精緻度了，以30天來說，已經超過科學上養成習...
AI code review 最容易被誤解的地方，是它看起來像多了一個 reviewer。 PR 開了，機器人跑來留 comment。某段邏輯可能有 bug，某...
AI 幫你修 CI，聽起來很像一個很單純的省時間功能。 Workflow 紅了，log 一大串。你按一下 Fix with Copilot，agent 去看錯誤...
ESLint 跟 Prettier 差別 ESLint 與昨天介紹的 Prettier 比較，ESLint 主要用途為語法檢查，撰寫規範性提醒；Prettie...
接下來四天的內容將會圍繞於程式碼風格規範的討論，並透過實作 ESLint 與 Prettier 來提升程式碼整潔度。最後，將提供 Code Review 的範例...
今天提供幾個針對程式碼風格的人工 Code Review 實作範例，也是Prettier 和 ESLint 比較難檢查到的。 範例 1. 原始程式碼： fun...
在撰寫 JavaScript 時，可以在 VS Code 中安裝 ESLint 和 Prettier - Code formatter 等擴充套件，來統一規範程...
Jason Cheng (節省哥)
寶寶出頭天
Gary
small2kuo
mcshao
Ivan
我寶妮周啦
iThome鐵人賽
看影片追技術