iT邦幫忙

17th鐵人賽相關文章
共有 19699 則文章
鐵人賽 Modern Web DAY 28

技術 【Day 28】Next.js 是成為全端框架?!建立 API 和直接接觸後端 DB 的方式

一直以來專注在前端領域的我,有一天突然聽到身邊的朋友跟我說:「你是寫全端的喔?」我黑人問號了一下,回他:「不是,我是寫前端的,我是前端工程師。」 一來一往的對話...

鐵人賽 Modern Web DAY 19

技術 # Day19. HTML & CSS 元件進階:長度單位大解密(px、em、rem、%、vh、vw)

昨天我們學了文字行高 (line-height) 控制,今天來討論另一個核心技能:CSS 長度單位與大小控制! 1. 為什麼單位很重要? CSS 的單位決定了...

技術 第19天:持續學習與適應:保持技術影響力的長期動力

時間是我們最有限的資源,而影響力的期望卻是無止境的。 在技術領域,這個矛盾被一個額外的、加速的因素所放大:知識的半衰期正在急劇縮短。 昨天引以為傲的專業知識,很...

鐵人賽 Modern Web DAY 19

技術 DAY19 javascript環境設置、認識變數 Variable

JavaScript 概述 一般來說,完整的 JavaScript 包括以下幾個部分: ECMAScript,描述了該語言的語法和基本物件 文件物件模型(DO...

鐵人賽 Modern Web DAY 21

技術 Day 21 — API Key 入門:安全存放與實作 OWM 天氣查詢

前幾天我們已經學會抓 API 資料並進行分析,但很多實際應用中的 API 都需要金鑰(API Key)。 因此,今天我要挑戰的是申請一把 API Key ,並學...

鐵人賽 自我挑戰組 DAY 19

技術 DAY 19 ML與Gen AI

機器學習(machine learing)機器從現有資料中找出函式參數(parameter),意思是當給定多個資料輸入x與輸出y,找出參數a, b,y =...

鐵人賽 生成式 AI DAY 19

技術 知識庫 Agent:整合外部文件(如 PDF、Docs)

今天我們要讓 Agent 讀取 PDF、Docs 或其他文件,整合成可查詢知識庫。 一、概念 目標:把文件變成向量索引(Vector Store) 方法:...

鐵人賽 自我挑戰組 DAY 20

技術 第二十關 - 來企排隊:網頁地圖/流程圖/時序圖/設計稿

本文將詳細展示系統的網頁架構和使用者操作流程。透過視覺化的方式,讓開發者和使用者都能清楚了解系統的完整結構和操作邏輯。 「來企排隊」(LaiQiPaiDui)...

鐵人賽 Software Development DAY 20

技術 第二十關 - 來企排隊:網頁地圖/流程圖/時序圖/設計稿

本文將詳細展示系統的網頁架構和使用者操作流程。透過視覺化的方式,讓開發者和使用者都能清楚了解系統的完整結構和操作邏輯。 「來企排隊」(LaiQiPaiDui)...

鐵人賽 IT 管理 DAY 20

技術 Day 20:雲端成本控管:FinOps

隨著企業大舉遷移至雲端,雲端的彈性與即付即用模式雖帶來便利,卻也讓「成本控管」成為新的挑戰。當不同部門、團隊隨時開啟雲端資源,如果缺乏規範,很容易導致預算失控。...

鐵人賽 DevOps DAY 19

技術 Day19 - LLM 可觀測性實戰:監控延遲、Token 與成本(含工具選型)

🔹 前言 昨天我們完成了 API Gateway,讓前端可以透過一個統一的 Proxy 來存取 LLM。 但在真實運行環境裡,還有一個非常現實的問題: 👉 我的...

鐵人賽 生成式 AI DAY 19

技術 Day 19 - 第一次接觸:使用 async/await 呼叫你的第一個生成式 AI API

從今天開始,我們要賦予我們的 App思考的能力。我們要讓它不再只是一個工具,而是一個能與我們對話的夥伴。 困惑點:我的 App 要怎麼跟「外面」的世界說話?...

鐵人賽 自我挑戰組 DAY 21
Python 函式大全 系列 第 21

技術 Python 模組概說 《 binascii 模組 》

✦ 功能:用於在二進位資料和各種 ASCII 編碼的表示之間做轉換 ✦ 屬性與方法 : hexlify(data) 說明:將二進位數據(bytes)轉換成十六進...

鐵人賽 Mobile Development DAY 19

技術 Day19 RecyclerView介紹2

今天來介紹第二部分,基本上就是教你如何實作,那就開始吧٩( 'ω' )و 實作步驟與範例程式碼 加入RecyclerView的依賴 確保你的 build.gra...

技術 Day 19:我家的貓向我證明了,線上會議跟面對面根本是兩回事

禮拜三早上,阿偉走進辦公室時發現氣氛有點異樣。大家圍成一圈在討論什麼,表情看起來既興奮又困惑。 「怎麼了?」他問小林。 「老楊剛剛宣布,」小林壓低聲音,「辦公室...

鐵人賽 Software Development DAY 21

技術 Day 21 | 開始實作我的MCP Server ,使用Spring 內建功能做好基礎設定

本篇說明在 eap-mcp 模組中,如何為 MCP 工具平台做必要的設定:包含 Tool 註冊、MCP client 初始化以及使用Feign整合外部服務(例如...

鐵人賽 Build on AWS DAY 24

技術 Day24 回憶需要影像 ─ 打造照片上傳與預覽功能

昨天我們把「我的照片日記」的首頁蓋好了,雖然有歡迎訊息和按鈕,但點下去還是空的。日記最吸引人的地方,不只是文字,而是 照片與回憶。所以今天的目標就是: 在前端...

鐵人賽 生成式 AI DAY 19

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

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

鐵人賽 Build on AWS DAY 19

技術 Day 19 檔案後處理:S3 x Lambda x Step Functions 自動化壓縮與掃毒

一、前言 使用者上傳檔案到雲端後,若沒有進一步的處理,會帶來安全風險與儲存成本壓力。透過自動化流程,我們可以在檔案進入 S3 後即時進行 壓縮(節省儲存空間與...

鐵人賽 自我挑戰組 DAY 19

技術 Day19:多角色互動時的設定技巧

1.前言 當一個視窗裡不只一個角色時,最常見的問題就是角色會互相影響。比如原本高冷的角色,講著講著突然開始碎碎念,因為被健談的角色帶跑。或是大家大家講話都變的大...

鐵人賽 生成式 AI DAY 19
我的 AI 助手開發 系列 第 19

技術 DAY 19

檔案上傳系統 — 多格式文件的智能上傳機制 (6) 在前五篇,我們建構了完整的內容生成系統,今天我們要探討智能助手的「檔案處理入口」:檔案上傳系統。 這個系統能...

鐵人賽 自我挑戰組 DAY 19

技術 Side Red - CSRF

攻擊者會誘使使用者的網頁瀏覽器在已經登入的可信網站上,透過利用瀏覽器會自動附帶相關 cookie的特性,讓攻擊者可以偽造請求,代表使用者透過瀏覽器提交未經授權的...

鐵人賽 生成式 AI DAY 19

技術 d19

昨日在測試時發現使用天氣及地震時輸入要求會出現錯誤,結論是要parameters,所以又小改了一下.yaml openapi: 3.0.3 info: ti...

鐵人賽 Rust DAY 19

技術 JSON Schema 驗證器 - 驗證 JSON 資料格式

前言 JSON 是最常見的資料交換格式。然而,確保 JSON 資料符合預期的結構和類型是一個重要的挑戰。今天我們將實作一個 JSON Schema 驗證器,它可...

鐵人賽 Build on AWS

技術 Day 24 | 定義與衡量可靠性:SRE 方法與錯誤預算的實踐(下) - SLI、SLO 與錯誤預算的核心概念,平衡創新速度與系統穩定性的數據驅動決策

實戰案例:AI 情感媒合平台的 SRE 實踐 理論的學習已經為我們打下了堅實的地基,現在,是時候親手蓋起第一座大樓了。 我們將模擬一場真實的 SRE 導入諮詢。...

鐵人賽 Build on AWS

技術 Day 24 | 定義與衡量可靠性:SRE 方法與錯誤預算的實踐(上) - SLI、SLO 與錯誤預算的核心概念,平衡創新速度與系統穩定性的數據驅動決策

今天,我們將聊聊網站可靠性工程 (Site Reliability Engineering, SRE) 方法論,,將 系統可靠性 從一個模糊的概念轉化為一門可量...

鐵人賽 Software Development DAY 19

技術 Day19 進階觀念篇:重新導向和 tee

嗨!歡迎回到上班族的命令列生存手冊。還記得最前面幾章介紹的 Standard Input 和 Standard Output 嗎?本章還會用到這個觀念,首先來看...

鐵人賽 Build on AWS DAY 23

技術 Day23 家要先蓋好 ─ 用 S3 建立前端雛形

昨天我們完成了「照片日記網站」的專案規劃,畫好了整體的架構,也想清楚了功能和資料流程。但有了藍圖之後,接下來要做的第一件事情,就是「蓋房子」──也就是準備一個可...

從Leetcode到實務的橋樑 系列 第 23

技術 Day23(24. Swap Nodes in Pairs)

題目介紹:給定一個單向鏈表,要求兩兩交換相鄰節點,並返回交換後的鏈表頭節點。你不能僅修改節點值,而必須實際改變節點指向。題目考驗對鏈表指標操作的理解,通常可以使...

從Leetcode到實務的橋樑 系列 第 22

技術 Day 22(48. Rotate Image)

題目介紹:給定一個 𝑛×𝑛的二維矩陣(方陣),將矩陣順時針旋轉 90 度。旋轉必須就地進行,也就是不能使用額外的矩陣空間,只能修改原矩陣。題目考驗對二維陣列索引...