iT邦幫忙

實作相關文章
共有 40 則文章
0 Like 0 留言 6 瀏覽
鐵人賽 AI & Data DAY 29
RAG × Agent：從知識檢索到智慧應用的30天挑戰 系列 第 29 篇

技術 Day 29｜實戰 AutoGen：讓 Agent 學會反思與規劃（Reflection & Planning 篇）

到目前為止，Agent 只能「問→答→（必要時）重答」，但還不會自己檢查邏輯、規劃下一步。所以今天的目標就是要讓它具備： 自我反思（Reflection）：...

otterday ‧ 2025-10-13
0 Like 0 留言 26 瀏覽
鐵人賽 AI & Data DAY 28
RAG × Agent：從知識檢索到智慧應用的30天挑戰 系列 第 28 篇

技術 Day 28｜實戰 RAGAS：教 Agent 檢查自己答得好不好

昨天我們讓模型能自己選工具，從人工判斷變成自動決策，不過還有一個問題，那麼就是 :它的答案到底好不好？準不準？有沒有亂講？光靠肉眼看很難判斷，這時就要請出我們之...

otterday ‧ 2025-10-12
0 Like 0 留言 48 瀏覽
鐵人賽 AI & Data DAY 27
RAG × Agent：從知識檢索到智慧應用的30天挑戰 系列 第 27 篇

技術 Day 27｜實戰 AutoGen：讓模型自己選工具（Tool Selection 篇）

昨天我們讓系統具備了「會查條文、會記得你說過什麼」的能力，但這些功能仍然是人工判斷。今天要邁向真正的「Agent」：讓模型自己看到工具列表後，決定何時使用哪個工...

otterday ‧ 2025-10-11
0 Like 0 留言 58 瀏覽
鐵人賽 AI & Data DAY 26
RAG × Agent：從知識檢索到智慧應用的30天挑戰 系列 第 26 篇

技術 Day 26｜實戰工具化與記憶：讓系統會查條文、會記得你說過什麼

昨天我們已經完成了最小可跑的版本，連結了查資料庫、組 prompt、請模型回答，我們現在要加上兩個功能也就是工具化（Tool）與記憶（Memory）。簡單說一下...

otterday ‧ 2025-10-10
0 Like 0 留言 65 瀏覽
鐵人賽 AI & Data DAY 25
RAG × Agent：從知識檢索到智慧應用的30天挑戰 系列 第 25 篇

技術 Day 25｜實戰 Agent 入口設計：從查詢到答案（RAG×ChromaDB×Ollama）

今天先把最小能跑的版本 MVP 做出來，後面的幾天會加入像是工具選擇、記憶、評分那些的。為了避免越做越亂，我會先把目錄的結構畫出來再開始實作。 檔案架構 檔案...

otterday ‧ 2025-10-09
0 Like 0 留言 107 瀏覽
鐵人賽 AI & Data DAY 20
RAG × Agent：從知識檢索到智慧應用的30天挑戰 系列 第 20 篇

技術 Day 20｜實戰 RAGAs：量化檢索與生成的表現

前面指標能介紹的都介紹完了，今天就開始我們的實作吧！要複習的話可以參考前幾天的內容，就讓我們開始ㄅ～ 1. 安裝環境這邊我們使用 Ollama + Mistr...

otterday ‧ 2025-10-04
0 Like 0 留言 483 瀏覽
鐵人賽 JavaScript
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 31 篇

技術 【Day31】30 - Whack A Mole

主題 實作一個打地鼠的遊戲，有計分/計時功能。 成果 完整程式碼Demo效果 實作重點 Javascript 取得元素 設定隨機時間(第28天的範圍公...

Hazel ‧ 2024-08-31
0 Like 0 留言 527 瀏覽
鐵人賽 JavaScript DAY 30
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 30 篇

技術 【Day30】29 - Countdown Timer

主題 實作一個倒數計時器。 成果 完整程式碼Demo效果 實作重點 Javascript 取得元素 倒數計時器的數字顯示 預計結束時間的顯示 所有的按鈕...

Hazel ‧ 2024-08-30
0 Like 0 留言 475 瀏覽
鐵人賽 JavaScript DAY 29
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 29 篇

技術 【Day29】28 - Video Speed Controller

主題 實作一個影片播放器的調整播放速度 bar。 成果 完整程式碼Demo效果 實作重點 Javascript 取得元素：速度條外框、速度條內框、音樂...

Hazel ‧ 2024-08-29
0 Like 0 留言 505 瀏覽
鐵人賽 JavaScript DAY 28
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 28 篇

技術 【Day28】27 - Click and Drag

主題 實作一個隨著滑鼠點擊左右移動內容的效果。 成果 完整程式碼Demo效果 實作重點 CSS 可以把 overflow 改成 hidden 才不會漏出卷軸...

Hazel ‧ 2024-08-28
0 Like 0 留言 389 瀏覽
鐵人賽 JavaScript DAY 27
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 27 篇

技術 【Day27】26 - Stripe Follow Along

主題 實作一個隨著滑鼠停留後會下拉的選單列效果。 成果 完整程式碼Demo效果 實作重點 可以思考一下，動畫出現的時機。 CSS 先製作出樣式 滑鼠停留後會...

Hazel ‧ 2024-08-27
0 Like 0 留言 289 瀏覽
鐵人賽 JavaScript DAY 25
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 25 篇

技術 【Day25】24 - Sticky Nav

主題 實作一個置頂的 Navbar。 成果 完整程式碼Demo效果 實作重點 CSS 利用 fixed 製作一個會黏在頂部的 nav .fixed-nav...

Hazel ‧ 2024-08-25
0 Like 0 留言 367 瀏覽
鐵人賽 JavaScript DAY 24
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 24 篇

技術 【Day24】23 - Speech Synthesis

主題 實作一個文字輸入語音輸出的工具，有播放、暫停、語速、音量調整功能。 成果 完整程式碼Demo效果 實作重點 Javascript 可以搭配文件 Sp...

Hazel ‧ 2024-08-24
0 Like 0 留言 260 瀏覽
鐵人賽 JavaScript DAY 23
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 23 篇

技術 【Day23】22 - Follow Along Link Highlighter

主題 實作一個跟隨滑鼠移動的 HightLight 效果。 成果 完整程式碼Demo效果 實作重點 Javascript 主要使用 getBoundingCl...

Hazel ‧ 2024-08-23
0 Like 0 留言 454 瀏覽
鐵人賽 JavaScript DAY 22
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 22 篇

技術 Day22】21 - Geolocation

主題 實作一個顯示當前方位與速度的工具。 成果 完整程式碼Demo效果 實作重點 Javascript 可以搭配文件 (MDN)這個題目在手機上比較好看到...

Hazel ‧ 2024-08-22
0 Like 0 留言 401 瀏覽
鐵人賽 JavaScript DAY 21
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 21 篇

技術 【Day21】20 - Speech Detection 

主題 實作一個語音輸入文字輸出的工具。 成果 完整程式碼Demo效果 實作重點 Javascript 可以搭配MDN 安裝/啟動 利用npm來安裝：np...

Hazel ‧ 2024-08-21
0 Like 0 留言 373 瀏覽
鐵人賽 JavaScript DAY 20
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 20 篇

技術 【Day20】19 - Webcam Fun

主題 實作一個 Webcam ，有拍照、下載、濾鏡的效果 成果 完整程式碼Demo效果 實作重點 Javascript 在驅動 webcam 前需要有一個...

Hazel ‧ 2024-08-20
0 Like 0 留言 353 瀏覽
鐵人賽 JavaScript DAY 19
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 19 篇

技術 【Day19】18 - Adding Up Times with Reduce

主題 利用取得播放清單總秒數來複習陣列方法 reduce, map 的使用。 成果 完整程式碼Demo效果 實作重點 Javascript 取得所有的 l...

Hazel ‧ 2024-08-19
0 Like 0 留言 312 瀏覽
鐵人賽 JavaScript DAY 18
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 18 篇

技術 【Day18】17 - Sort Without Articles

主題 利用編排文章排序來複習陣列方法sort, map, join, replace, trim 搭配正則的使用。 成果 完整程式碼Demo效果 實作重點 J...

Hazel ‧ 2024-08-18
0 Like 0 留言 370 瀏覽
鐵人賽 JavaScript DAY 17
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 17 篇

技術 【Day17】16 - Mouse Move Shadow 

主題 實作一個滑鼠移動時，產生不同陰影的效果 成果 完整程式碼Demo效果 實作重點 Javascript 先了解基本概念 offsetX , of...

Hazel ‧ 2024-08-17
0 Like 0 留言 350 瀏覽
鐵人賽 JavaScript DAY 16
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 16 篇

技術 【Day16】15 - LocalStorage

主題 實作一個 LocalStorage 的紀錄菜單功能 成果 完整程式碼Demo效果 實作重點 Javascript 先了解 LocalStorage(...

Hazel ‧ 2024-08-16
0 Like 0 留言 422 瀏覽
鐵人賽 JavaScript DAY 14
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 14 篇

技術 【Day14】13 - Slide in on Scroll

主題 實作一個當畫面滾動到圖片區域時圖片以動畫方式跑出 成果 完整程式碼Demo效果 實作重點 學習 window 事件 Javascript 先了解 w...

Hazel ‧ 2024-08-14
0 Like 0 留言 549 瀏覽
鐵人賽 JavaScript DAY 13
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 13 篇

技術 【Day13】12 - Key Sequence Detection

主題 使用 Cornify.js 製作簡單的彩蛋效果。 成果 完整程式碼Demo效果 實作重點 Javascript 會使用 cornify.js ，放到...

Hazel ‧ 2024-08-13
0 Like 0 留言 495 瀏覽
鐵人賽 JavaScript DAY 12
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 12 篇

技術 【Day12】11 - Custom Video Player

主題 利用 <video> 標籤，實作影片播放器的基礎功能 成果 完整程式碼Demo效果 實作重點 <video> (MDN) 對照文...

Hazel ‧ 2024-08-12
0 Like 0 留言 452 瀏覽
鐵人賽 JavaScript DAY 11
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 11 篇

技術 【Day11】10 - Hold Shift and Check Checkboxes

主題 實作出按住 Shift 點擊 check list ，達到連續選取的效果 成果 完整程式碼Demo效果 實作重點 Javascript 類陣列轉陣列...

Hazel ‧ 2024-08-11
0 Like 0 留言 396 瀏覽
鐵人賽 JavaScript DAY 10
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 10 篇

技術 【Day10】09 - Dev Tools Domination

主題 介紹 dev tool，了解 javascript 裡 console 的實用功能。 成果 完整程式碼Demo效果 實作重點 Javascript...

Hazel ‧ 2024-08-10
0 Like 0 留言 411 瀏覽
鐵人賽 JavaScript DAY 9
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 9 篇

技術 【Day09】08 - Fun with HTML5 Canvas 

主題 利用 HTML 的canvas 標籤搭配 JS 做出畫布的效果。實現畫筆顏色(hsl)和粗細變化。 成果 完整程式碼Demo效果 實作重點 Javasc...

Hazel ‧ 2024-08-09
0 Like 0 留言 558 瀏覽
鐵人賽 JavaScript DAY 8
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 8 篇

技術 【Day08】07 - Array Cardio Day 2

主題 練習 JavaScript Array 的方法，可以對照 MDN 文件：Array.prototype.some() 、 Array.prototype...

Hazel ‧ 2024-08-08
0 Like 0 留言 496 瀏覽
鐵人賽 JavaScript DAY 7
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 7 篇

技術 【Day07】06 - Type Ahead

主題 利用 Fetch API、非同步載入的方式，並配合正規表達式處理字串，實現使用者輸入的城市名稱時動態地查找相對應的資料。 成果 完整程式碼Demo效果...

Hazel ‧ 2024-08-07
0 Like 0 留言 443 瀏覽
鐵人賽 JavaScript DAY 6
AI 時代，基礎要有：JavaScript30 打下紮實基礎 系列 第 6 篇

技術 【Day06】05 - Flex Panel Gallery

主題 實作一個圖片展開的動畫 成果 完整程式碼Demo效果 實作重點 CSS 先用把畫面調整出來 調整圖片：flex 、flex 佔比為 1 文字置中：...

Hazel ‧ 2024-08-06
iThome鐵人賽
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
18896 篇
完賽人數
289 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙