iT邦幫忙

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

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

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

技術 Jules 初步使用心得紀錄

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

鐵人賽 生成式 AI DAY 2

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

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

鐵人賽 生成式 AI DAY 1

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

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

鐵人賽 生成式 AI DAY 3

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

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

鐵人賽 生成式 AI DAY 4

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

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

鐵人賽 生成式 AI DAY 3

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

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

鐵人賽 生成式 AI DAY 4

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

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

鐵人賽 生成式 AI DAY 5

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

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

鐵人賽 生成式 AI DAY 30

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

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

鐵人賽 生成式 AI DAY 8

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

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

鐵人賽 生成式 AI DAY 7

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

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

鐵人賽 生成式 AI DAY 16

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

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

鐵人賽 生成式 AI DAY 17

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

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

鐵人賽 生成式 AI DAY 9

技術 (Day 9)Vibe Coding 真香:行程管理功能輕鬆落地

在前兩篇文章中,我已經介紹了我如何透過 Firebase 提供的服務,建立並配置好運作環境,讓專案可以開始使用 Firestore 來實作資料存取功能。 接下來...

鐵人賽 生成式 AI DAY 6

技術 (Day 6)用 AI 設計 Logo 與命名:實作與思考

讓孩子的每一天,都像一場冒險 在上一篇文章中,我分享了如何與 AI 有效溝通,來協助釐清設計風格與 UI 細節。這篇文章將更聚焦於我近期打造的 PWA 兒童...

鐵人賽 生成式 AI DAY 27

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

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

鐵人賽 生成式 AI DAY 1

技術 Day 1 - Android 不會只更新 UI ! 用 Vibe Coding ? 加速打造 Al-native App 閱讀指南

閱讀資格(入場卷免費發放) 推薦學過一點基礎 (程式設計、Java、物件導向、安卓開發) 再閱讀,沒學過建議這邊右轉底下的教學資源 教學資源 : 安卓基礎學習:...

鐵人賽 生成式 AI DAY 29

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

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

鐵人賽 生成式 AI DAY 17

技術 (Day 17)從網頁到 App:AI 幫我重塑兒童任務管理平台體驗

因為這個平台希望能透過輕度遊戲化的方式幫助引導孩子完成每天的任務,例如收拾書包、刷牙、整理房間,讓「例行公事」變得更有趣、更具成就感。同時,因為家長是陪伴孩子的...

鐵人賽 生成式 AI DAY 10

技術 (Day 10)AI助攻:讓孩子主動完成作業的關鍵設計

上一篇文章中,我分享了兒童任務管理平台的雛形,已經能夠順利新增任務與列出任務清單。雖然功能已經達到基本需求,但我真正的目標,是打造一個讓小孩願意主動使用的平台。...

鐵人賽 生成式 AI DAY 20

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

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

鐵人賽 生成式 AI DAY 22

技術 (Day 22)AI 幫我設計「免費升級方案 + 贊助金流」的運作實驗

把腦中想像的育兒工具慢慢做成能用的平台,這一路上 AI 幫了我很多忙。 到目前為止,平台已經有 任務管理、每週報告、成就系統 以及其他更多核心功能,小孩能自己操...

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

昨天我們提到「踩坑清單」,這個概念源自學生時期常聽到的「錯題本」,不過那時我甚至沒有在做筆記......因為對學習模式沒有什麼概念,所以不知道筆記要怎麼做對自...

鐵人賽 生成式 AI DAY 19

技術 (Day 19)讓平台更完整:AI 打造專業入口網站 (下集)

當網站正式上線的那一刻,我還蠻開心的,因為整個平台終於有了完整的樣子。但冷靜下來之後我又想,現在的網站其實有點空洞,整個網站看起來也要有「內容感」才行。畢竟使用...

鐵人賽 生成式 AI DAY 18

技術 (Day 18)讓平台更完整:AI 打造專業入口網站(上集)

到目前為止,平台的功能其實已經算是完整,我自己的孩子也都能獨立操作使用;也有邀請過幾位家長試用,得到了一些正面的回饋。對我來說,這已經算是一個重要的里程碑。 但...

鐵人賽 生成式 AI DAY 15

技術 (Day 15)和 AI 一起打造睡前檢查表:建立孩子安心入睡的溫馨儀式

在前幾天的紀錄中,我分享了目前開發的兒童任務管理平台,已經具備了 基本任務管理、獎勵系統,還有 冒險地圖 與 成就抽獎 等趣味功能。這些設計的初衷,是希望孩子能...

鐵人賽 生成式 AI DAY 26

技術 (Day 26)快速上手任務管理,AI 幫忙設計的任務模板

雖然平台中的任務管理功能已經算是完整,也經過多次調整,但仍有用戶回饋:「能不能提供一些任務建議?因為不知道要新增什麼。」任務管理是整個平台最核心的功能,如果新手...

鐵人賽 生成式 AI DAY 13

技術 (Day 13)讓孩子愛上成語學習:AI 驅動的漸進式挑戰

在完成 冒險地圖功能 並部署上線後,我立刻讓自己的孩子開始試用平台。 雖然原本設計了 完成任務可以蒐集拼圖碎片、解鎖動物 的機制,孩子確實很喜歡,但我總覺得還有...

鐵人賽 生成式 AI DAY 23

技術 (Day 23)任務管理再升級:AI 協助下的月曆、週期與匯入功能

在產品開發的世界裡,上線並不是結束,而是新的起點。 一個系統能否長久被使用,不僅取決於功能是否完整,還取決於它的 維護性、彈性,以及回應使用者需求的速度。這些因...