iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
生成式 AI

30 天與 AI 同事打造系統的求生實錄 系列

AI 技術發展快速,許多協助寫程式的工具和方法陸續出現,例如 Vibe coding、AI agents 等等,也讓我開始思考:工程師和 AI 合作,真的能提升開發效率嗎?

我自己有一些程式基礎,這次想透過 30 天的實作挑戰,試著與 AI 搭配開發一套系統。過程中,我會用自己的方式與想法與 AI 協作,也會嘗試一些不確定的方法,看看哪些可行、哪些會卡關。

這不會是一份教學或操作指南,而是記錄一位開發者親身嘗試與 AI 共事的經驗,希望透過這次挑戰,更了解自己與 AI 合作的可能性。

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 21

【Day 21】模擬會議的收穫與限制:AI 同事陪我規劃前端設計

鐵人賽第21天今天開始前端的設計,首先先跟AI同事討論如何構建這個應用,AI同事(UX研究員)建議我們想定義核心使用者畫像(Personas) 與旅程地圖(Us...

2025-08-21 ‧ 由 elliot_coding 分享
DAY 22

【Day 22】新手視角下的品牌設計:AI 同事陪我定義前端視覺規範

鐵人賽第22天 今天主要還是在前端建置前討論,昨天是偏功能向的討論,今天則是偏視覺向的討論。之前我有請AI去做過一些介面,但都千篇一律,跟其他人分享的界面都很相...

2025-08-22 ‧ 由 elliot_coding 分享
DAY 23

【Day 23】前端初體驗:登入介面踩坑、樣式疑雲與全域樣式解法

鐵人賽第23天今天主要開始根據之前討論的內容去建置前端。一開始我請AI同事先去了解全局的狀態跟前端的計畫後,跟之前一樣我請AI同事先出建構計畫給我過目。 前端環...

2025-08-23 ‧ 由 elliot_coding 分享
DAY 24

【Day 24】降級求生:選擇 Tailwind v3 讓合作更順利

鐵人賽第24天今天繼續處理前端的問題。請AI同事進一步分析後,發現應該是 Element Plus 與 Tailwind 衝突問題,查了一下網路,也的確蠻多人有...

2025-08-24 ‧ 由 elliot_coding 分享
DAY 25

【Day 25】前端細節處理:逐步調整元件大小與樣式

鐵人賽第25天昨天終於解決了無法調整介面的BUG後,今天要開始繼續調整UI了。AI同事對前端跟後端不同,後端基本上主要在功能面上,出錯都有明顯回饋。 前端則是哪...

2025-08-25 ‧ 由 elliot_coding 分享
DAY 26

【Day 26】前端登入遇阻:跨域與依賴衝突的雙重挑戰

鐵人賽第26天原本想繼續先完成網頁介面,但發現登入功能沒串接好,我無法看到其他頁面。所以我請AI同事先將註冊與登入頁面功能串接。 由於我之前後端API路由是 /...

2025-08-26 ‧ 由 elliot_coding 分享
DAY 27

【Day 27】AI 同事的版本陷阱:容器與本地端的衝突解決實錄

鐵人賽第27天接續昨天vue-tsc的問題,我稍微查了一下是vue-tsc的版本與TypeScript的版本衝突。由於昨天試了幾個版本都無法解決這個問題,我就作...

2025-08-27 ‧ 由 elliot_coding 分享
DAY 28

【Day 28】當 AI 同事幫不上忙,只能自己硬調 Tailwind

今天是鐵人賽第28天。一開始先調整Profile頁面的布局,選項樣式讓他美觀。我的想法是,先做好一個頁面,再請AI同事參考頁面的設定去產生其他頁面,避免每個頁面...

2025-08-28 ‧ 由 elliot_coding 分享
DAY 29

【Day 29】儀表板雛形完成,前端功能逐步成形

鐵人賽第29天昨天解決了https的傳輸問題後,今天要開始AI同事刻前端內容了請AI同事建置了專案功能與任務功能的頁面,並請他建立首頁儀表板功能。一開始,同事建...

2025-08-29 ‧ 由 elliot_coding 分享
DAY 30

【Day 30】與AI 同事的合作挑戰:從期待到現實的150小時

今天是鐵人賽第30天,也是這個主題的最後一篇文章了我請AI同事幫我整理至今已完成與未完成的功能。我將詳細內容列在文章最後。先來講講這次參加鐵人賽,與AI同事合作...

2025-08-30 ‧ 由 elliot_coding 分享