iT邦幫忙

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

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

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

技術 Day 27:Junior用AI一下子就做完了,我熬了這麼多年的經驗算什麼?

下午五點,阿偉的手機震了一下。 小姜傳來訊息:「學長,下午說的那個API我寫好了,已經push上去了。麻煩你有空幫我review一下。」 阿偉看了一眼時間。從午...

鐵人賽 生成式 AI DAY 25

技術 Day 25 - 【AI 協作心法】Vibe Coding 的真相:駕馭 AI 開發流程的挑戰與對策

在過去的二十多天裡,我們幾乎每天都在和 AI協作。大家看到的,是 AI 如同一位完美的家教,有問必答,甚至能產出程式碼。但真實的開發流程,真的是如此順利嗎? 今...

鐵人賽 IT 管理 DAY 21

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

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

鐵人賽 生成式 AI DAY 21

技術 Day 21 - 用Stitch 設計 APP UI

接下來我們要更新 UI假設我們都是普通人不會 Figma 跟 UI/UX 我們可以使用這個網站:https://stitch.withgoogle.com/ 他...

鐵人賽 IT 管理 DAY 20

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

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

鐵人賽 生成式 AI DAY 20

技術 Day 20 - 用 Gemini in Android studio vibe coding APP

#製作流程皆使用 Gemini Agent 接續上一章節建好專案後,接下來我們要思考我們要做甚麼樣子的chat APP 但憑空想像可能太困難 不如直接輸入 ”幫...

鐵人賽 生成式 AI DAY 19

技術 Day ?? - 打造自己的 Gemini chat APP

首先你需要有 Google Cloud Console 的 Gemini API key 檢查 ⬇️ 打開 https://aistudio.google.co...

鐵人賽 生成式 AI DAY 17

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

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

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

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

鐵人賽 生成式 AI DAY 15

技術 Day 15 - Context Engineering

前面這篇介紹了,何謂 Context Engineering(上下文工程) 接下來要介紹其核心概念與如何應用,包括如何讓 AI 學會「記筆記」以維持專注,並介紹...

鐵人賽 生成式 AI DAY 13

技術 Day 13 - 運用 Vibe Coding 在 Android Studio 上快速製作記帳 APP Final 戰敗解析

想必你看到昨天的 View 一定會想,這到底是甚麼??沒錯,讓 AI 生安卓的大架構,如果一次生整個 APP 就是會這麼炸裂(複雜程度與爆炸程度成正比)如果你嘗...

鐵人賽 生成式 AI DAY 12

技術 Day 12 - 運用 Vibe Coding 在 Android Studio 上快速製作記帳 APP Part2

在昨天我們拿到了prd.txt如果你用的是 普通 AI 那需要自己複製貼上,為了感受 vibe 氛圍,建議完全照著做不需思考,如果你嫌他一步一步太慢,可以直接輸...

鐵人賽 生成式 AI DAY 11

技術 Day 11 - 運用 Vibe Coding 在 Android Studio 上快速製作記帳 APP Part1

接下來,我們將利用 Vibe 的方式,全程只用 Prompt 技巧完成這個記帳 APP。我會提供我的步驟與 Prompt 但你可以自己客製化。 使用環境 And...

鐵人賽 生成式 AI DAY 10

技術 Day 10 - 西谷夕: 你們看著前面就好,背後由我來守護。

程式碼寫出來後,最麻煩的事情就是Debug。如何減少 AI 出錯機率,讓他可以跟西谷夕一樣扛,可以參考接下來的技巧。 加入敏捷開發驅動,讓 AI 完成程式碼自動...

鐵人賽 生成式 AI DAY 9

技術 Day 9 - 北信介: 老實說,我不喜歡這句話,又不是只有前方才有路,但是我想給這些愛橫衝直撞的傢伙們,盡全力提供最堅強的後盾。

故事 ⬆️ 來自排球少年 這個畫面是稻荷崎的隊長北信介的台詞:「老實說,我不喜歡這句話,又不是只有前方才有路,而且挑戰和逞能也不是一回事,我無法理解他們那種...

鐵人賽 生成式 AI DAY 8

技術 Day 8 - Fall 🌸 Love with coding , Just Use Vibe Coding?

What is Vibe Coding ? 一種以AI為主的程式設計模式,核心理念是實作交給AI,人類負責發揮創造力 由Andrej Karpathy提出⬇️h...

鐵人賽 生成式 AI DAY 6

技術 D-0x06 【Vibe Coding 實戰】用一個 To-Do API 感受後端語言的「形狀」

我想討論的這個議題是,假設你是 第一次想接觸後端的新手只會前端(HTML/CSS/JS),但想嘗試「做一個能 CRUD 的 API」感受後端的味道。 考...

鐵人賽 生成式 AI DAY 5

技術 D-0x05 GenAI 時代,工程師要練的不是寫程式,而是「提問能力」

前幾篇我們聊了 vibe coding 的起手式: 怎麼用 VSCode + GitHub Copilot 建立試驗場,也討論過如何挑選工具(Codex、Cla...

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

技術 D-0x02 「Vibe coding」不會憑空出現

工欲善其事,必先利其器 在上一篇文章裡,我談到「vibe coding」這個現象:AI 讓人們突破了學習門檻,哪怕你不是工程背景,也能用自然語言去實現腦中的構想...

鐵人賽 生成式 AI DAY 1

技術 D-0x01 序

我想講一個屬於「GenAI」的故事。 我想表達的核心概念是「vibe coding」。它的立意其實很單純:打破「開發」的隔閡,讓非本科系的人也能把腦中的點子變成...

鐵人賽 自我挑戰組 DAY 2

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

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

鐵人賽 生成式 AI DAY 1
AI x Hardware 系列 第 1

技術 AI x Hardware 的實戰筆記:從 RAG 魔法陣到工廠現場

前言 在開始之前,先交代一下背景。這篇文章原本是我準備參加 iThome 鐵人賽 30 天挑戰 的前言,主題是 AI x Hardware。 我從 ChatGP...

鐵人賽 生成式 AI DAY 1

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

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

鐵人賽 生成式 AI DAY 1

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

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

鐵人賽 自我挑戰組 DAY 1

技術 Day 1|《多角色復健追蹤應用》主題介紹

今天正式展開 30 天 Vibe Coding 全端開發計畫。主題我決定結合自身經歷:一個「復健日誌與醫病協作平台」。這個應用可以讓病人每天紀錄復健進度,醫師與...

鐵人賽 生成式 AI DAY 30

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

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

鐵人賽 生成式 AI DAY 29

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

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