iT邦幫忙

17th鐵人賽相關文章
共有 19759 則文章
鐵人賽 Modern Web DAY 11
FlowNest 系列 第 11 篇

技術 Day11_增加留言牆&Navbar

留言牆 想要增加用戶的互動感,所以新增了留言牆的頁面,登入後的用戶可以在專注任務結束後,把貼文發送到留言牆url就直覺使用/wall Navbar 因為功能越來...

鐵人賽 生成式 AI DAY 8
讓AI「陪」你寫論文 系列 第 8 篇

技術 Day8 OpenAI API 申請(付費) & 免費Token方案 & 串接進沉浸式翻譯

今日事項:知道主流付費模型 OpenAI API 的申請過程、數據共享每日免費方案、如何串接入沉浸式翻譯 如果文章對你有幫助的話,歡迎按讚或留言,讓我知道我不...

技術 ( Day 53 ) CSS 文字換行

進行網頁排版時,常會遇到「需要文字換行」或「不想要文字換行」的狀況,這個單元會介紹 CSS 裡控制換行的樣式屬性 word-break、line-break、o...

鐵人賽 Software Development DAY 16

技術 [Day16]查詢今天要不要帶雨傘:Python 串接天氣 API

開場 昨天我們一起探討了 API 串接的核心概念,並學會了如何處理從 API 伺服器返回的 JSON 資料。這些知識將成為今天的基礎,帶領我們邁向一個更實際的挑...

鐵人賽 Build on AWS DAY 14

技術 Day14 本週回顧與心得文章 (week 2)

這一週對我來說是很大的突破,因為我不只是在本機寫程式,而是真的把網站跟資料庫搬到AWS雲端上。雖然過程中遇到不少問題,但也讓我更清楚整個「從程式到雲端部署」的流...

鐵人賽 AI & Data DAY 8

技術 Day 8:n8n 要怎麼開始?我從雲端試用到 Zeabur 部署的心得

中小企業要做自動化的工具選擇很多,但我最後還是選擇了 n8n——因為它靈活、低成本,又能真正把流程跑起來。那如果你也想開始用 n8n,那要怎麼開始呢?有兩條路:...

鐵人賽 生成式 AI DAY 8

技術 Day 8:哎呀還能叫外掛?Function Calling 初體驗

到目前為止,我們的 AI 都只能聊天。 但如果要讓它幫我們做事呢? 像是查天氣、算數學、查資料庫……光靠純文字的話 AI 不行,這時候就要用到 Function...

軟體工程師的湖濱散記 系列 第 13 篇

技術 013 Selection Sorting 雜談

Selection Sorting 選擇排序 跟插入排序不同之處在於,它不是逐一比對,而是直接每輪都掃過一遍元素,用一個變數放最小值,更新到掃完時就知道這輪最小...

技術 【吳桑泥的淬鍊升級書單】Day8 別讓三個月後的你,痛恨現在的自己:重讀《Clean Code》

別讓三個月後的你,痛恨現在的自己:重讀《Clean Code》 程式碼的終極目標:Clean Code 無瑕的程式碼 請問各位工程師夥伴,有沒有接過維護案呢?...

鐵人賽 Mobile Development DAY 8

技術 Day8 MVVM架構2

今天會介紹Lifecycle和Data Binding兩個學習MVVM架構也會需要學的知識,最後會有個簡單的範例來實作一下,那就直接開始(・w・)b Lifec...

鐵人賽 Vue.js DAY 19

技術 Day19 Vue 插槽 Slots (上)

在前面幾天探討了元件資料傳遞的方式,不過若想要傳遞的是 DOM 內容,使得元件在不同的地方,可以渲染不同的內容,並且仍保有相同的樣式,則需要透過使用插槽 Slo...

鐵人賽 自我挑戰組 DAY 22

技術 Day22打造一個糖尿病自我監測小工具:從0開始學前端

今天想來試試針對糖尿病患者「線上諮詢 / 留言板」的功能,目前想法是: 在主頁 index.html 有個框框可以點進去,框框會出現最新的三個問題,右上角有個...

技術 Day09-docker是什麼呢?

在踏入工程師的領域之後,隨著需要開發的軟體越來越多,就會需要在自己的電腦上裝上各式各樣的環境來符合每套專案,有些專案需要node 22+nginx才能使用,有些...

吃出一個SideProject! 系列 第 8 篇

技術 Day 8:docker-compose

前一天我們撰寫完了 Auth-service 的 dockerfile,今天我們要撰寫 docker-compose,利用 postgreSQL 的官方 ima...

鐵人賽 生成式 AI DAY 8

技術 30天用React打造AI工具箱 Day8

30天用React打造AI工具箱 Day8 React的條件渲染:決定顯示什麼 在真實的應用程式裡,我們常常需要根據情況來決定要不要顯示某個內容。例如: 使用...

鐵人賽 Security DAY 12

技術 你的應用程式安全嗎?一起來了解容器資安

在 Devops 的文章中,有分享到容器化的概念:在開發的時候,將應用程式打包在一個可以任意移動的盒子,在盒子裡具備了所有讓應用程式可以正常運作的素材,這樣不管...

鐵人賽 Security DAY 8
30 天 TryHackMe 實戰 系列 第 8 篇

技術 Day8 SQL Injection 實戰

昨天我們學習了網頁應用的基礎,了解了網頁如何運作。今天,我們就要將這些知識用在實戰上,挑戰一個最常見也最危險的網頁漏洞:SQL Injection。 SQL (...

鐵人賽 生成式 AI DAY 11

技術 反向傳播不難懂:梯度如何讓模型變聰明

在前幾天的學習中,我們了解了有關神經網路的基本組成,像是資料如何進入模型(前向傳播)、如何透過啟動函數轉換訊號、還有如何利用損失函數評估模型的表現等等。 但到目...

鐵人賽 自我挑戰組 DAY 9

技術 Day 09 - 創建 NumPy 陣列與屬性詳解

大家好,歡迎來到數據新手村的第九天!在昨天的文章中,我們宏觀地介紹了 Olist 數據集的全貌,也認識了即將成為我們核心武器的 NumPy 函式庫。 理論說了再...

鐵人賽 Software Development DAY 28

技術 Day 28 - 整合準備 🔧

「前端寫好了,後端也測試通過了,為什麼整合起來就是不能動?」 資深工程師微笑著說:「你有測試過前後端的合作默契嗎?」 經過 27 天的旅程,我們已經具備了扎...

鐵人賽 Modern Web DAY 28

技術 Day 28 - 整合準備 🔧

「明天就要上線了,但測試都是用 Mock 資料跑的...」團隊會議室裡瀰漫著緊張的氣氛。過去 27 天,我們建立了完整的測試體系,從單元測試到 MSW 模擬,一...

鐵人賽 Software Development DAY 16

技術 Day 16 - 效能優化 🚀

還記得昨天我們完成了羅馬數字轉換器的完整功能嗎?今天,我們要深入探討一個開發者最關心的議題:性能優化!想像一下,如果你的轉換器每天要處理數百萬次的轉換請求,該如...

鐵人賽 Security DAY 8

技術 Day 08. Flu

這一題是 PG practice 的題目來看看怎麼解吧 偵查 # Nmap 7.95 scan initiated Mon Sep 22 04:09:29 20...

鐵人賽 生成式 AI DAY 16

技術 Day 21: 進階程式碼實戰:用 Function Calling 打造「即時趨勢分析師」

在過去幾天,我們已經學會了如何用程式碼與 AI 進行對話。但到目前為止,我們的 AI 仍然像一個「被關在房間裡的天才」。它擁有淵博的知識,但它無法得知「此時此刻...

鐵人賽 Security DAY 13

技術 Day 13 JWT 過期與 Refresh Token 機制

為什麼需要 Refresh Token? Access Token 建議設定很短(例如 2–10 分鐘),降低外洩風險。 使用者不可能一直重新登入,所以我們...

鐵人賽 Vue.js DAY 8

技術 第一次階段性測試 + 小修優化

今天的核心任務不是「新增新功能」,而是 整理、優化、驗收,今天是專門拿來優化程式碼 + 改善體驗 + 做里程碑紀錄的日子!讓前面累積的程式碼變乾淨、好用、減少...

鐵人賽 Mobile Development DAY 8

技術 Xcode x Swift Vibe coding進階開發之旅 第八天 點名系統(4) 建立新增頁面與button

說明 現在先來做新增功能了 內容 指令: 設計一個左側navbtn 新增人員的btn 使用"+"當標題 使用alert 同時輸入email...

鐵人賽 生成式 AI DAY 9

技術 Day9 - 範圍限定—避免 AI 天馬行空

承上篇 「角色扮演」= 讓 AI 穿上不同身份的樣子 可以拿到更符合需求的答案 但有時候即使角色設定正確AI 還是可能給出一堆「看似有用但很散」的回答也就是大...

鐵人賽 生成式 AI DAY 9

技術 Day 9|預訓練與微調(Pre-training and Fine-tuning)

在完成了 Tokenization 和 Embedding,我們已經把語言轉換成了模型能理解的數字形式。但問題來了:模型要怎麼從這些數字中真正學會語言知識?答案...

鐵人賽 Modern Web DAY 8

技術 Day 8 - 清單與表格的魔法

學習目標 熟悉三種清單:有序清單 <ol>、無序清單 <ul>、描述清單 <dl> 能靈活使用 <li> 條...