# 當 AI 走進前端開發:代理插件的全流程開發實踐 ## 1 背景 AI 技術的飛速發展,正在深刻改變前端開發的方式。以 **Cursor**、**Trae** 等新一代 AI IDE,正逐步成為工程師的“第二大腦”。它們通過強大的代碼補全、上下文理解、自動重構、文件生成等能力,讓開發者能夠以更...
# Vue3 登入頁還能這麼絲滑?這個 hover 效果太驚艷了 ### 前言 大家好,我是大華!在現代 Web 開發中,使用者體驗越來越重要。一個簡潔、美觀又富有動效的登入頁,不僅能提升品牌形象,還能增強使用者的第一印象。這篇文章,我們將用 **Vue3 + CSS3 動畫**,來實現一個**懸...
自從 2022 年 AI 程式設計開始流行以來,我一直對它持懷疑態度。後來,我改變了主意:我不再手動編寫大部分程式碼,而是讓 AI 產生 90% 的程式碼。說實話,我喜歡這種速度。 2023 年,我使用 ChatGPT 產生了大約 40% 的程式碼。這種體驗令人沮喪。我花在向 ChatGPT ...
AI代理人已經開始使用了,但您是否曾經感到「雖然能生成可運作的程式碼,但品質讓人擔心...」? 我最開始也是這樣。 使用 Claude Code、Cursor、Codex 時,確實能迅速生成程式碼。 但是,您會擔心這些程式碼真的算是「好程式碼」嗎? 正如 Zenn 上的這篇文...
上週面試的時候,面試官突然問我:“你用過 Cursor 對吧,那你知道 rules 嗎?”  當時小愛一愣,把問題聽成了 Cursor 的弱勢,本...
一組在紐約的台灣團隊 在 FB 私訊問我 shopify 客製化的問題 真神奇 雖然是 niche market 但果然會有這種機會 --- 客戶有兩個很急的需求 第一個需求是 客戶的商品 選項很多 超出 shopify 3 種的限制 使用 Ymq Product Op...
今天介紹一個特殊的 Dart 開源庫 [pixel_prompt](https://link.juejin.cn?target=https%3A%2F%2Fgithub.com%2FprimequantuM4%2Fpixel_prompt) ,`PixelPrompt` 是 **Dart 的終端 U...
こんにちは、とまだです。 各位,有沒有在考慮使用 Claude Code 或 Codex CLI 哪一個的困擾呢? 過去,Claude Code 曾經一度風靡,但最近試用了 Codex CLI 後,對它強大的推理能力感到驚訝。 觀察到 X 上,Codex CLI 的討論也逐漸增加。...
## 介紹 成為程式設計師的第五年,我在選擇工具上真的遇到了不少困難。隨著每一天都有新工具問世,我經常陷入思考:「這個工具真的有用嗎?」「花時間學習是否值得?」的困擾之中。 特別是在最近的 AI 熱潮中,開發工具的進化速度加快。說實話,跟上這趨勢是相當困難的。不過,當我實際使用某個工具後...
こんにちは、とまだです。 大家有試過 AWS Kiro 的規格驅動開發(Spec-Driven Development)嗎? 」(**編碼**),再從該規範生成代碼(**解碼**),並通過差異和測試進行評估——將這一**往返(Round-Trip)**整合進CI中,可以持續最小化需求與實作之間的差距。實務上結合如Spec Kit等的需求驅動**...
這是一個很有趣的問題,**很多人覺得有了 AI 之後是不需要學習,因為 AI 可以幫助他解決大部分問題**,但是如果你已經使用過一段時間 AI,或者說你正在使用 vibe coding,那麼你的實際體驗會告訴你,你需要學習,甚至比之前了解更多。 > 實際上有了 AI 之後,在某些方面我們確實不...
## 前言 生成AI(ChatGPT、Claude、GitHub Copilot等)寫程式碼的機會激增,開發速度劇烈提升,但「**可運行的程式碼**」和「**安全的程式碼**」是兩回事。特別是在生產環境中,需要考量性能、安全性和可維護性。 我們精選了AI容易寫出來(或寫出來後令人厭惡的)...
過去幾年,人工智慧程式設計助理不斷重塑開發者的工作流程。 GitHub Copilot、Cursor 和 Codeium 等工具可協助程式設計師以前所未有的速度編寫、除錯和理解程式碼。然而,儘管這些解決方案大多閉源且與專有生態系統緊密相關,但阿里巴巴 Qwen 團隊的開源專案**Qwen Code*...
隨著最近發布的 Grok 4(據稱是**最聰明的 AI 模型)** ,人們提出了一個重要的問題:該模型在編碼方面的表現如何,以及它是否超越了我們擁有的最佳模型,即 Anthropic 的 Claude Opus 4 和另一個可靠的模型,谷歌的 Gemini 2.5 Pro。 🔥 在本文中,我們...
Anthropic 的 Claude 是一款功能強大的工具。它具備強大的程式碼編寫、除錯和推理能力,深受開發者喜愛,尤其適合那些從事大型專案或尋求更聰明的 AI 代理的開發者。但它並非完美無缺。 Claude 仍然是基於雲端的專有平台,並且並非總是可用,具體取決於您的居住地或工作地點。如果您是...
在使用Claude Code進行開發時,您是否覺得每次手動確認瀏覽器的工作很麻煩? 表單的動作確認、按鈕點擊的測試、響應式設計的檢查。 即使AI幫您寫了程式碼,最終還是得親自檢查一遍對吧? 本次,我將介紹如何使用Microsoft官方的Playwright MCP,**僅透過自然語...
## 前言 接著上個小飛機的效果,在這個動畫的基礎上,用`CSS`實現的一個在飛機上開窗關窗的效果。整個實現過程比較簡單,大家可以先看到下面的效果預覽部分,十分簡單,沒有花里胡哨的技巧。話不多說,咱們直接進入主題。 ## 效果預覽 最終實現的相關效果如下。 [效果預覽](https://...
> 在 Flex佈局的日常使用中,flex:1 和 flex:auto 是兩個高頻出現的簡寫屬性。很多開發者可能會憑直覺混用,比如想讓元素 “佔滿剩餘空間” 時,隨手就寫一個 flex:1,偶爾能實現效果,但遇到複雜佈局時就容易踩坑 —— 明明程式碼結構相似,為什麼有的元素被擠壓變形,有的卻能正常顯...
### Perplexity 結合AI搜尋與摘要的快速研究引擎,能夠進行調查和草擬。 - 集中技術調查的第一手情報連結 - 提煉競爭與市場研究的要點 - 生成規範書或需求定義的草案 ### Jasper 針對行銷優化的AI寫作平台(品牌聲音與工作流程為強項)。 - 統一Landin...
每週二晚上《CodeLove Talk》直播! 聊聊科技新聞,一起討論軟體開發相關的話題!