iT邦幫忙

vibe coding相關文章
共有 102 則文章
鐵人賽 生成式 AI DAY 3

技術 D-0x03 如何用 VSCode + Github Copilot 打造你的 vibe coding 試驗場

上一篇文章裡,我談到 vibe coding 並不是魔法,不會憑空出現,工具與環境依舊是關鍵。這篇,我想更實際一些,帶大家一起打造屬於自己的「試驗場」:VSCo...

技術 Kiro Spec Mode:30 分鐘從 0 做出可部署 AWS 專案

前言 昨天是高雄的 AWS 雲端大會,雖然跟台北差不多,然後小了些,但能在高雄參加到這種活動也是一個不一樣的體驗,其中最喜歡的還是參加到了 Kiro 的實作,差...

鐵人賽 生成式 AI DAY 4

技術 D-0x04 Codex、Claude Code、Gemini CLI 與更多 vibe coding 工具探索

上一篇我聊了 VSCode + Github Copilot 如何成為我的 vibe coding 試驗場。這次,我想將視野從 IDE 延伸到另一個開發者最熟悉...

技術 2026 年前端工程師的生存戰:當程式碼不再是瓶頸,什麼才是你的核心價值?

前幾年大家還在爭論,AI 到底能不能寫程式。現在這題差不多結束了。它不只會寫,還寫得很快。快到很多前端工程師開始有點不舒服,因為以前最值錢的那段能力,忽然沒那麼...

技術 「Vibe Coding」已死,2026 年工程師真正該學的是代理工程

2025 年很多人第一次感受到一種很上癮的開發快感。 你丟一段 prompt,模型幫你補功能、改畫面、接 API,幾分鐘就像做完半天的事。那時候大家很愛講 Vi...

鐵人賽 生成式 AI DAY 17

技術 Day 17 - 實務上好用的方法,SDD

從想法到程式碼:Specification-Driven Development 完全實戰指南 在現代軟體開發中,需求文件與最終實作成品之間的鴻溝,往往是導致專...

技術 AI 時代,我們為什麼比過去更需要軟體工程師?解析 Vibe Coding 的虛與實

在這個 AI 程式碼生成技術(Code Generation)狂飆的年代,網路上充斥著一種聲音:「程式設計師要失業了」、「未來人人都是開發者」。最近矽谷甚至出現...

技術 2026別再只會 Vibe Coding,今年你該學的是「牧羊人式」的代理開發

如果你最近有在看台灣技術圈的討論,應該會發現一個很明顯的轉向。去年大家還在比誰比較會跟 AI 聊天,今年大家開始討論的是,怎麼讓一群 AI 真的進 repo、跑...

技術 Jules 初步使用心得紀錄

分享我初步使用了 Jules 一些紀錄。 資料使用設定 如果不希望 Jules 使用我們的程式碼進行訓練,記得取消勾選這裡的資料設定。 要選擇 Branch 這...

鐵人賽 生成式 AI DAY 1

技術 Day 1 - 不只學 iOS,我們用生成式 AI 重新定義 App 開發

大家好,在寫下這段文字時,我接觸 iOS 開發的資歷,大約是一兩個月。 一個月前,我才剛認識什麼是 Optional,才第一次在 Xcode 上成功運行 &qu...

鐵人賽 生成式 AI DAY 1

技術 (Day 1) 我的開發背景與 Vibe Coding 初探

我是從事桌面應用開發多年的軟體工程師,對網頁技術一直不太熟悉。直到最近一年,我開始接觸多款 AI 開發工具,像是 Cursor、GitHub Copilot、W...

鐵人賽 IT 管理 DAY 20

技術 【Day20】Claude Artifacts(6) 製作AI工具分享給別人用,也不再需因為卡被刷爆而「去你的Google太奸詐了」

不知道前陣子社群上的這個「Google太奸詐了」事件,大家有跟上嗎? 一位自稱「AI 講師」的創作者,用 Google AI Studio 做了一個超酷的 A...

技術 [Day-29] 叫你動了嗎?與 AI 共舞的心得

昨天我們提到踩坑清單,這個概念源自學生時期常聽到的「錯題本」,不過學生時期我其實很懶得做筆記......因為對學習模式沒有什麼概念,只知道就是要學、要考試,所...

鐵人賽 生成式 AI DAY 30

技術 SDD 是 Vibe coding 的未來嗎

在生成式 AI 與自然語言開發大潮中,「SDD(Specification-Driven Development)」正逐漸嶄露頭角。這種開發模式不再讓工程師綁手...

鐵人賽 生成式 AI DAY 16

技術 (Day 16)AI 幫我打造信件報告與回饋系統:從 Gmail、SendGrid 到 Resend 的選擇

在完成兒童任務管理平台的核心功能後,我又在 AI 的協作下,快速打造了「每週報告」:彙整任務完成率、活動紀錄與獎勵兌換等等;接著,我又想到的一個適合的常見功能&...

鐵人賽 生成式 AI DAY 27

技術 (Day 27) Kiro 初體驗:Spec 與 Vibe 模式的開發日誌實測

這段時間因為投入 iThome 鐵人賽文章的撰寫,平台的更新暫時停了下來。 為了避免思路斷掉,我決定在網站上增加一個「開發日誌」頁面,專門記錄平台的開發過程與背...

鐵人賽 IT 管理 DAY 30

技術 【Day 30】Claude Code(4) 用說的寫程式,Vibe Coding出自己的辦公小工具

還記得 Day 1 的時候,我們還在介紹很基本的 Claude 介面而已 中間經過了提示詞方法、網路搜尋、Artifacts、MCP…等主題,再到這幾天的 Cl...

鐵人賽 生成式 AI DAY 2

技術 (Day 2)我的 AI 協作夥伴:開發過程中的分工、觀察與反思

在上篇文章中,我簡單介紹了我的背景和這個兒童任務管理平台的開發契機,以及我如何透過 Vibe Coding 的方式開發整個專案。今天,我想聚焦在這段開發旅程中陪...

鐵人賽 生成式 AI DAY 30

技術 (Day 30) Vibe Coding 的一些經驗與心得,以及對軟體工程師未來的一些隨想

這篇鐵人賽最後一篇文章想聊聊我這段時間在 Vibe Coding 的一些體驗與心得,也順便分享我對 AI 時代下,作為軟體工程師該如何看待自身能力和未來角色的一...

鐵人賽 生成式 AI

技術 【Day31】Vibe Coding:當「感覺」對了,工具就對了!

TL;DR 解析 Vibe Coding (氛圍編碼) 的定義:一種以高階意圖與描述性需求,驅動 AI 進行開發的新範式。 探討從「提示詞工程」到 Vibe...

鐵人賽 生成式 AI DAY 20

技術 (Day 20)AI 幫我上架 Google Play:從 PWA 到 TWA 的實驗(上集)

從開發初期到現在,我的兒童任務管理平台一直以 PWA(Progressive Web App) 的形式存在。 PWA 的好處很明顯:只要一個網址,就能在大多數裝...

技術 從 Vibe Coding 到 Agentic Engineering:AI 寫程式真正缺的不是靈感,是驗證

Vibe coding 最危險的地方,不是它太隨便。 真正危險的是,它太容易讓人產生一種錯覺:只要 AI 跑得出一版東西,工程就往前推進了。 在 demo、si...

鐵人賽 自我挑戰組 DAY 2

技術 Day2 – Claude Code 設定與專案規劃

🎯 目標 說明 Claude Code(Vibe Coding)是什麼 如何設定、使用,以及在這個專案裡扮演的角色 建立「工作流程」:自己構思 → AI 協助...

技術 第一次Vibe coding - Chrome 釣魚標題擴充

先上GitHub連結給懶得看廢話的捧油 Chrome_newsTitle_extension 一、 前言 這篇文來想我地第一次使用AI寫程式的經歷,算一算也快...

鐵人賽 生成式 AI DAY 29

技術 (Day 29)零基礎也能行!用 VIBE CODING 與 AI 打造 PWA 兒童任務管理平台的經驗總結

如果你問過去的我:「要不要用網頁技術做一個完整的應用?」 我大概會搖頭,因為我本身是一名長期專注於 桌面應用程式開發 的上班族工程師。 對於 React、Fir...

鐵人賽 生成式 AI DAY 5

技術 (Day 5)如何與 AI 有效溝通設計風格與 UI 細節

作為一位完全沒有網頁開發經驗的桌面應用工程師,我在這次 PWA 平台的開發中,嘗試讓 AI 擔任主力設計師的角色。與其一開始就投入所有頁面的開發,我選擇先聚焦在...

鐵人賽 IT 管理 DAY 21

技術 【Day21】Claude Artifacts(7) 實作一個提示詞分析工具,讓 AI 幫你分析提示詞結構

昨天我們聊了 Claude Artifacts 的 AI 功能有多方便——不用申請 API Key、不用擔心帳單、分享超簡單。 今天,我們就要來實際用這個功能,...

鐵人賽 生成式 AI DAY 3

技術 (Day 3) 我如何選定開發技術:AI 協助下的技術決策

選定平台主題之後,我並沒有立刻投入開發,而是花了幾天時間與 AI 深入討論,釐清開發前的各項技術細節。這段「準備期」對專案方向的確立極為關鍵,也讓我這個完全沒有...

鐵人賽 生成式 AI DAY 27

技術 Day 27 | n8n 也可以 Vibe Coding ?

前言: 在我們深入探討 n8n 與 Notion 整合多日後,今天將視野轉向一個更具前瞻性的應用。 本文將實踐 n8n 社群中的一個精彩專案:「Vibe n8n...

鐵人賽 生成式 AI DAY 21

技術 (Day 21)AI 幫我上架 Google Play:從 PWA 到 TWA 的實驗(下集)

在上一篇文章中,我透過 AI 的協助,把一個原本只是網頁型態的 PWA(Progressive Web App) 包裝成 Android App,並利用 TWA...