iT邦幫忙

2026 iThome 鐵人賽

DAY 17
0
Claude AI

Better than 情勒鳥!!Claude AI高中學測向英語家教Skill設計系列 第 17

Day 17 又一個新開始【應用程式設計環境準備】

  • 分享至 

  • xImage
  •  

在開始實作前,考量到這次會正式啟用到編寫程式的部分,所以我事先將環境轉移到了VScode中。

https://ithelp.ithome.com.tw/upload/images/20260819/20183433B1NT9oqseZ.png
(在VScode的延伸模組尋找Claude code,同樣透過/login進行登錄,就可以在環境中使用Claude code)

相比起CLI的畫面,VScode的聊天畫面也是豐富了很多。
https://ithelp.ithome.com.tw/upload/images/20260819/20183433S4s8px1vHf.png

完成轉移後就可以開始開始對應用程式進行構思了。

前/後端程式開發環境

我預計將他製作成一個.APK檔案,可以透過連結直接在Android系統下載,所以第一步就是先將Android studio建置起來。

前端我預計會使用Capacitor這個工具,但由於目前功能尚不齊全,所以暫緩建立。

後端開發環境我選的是supabase,進入官網,連結github註冊帳號後,依指示建立專案,再分別將:

  • UPABASE_DB_PASSWORD
  • SUPABASE_PROJECT_REF
  • SUPABASE_URL
  • SUPABASE_ANON_KEY

交給Claude code就能開放權限給他(這裡我已經讓他把專案連上repo了,之後要記得相關密碼不能外流)

回到專案透過/mcp確認安裝完成,再傳一封訊息讓他透過supabase MCP連線,在這個專案的資料庫裡跑一次migration,建一張叫做 wayfinder_probe 的測試表,然後寫入一筆資料。完成後回報建了什麼、寫了什麼。就能在Table edit確認到。

https://ithelp.ithome.com.tw/upload/images/20260819/20183433xTbj6bbubn.png

詞彙題邏輯轉移

最後,為了建立後續大題的共識,我以詞彙題作為先行測試的大題進行修改,除了上次提及的自訂主題問題外,原本的追問功能也會受到限制,我考慮將追問的回答與後續字詞講堂綁定,因此暫時拔除這項功能。


上一篇
Day 16 前提錯誤,推翻重來【低成本skill改進】
下一篇
Day 18 首個APP實作【程式建構與下載測試】
系列文
Better than 情勒鳥!!Claude AI高中學測向英語家教Skill設計18
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言