iT邦幫忙

vibe coding相關文章
共有 69 則文章
鐵人賽 生成式 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 到底能不能寫程式。現在這題差不多結束了。它不只會寫,還寫得很快。快到很多前端工程師開始有點不舒服,因為以前最值錢的那段能力,忽然沒那麼...

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

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

鐵人賽 生成式 AI DAY 17

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

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

鐵人賽 生成式 AI DAY 1

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

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

技術 Jules 初步使用心得紀錄

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

鐵人賽 生成式 AI DAY 1

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

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

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

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

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

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

鐵人賽 生成式 AI DAY 30

技術 SDD 是 Vibe coding 的未來嗎

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

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

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

鐵人賽 IT 管理 DAY 20

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

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

鐵人賽 生成式 AI DAY 2

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

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

鐵人賽 生成式 AI DAY 30

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

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

鐵人賽 生成式 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 3

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

選定平台主題之後,我並沒有立刻投入開發,而是花了幾天時間與 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 的好處很明顯:只要一個網址,就能在大多數裝...

鐵人賽 生成式 AI DAY 29

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

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

鐵人賽 自我挑戰組 DAY 2

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

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

鐵人賽 生成式 AI DAY 5

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

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

鐵人賽 生成式 AI DAY 7

技術 (Day 7)AI 助我用 Firebase 打造兒童任務管理平台 (上集)

在開發一個具備 「使用者登入」 與 「個別資料紀錄」 的應用時,傳統作法通常需要自行設計登入系統、處理使用者驗證、建立資料庫結構,甚至還要配置檔案儲存空間與伺服...

鐵人賽 生成式 AI DAY 27

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

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

鐵人賽 IT 管理 DAY 21

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

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

鐵人賽 生成式 AI DAY 8

技術 (Day 8)AI 助我用 Firebase 打造兒童任務管理平台 (下集)

在上一篇文章中,我分享了自己如何在毫無 Firebase 經驗的情況下,透過 AI 的協助完成了平台的基礎建設,包括 身分驗證 與 資料庫存儲。這些功能雖然已經...

鐵人賽 生成式 AI DAY 4

技術 (Day 4)好的開始是成功的一半:AI 助我走出第一步

做好事前準備後,我開始著手產出第一版應用,並請 AI 夥伴協助進行開發。原本以為這只是把整理好的需求交給 AI 處理,讓它產出一個初步版本,實際操作後才發現,這...