iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

前端工程師的AI應用開發實戰:30天從Prompt到Production - 以打造AI前端面試官為例 系列

這是一趟以前端工程師角度切入的 AI 應用開發之旅。這個系列文的核心理念很簡單:「我們不需要成為 AI 專家,但我們絕對可以打造完整的 AI 應用」。在這 30 天裡,我們將以一個前端工程師最熟悉的視角,使用 Next.js 和 React 作為主要技術棧,從零開始,一步步打造一個功能完整的 Side Project,在過程中我們會一同摸索常見的AI相關技術,從基本的Prompt Engineering、RAG與向量資料庫最終到外部工具的調用,了解市面上現在滿街跑的AI 應用程式背後究竟搞了那些花招,讓你有能力也打造自己的AI 應用!

參賽天數 23 天 | 共 23 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 11

喚醒長期記憶:用資料庫函式實現高效語意搜尋

前言 歡迎來到第十一天!昨天我們跨出了巨大的一步:成功將第一個知識點 (keyPoint) 轉化為向量,並存入了 Supabase 這個雲端知識庫,順便還嘴了一...

2025-09-25 ‧ 由 windate3411 分享
DAY 12

為 AI 裝上裁判之眼:初探 Judge0 與安全後端代理

前言 歡迎來到第十二天!過去幾天,我們一直專注在 RAG 和向量資料庫上,教會了 AI 如何「理解」使用者在說什麼。我們的 AI 面試官現在有了不錯的「文科」素...

2025-09-26 ‧ 由 windate3411 分享
DAY 13

取得客觀事實:透過 Judge0 執行程式碼並取得結果

前言 歡迎來到第十三天!昨天的內容相當輕鬆對吧! 我也覺得,但串接第三方就是很容易有些意外嘛,多留點空總不會錯!另一方面就是家中出了點事情,我需要一點時間去處理...

2025-09-27 ‧ 由 windate3411 分享
DAY 14

AI 的文理雙全:整合 RAG 與 Judge0,強制輸出結構化 JSON

前言 歡迎來到第二週的收尾~!再次強調,如果你有感受到這兩天的文章變水了,就跟水屬性的魔法師第11集一樣水,那你的感受是完全正確的!家族內的事情讓我實在很難抽出...

2025-09-28 ‧ 由 windate3411 分享
DAY 15

AI 面試官動起來!實現最小可行 Streaming

前言 歡迎來到第十五天!就...就快了,突發的事情就快處理完讓我能花時間寫文章了,回頭看了一下從Day 12開始的文章我差點吐了,錯誤相當的多,驗證也做得不足,...

2025-09-29 ‧ 由 windate3411 分享
DAY 16

Streaming 優化:AbortController、錯誤處理與打字機效果

前言 歡迎來到第十六天!昨天我們成功讓 AI 面試官「動」了起來,透過 Streaming 技術,使用者終於不用再盯著空白畫面乾等到完整回覆產生然後被一口氣塞臉...

2025-09-30 ‧ 由 windate3411 分享
DAY 17

為 AI 植入短期記憶 :實作對話上下文

前言 歡迎來到第十七天!昨天我們為 Streaming 體驗加上了「打字機效果」和「取消功能」,讓 AI 面試官的互動感覺更流暢、更可控。整個通訊管道現在可以說...

2025-10-01 ‧ 由 windate3411 分享
DAY 18

讓 AI 可靠一點:錯誤處理與 API 重試機制

前言 歡迎來到18天,以我個人來說是第二喜歡的啤酒!如果能邊喝邊寫就好了,但感覺會直接喝到忘記發文,想想還是算了。昨天我們做了相當簡單的改動讓我們的 AI 面試...

2025-10-02 ‧ 由 windate3411 分享
DAY 19

小小技術債處理:別讓以後的自己痛苦 Part 1

前言 第19天!終於快結束了!另外現在正逢大量連假出沒,出遊之餘肯定更有餘裕寫文章的..吧?不管了!昨天我們對後端的部分做了一個小小的優化,利用自己實踐的錯誤重...

2025-10-03 ‧ 由 windate3411 分享
DAY 20

小小技術債處理:別讓以後的自己痛苦 Part 2

前言 第二十天終於到了,這同時也表示旅程也將到終點了,照我的規劃,剩下的天數應該完全足夠把整個專案完成,並在最後一天做個總回顧跟一些可能的發展方向,理論上應該能...

2025-10-04 ‧ 由 windate3411 分享