iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Claude AI

從零開始 Claude Code:30 天打造 AI 任務管理 Web App 系列

本系列將以從零開始的方式介紹 Claude Code,從安裝、基本操作到實際應用,帶著讀者一步步熟悉如何利用 AI 協助開發程式。過程中會實作一個 AI 任務管理 Web App,包含任務新增、修改、刪除、狀態管理等功能,並結合 Claude AI 輔助任務規劃。希望透過 30 天的實作,讓初學者了解 Claude Code 如何應用在真實的程式開發流程中。

參賽天數 16 天 | 共 16 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文 |團隊nutc imac
DAY 1

[Day 1] 從零開始 Claude Code:這 30 天我要做什麼?

今年參加 IT 鐵人賽,我想挑戰一個自己以前沒有完整用過的工具:Claude Code。現在用 AI 問程式問題已經很常見了。遇到錯誤,把程式碼貼到聊天視窗;不...

2026-09-15 ‧ 由 bicc 分享
DAY 2

[Day 2] Claude Code 是什麼?和一般 Claude 有什麼不同?

在開始使用 Claude Code 之前,我覺得有一件事情要先搞清楚:Claude 和 Claude Code到底差在哪裡?如果以前有用過 Claude,第一次...

2026-09-16 ‧ 由 bicc 分享
DAY 3

[Day 3] 安裝 Claude Code,第一次在終端機和它說話

前兩天都還停留在介紹,今天終於要真的把 Claude Code 裝起來了。我的目標很簡單:先成功安裝 Claude Code,確認指令可以使用,最後真的進去跟它...

2026-09-17 ‧ 由 bicc 分享
DAY 4

[Day 4] Claude Code 到底看得到什麼?認識專案與工作目錄

上一篇我們已經把 Claude Code 裝好了,也建立了一個 ai-task-manager 資料夾。當時我是這樣啟動 Claude Code 的: cd a...

2026-09-18 ‧ 由 bicc 分享
DAY 5

[Day 5] 不急著寫程式,先讓 Claude Code 幫我規劃專案

前四天都還在認識 Claude Code。今天終於要開始碰這次鐵人賽真正要做的東西:AI 任務管理 Web App。不過今天還是不寫程式。如果現在直接跟 Cla...

2026-09-19 ‧ 由 bicc 分享
DAY 6

[Day 6]建立第一個 Web App:先讓網站跑起來

前一天已經把專案方向和架構規劃好了。今天終於要開始真的建立檔案。這一天的目標很單純:先建立 Python 虛擬環境,再讓 Flask 跑起來,最後在瀏覽器看到自...

2026-09-20 ‧ 由 bicc 分享
DAY 7

[Day 7] Claude Code 寫的程式我看得懂嗎?

Day 6 我們已經成功把第一個 Flask Web App 跑起來了。目前專案只有: ai-task-manager/ ├── app.py ├── requ...

2026-09-21 ‧ 由 bicc 分享
DAY 8

[Day 8] 幫 Web App 做一個真正能看的首頁

前一天把 app.py 拆開來看之後,現在至少知道 Flask 首頁是怎麼跑起來的。但如果這真的是一個任務管理工具,現在看起來還太空了。所以今天先不碰資料庫,也...

2026-09-22 ‧ 由 bicc 分享
DAY 9

[Day 9] 需求講不清楚,Claude Code 也會猜錯

Day 8 我們已經把首頁做成比較像任務管理工具的樣子。目前畫面上有: 新增任務按鈕 分類管理 狀態篩選 任務列表 任務狀態 分類 截止日期 不過這些都還只...

2026-09-23 ‧ 由 bicc 分享
DAY 10

[Day 10] 第一個功能:新增任務

Day 9 先停下來整理了一下 Prompt 怎麼寫,今天就拿來真的做功能。目前首頁已經有一個: + 新增任務 但它還只是按鈕。所以今天的目標很明確:讓「新...

2026-09-24 ‧ 由 bicc 分享