iT邦幫忙

17th鐵人賽相關文章
共有 19709 則文章
鐵人賽 Modern Web DAY 13
HTML&CSS30天修煉 系列 第 13

技術 day13Html表單

有些網站可能需要使用者提供資料,html裡是用form來實現,前面提過的select和button,text-area都可以看做表單的一員 <form a...

鐵人賽 Modern Web DAY 23

技術 Day23.從完成專案到思考上線:銜接部署前的橋樑

經過前面幾週的努力,你的小專案——無論是天氣查詢工具還是智慧聊天機器人——已經基本完成。前端畫面互動順暢,按下按鈕就能看到結果;後端 API 也能正確回傳資料,...

鐵人賽 生成式 AI DAY 13

技術 Day 13 - 踏入 Python MCP 的世界

大家好,歡迎來到鐵人賽的第十三天,也是我們全新篇章——Python 實戰篇——的開端! 在過去的一週多裡,n8n 帶領我們快速地驗證了 MCP 的核心思想,並打...

鐵人賽 Modern Web DAY 17

技術 Day17 React 前端註冊與登入頁面 + JWT 儲存實作

今天是鐵人賽 Day17,目標是完成 React 前端註冊與登入頁面,並將 JWT 儲存到 localStorage,讓前端可以呼叫受保護 API。 1️⃣ 註...

鐵人賽 生成式 AI DAY 13

技術 生成式 AI 與程式碼生成

技術基礎• 核心模型:多採用 Transformer 架構的 LLM(如 GPT、Codex),透過大規模程式碼與自然語料訓練。• 學習方式:結合自監督學習(從...

鐵人賽 Modern Web DAY 22

技術 Day22.回顧

七天的鐵人賽小專案終於告一段落,回頭看整個過程,其實蠻有意思的。從第一天開始,畫面上只有一個輸入框和按鈕,按下去顯示的還是假的資料。那時候就算只是看到文字出現,...

鐵人賽 Software Development DAY 30

技術 [Day 30] [專案實戰] 一次走完 0 到 1 Cmake建置流程

今天會學到的30 天走到這裡,我們已經學了: 用 gcc 編譯第一支程式 用 makefile 自動化 用 cmake 抽象化 + 多平台支援 加上 CTes...

鐵人賽 Cloud Native DAY 21

技術 [Day21] 5-3. Secure your supply chain (permitted registries, sign and validate artifacts, etc.)

今天主要是討論 image 的安全性,這麼部分稍微與前面 [Day5] 有所重複,主要是介紹當使用 image 時該注意的事項,之前有介紹過的 checksum...

鐵人賽 Software Development DAY 29

技術 [Day 29] [cmake] 用CMakePresets.json 與團隊合作

今天會學到的 今天要來看看 CMakePresets.jsonCMakePresets 定位:把我們常用的編譯參數、目錄結構、編譯模式(Debug/Releas...

鐵人賽 生成式 AI DAY 13

技術 AI 生成日常行程(旅行、健身、飲食)

旅行行程規劃我請 AI 幫我設計「台北一日遊」行程,要求要結合文化、美食與休閒。AI 提供的範例:• 早上:參觀故宮博物院• 中午:士林夜市午餐(牛肉麵、小吃...

鐵人賽 生成式 AI DAY 27

技術 AI協作方法論的學習價值評估

AI協作原型開發即將告一段落,是時候客觀評估這套方法論的真實學習價值了。不是所有的新方法都值得投資時間學習,也不是每個技術趨勢都能帶來實質效益。今天我要誠實分析...

鐵人賽 Software Development DAY 13

技術 12. Effect 的實戰分享 2:簡易爬蟲

這篇要來介紹怎麼使用 Effect 做個簡單的爬蟲,雖說是簡易的爬蟲,但我們要來做一個 「好」爬蟲,代表我們不會送一堆的請求到伺服器,會加上延遲等等,如果可以做...

技術 Day14-docker-compose簡介

在前幾篇中,我們介紹了很多關於Dockerfile的相關知識,但這些Dockerfile都是單一個服務而已,如果今天我們需要控制的是好幾個服務的整合專案,那我們...

鐵人賽 Modern Web DAY 21

技術 Day21.錯誤處理 & 體驗優化

「最後一天,讓工具更穩定。處理使用者輸入錯誤、API key 過期、網路斷線等情況,顯示友善提示,讓小工具從『能用』升級為『好用』!」 內容重點: 處理城市錯...

鐵人賽 生成式 AI DAY 13

技術 Day 13: 錯誤處理與異常管理

Day 13: 錯誤處理與異常管理 在 AI 助理開發中,穩定性和可靠性至關重要。今天我們要建立一個完整的錯誤處理與異常管理系統,確保我們的助理在面對各種意外狀...

鐵人賽 生成式 AI DAY 13

技術 Day 13 | 開發環境配置:使用 docker 安裝 n8n 實作流程

昨天我們已經介紹過我們的專案流程跟 n8n 介紹,哪今天我們就是要使用 docker 安裝我們的 n8n。我是選擇使用 Docker 安裝 n8n,並將 n8n...

鐵人賽 Modern Web DAY 20

技術 Day20.前後端整合

「今天我們要把前端跟後端接起來,使用者輸入城市,按下查詢就可以看到即時天氣與圖示。這才是真正能運作的小工具!」 內容重點: fetch 後端 /weather...

鐵人賽 Mobile Development DAY 13
從零開始學習 iOS 系列 第 13

技術 從零開始學習 iOS Day12 - 狀態管理 II

昨天我們學會了 @State 與 @Binding: @State:單一 View 自己管理狀態 @Binding:子 View 可以修改父 View 的...

鐵人賽 Modern Web DAY 19

技術 Day19.串接 OpenWeather API

「今天後端不再回傳假資料,而是直接去 OpenWeather API 拿即時天氣。從這一步開始,你的天氣小工具就真正能顯示即時資訊了!」 內容重點: 使用 f...

鐵人賽 Security DAY 15
資訊安全學習大作戰 系列 第 15

技術 資訊安全學習大作戰Day15-HTTP

昨天說完IP、port、MAC後,今天就是應用層的協定。 HTTP,port:80,可以讓你瀏覽網頁。使用者的主機(瀏覽器)向伺服器發出HTTP請求(reque...

鐵人賽 Software Development DAY 27

技術 模式與原理—不確定性

軟體開發是充滿不確定性的工作,而不確定性通常來自於兩大方面: 使用者需求的釐清 零組件的應用挑戰 上述的不確定性在新開發專案時,往往特別明顯。 新開發專案有...

鐵人賽 Build on AWS DAY 17
小資族的量化交易 101 系列 第 17

技術 Day 17: 虛擬貨幣的量化交易

小明的數位黃金時代 昨天我們了解了量化交易的基本概念,今天要深入探討虛擬貨幣的量化交易。還記得村裡第一次有人用手機支付買菜時,大家都覺得很神奇嗎?虛擬貨幣就像是...

鐵人賽 Cloud Native DAY 11
K8s上的機器人沙盒 系列 第 12

技術 Day 12|影像編碼調校:H.264 / VP9 / AV1、NVENC、解析度與 FPS 的平衡

承接 Day 11(Sidecar 模式),今天深入探討 影像編碼調校。不同編解碼器(H.264 / VP9 / AV1)、硬體加速(NVENC)、解析度與...

鐵人賽 生成式 AI DAY 11

技術 中斷比賽了😭

原本還有很多好的主題想寫...太可惜了,真真的是一件很不容易的事,但至少我也寫下來10篇了,之後會考慮要不要繼續寫 原本還有很多好的主題想寫...太可惜了,真真...

鐵人賽 Modern Web DAY 18

技術 Day18.後端 API 雛形

「畫面有了,但沒有資料就像蓋房子沒水電。今天我們用 Node.js + Express 建立一個簡單的後端 API,先回傳假資料,讓前端可以抓到資料並顯示。這也...

鐵人賽 Modern Web DAY 17

技術 Day17.天氣圖示登場

「只有文字的顯示有點單調,今天我們加上天氣圖示。晴天就有太陽、雨天就有雨傘,用圖示讓資訊更直觀,也讓使用者一眼就知道天氣狀況,增加互動樂趣。」 內容重點: 從...

技術 Day14 API 測試與驗證方法

在API開發完成後,測試與驗證的步驟至關重要,如果缺乏測試,可能因為未預期的錯誤而在實際使用中造成問題。測試的目的不只是檢查功能是否正確,也包含在各種情境下驗證...

鐵人賽 Modern Web DAY 16

技術 Day16.前端小改造

「 有了基本畫面後,接下來就是讓它看起來更像 App,而不是簡單的 HTML。今天我們要加入 CSS 或套件(Bootstrap / Tailwind),調整輸...

鐵人賽 Modern Web DAY 15

技術 Dat15.打造一個簡單的天氣查詢前端

「 今天先不急著串後端 API,我們的目標是打造一個簡單的前端畫面。先有輸入框、查詢按鈕、還有結果顯示區,這樣就有了『小工具的雛形』。雖然資料還是假的,但你可以...

鐵人賽 Modern Web DAY 13

技術 Day 13 - Animate UI Cursor

前言 此 Cursor 非比 Cursor Editor ,而是游標滑鼠的 Cursor。今天來介紹 Animate UI 中的滑鼠游標,它可以自訂游標與跟隨元...