iT邦幫忙

17th鐵人賽相關文章
共有 19753 則文章
鐵人賽 AI & Data

技術 Day25:AI 成本優化與資源自動擴展

在 AI 專案的真實運營中,「效能」與「成本」永遠是一體兩面。 隨著模型上線並持續被使用,如何控制運算支出、保持服務穩定, 成為每個 AI 團隊都必須面對的挑戰...

Python 函式大全 系列 第 54

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

✦ 功能:用於高級文件和目錄操作,提供比 os 模組更高層次的文件操作功能,包括複製、移動、刪除、壓縮等,適用於檔案系統管理、備份、部署等任務 ✦ 屬性與方法...

技術 Day 30:總整理DramaWeb(追劇互動平台)

作品簡介 這 30 天,我把腦中一直想做的「追劇管理+心得記錄」變成了可用的網站——DramaWeb。它不靠後端、安裝零門檻,用瀏覽器就能完成「找劇 → 收藏...

技術 Day 29:相容性 & 無障礙 & 效能調校

目標:不同裝置/瀏覽器表現穩定,基本 a11y 與效能良好。 要改的檔案:三個 HTML <head>、style.css 1.字體預連線(加速)...

技術 Day 28:部署準備:favicon + OG/Twitter 分享

目標:把網站整理成「可分享、有預覽圖」並部署至 GitHub Pages / Netlify。 要改的檔案:index.html、favorite.html、r...

技術 Day 27:全站 Toast 提示 & 空狀態一致

目標:重要操作都有一致的「小提示泡泡」(收藏/取消、送出、清空)。 要改的檔案:index.html、favorite.html、review.html、sty...

技術 Day 26:表單 UX 打磨

目標:提升心得牆表單的使用體驗: 輸入即時驗證(聚焦到錯誤欄位) 送出後有柔和提示 自動草稿保存(LocalStorage),誤關頁面不怕內容消失 要改的檔...

技術 Day 25:入場動畫 & 捲動揭示

目標:使用 IntersectionObserver 做卡片入場動畫(已在 app.js 內建,這天微調節奏)。檔案:js/app.js、style.css步驟...

技術 Day 24:卡片層次 & 玻璃質感

1. 色票微調(放在 :root{...} 後面即可) /* Day24 tokens tweak */ :root{ --y2k-blur: 10px;...

技術 Day 23:按鈕系統 & 微互動

目標:統一按鈕形狀、大小、狀態(hover/active/disabled)+ 微光澤。檔案:style.css步驟 1. 整合 .btn、.btn-warn、...

技術 Day 22:字體與排版階層

目標:建立字體階層(H1/H2/內文/輔助),提高年輕感與可讀性。檔案:index.html、style.css步驟 1. 已載入 Google Fonts(O...

技術 Day 21:主題定稿:Y2K 霓虹配色 & Token

目標:把整站顏色與陰影統一到設計 Token,之後改色只改一處。檔案:style.css步驟 1. 在 :root 補齊/微調 Token(已內建,可調整飽和度...

技術 Day 20:資料持久化加強(版本鍵 + 資料結構升級)

我們在前面已完成收藏與心得的 LocalStorage。今天加上版本化與資料完整性:可避免未來結構變更導致讀取出錯,並保留欄位升級空間。 改哪裡:js/app....

技術 Day 19:搜尋加強(模糊比對 + 去除全形/空白)

我們在 Day 9 已完成基本搜尋。今天做體驗升級:全形/半形統一、忽略多餘空白、簡易模糊比對(包含順序相近也可命中)。 改哪裡:js/app.js(apply...

技術 Day 18:排序功能(評分/時間,升/降)

目標加入排序下拉與方向切換;排序與目前的「類型/搜尋」同時作用(在首頁),心得牆也支援「新→舊 / 舊→新」。 改哪裡:首頁(index.html/front....

技術 Day 17:心得牆排版加強(長文斷行、連結、@標記)

目標讓心得內容更可讀:自動偵測網址轉連結、支援 @名字 高亮、長文斷行。 改哪裡:js/reviews.js(render 內容處理)、style.css 1....

技術 Day 16:RWD 強化(手機導覽、斷點微調)

目標補上簡易漢堡選單(不影響你原本架構),改善 360px 的擠壓。 改哪裡:首頁/共用 HTML(header 區)、style.css、小段 jQuery...

技術 Day 15:互動動畫(收藏按鈕、卡片 hover、chips)

目標加上微動效:收藏按鈕彈跳、卡片浮起、chips 進出場。 改哪裡:style.css /* Day 15:微動效 */ .card{ transition:...

技術 Day 14:第二週小結(文件化 + README)

目標把第二週進度、使用方式、檔案結構、已知問題寫入 README.md。 新增檔:README.md(摘要) # DramaWeb — 週次小結(Week 2)...

技術 Day 13:心得牆美化 +「載入更多」

目標把 review.html 的心得列表做成對話框風格、加陰影與分隔;長列表用「載入更多」。 改哪裡:style.css、js/reviews.js 1. C...

技術 Day 12:心得牆永久保存

1.在 style.css 末尾補上兩段(可選) 讓「清空全部」與空狀態更清楚(若 Day 11 已有類似就可略過): /* Day 12:清空全部按鈕(危險動...

技術 [ 番外篇 ] Flutter Meta Horizon Store 上架 實戰應用篇 — 2D Android App 送審流程

2025 iThome 鐵人賽「 Flutter :30 天打造念佛 App ,跨平台從 Mobile 到 VR ,讓極樂世界在眼前實現 ! 」番外篇「 Flu...

技術 DAY 52 與Governance有關的SageMaker和Summary

ML Governance SageMaker Model Cards: 將模型的關鍵資訊集中在一起的方式,比如記錄模型的預期用途、風險等級、以及模型的訓練細...

技術 DAY 51 SageMaker Clarify&Ground Truth

SageMaker Clarify(SageMaker Studio 的一部分) 評估foundation model,比如比較模型A與B的表現差異 可以使用...

鐵人賽 DevOps

技術 Day34 - 番外篇:需要微調嗎?從 DevOps 角度評估生產部署

(文中有彩蛋 🥚 還記得 Day31 的前輩教我們要仔細評估技術選型嗎?為什麼場景裡的 SRE 會回答 $1-3K 每個月呢?) 🔹 前言 回顧 LoRA 微調...

技術 DAY 50 Data Wrangler&Feature Store

Data Wrangler(SageMaker Studio 的一部分) 資料處理工具,用來準備tabular與image資料供ML使用 進行feature...

鐵人賽 IT 管理
敏捷組織的五項修練 系列 第 41

技術 Day 41. RAPPORT 敏捷組織的七個習慣:Reflection (反思) - 檢視織紋的智慧

「早上一問:我今天打算做什麼好事?晚上一問:我今天做了什麼好事?」- 富蘭克林日程表 1. 超越「做事」,走向「學習」 在 RAPPORT 的七個習慣中,「反思...

技術 DAY 49 Amazon SageMaker

Amazon SageMaker AI 專為建立與部署機器學習模型的開發者與資料科學家所設計。 擁有足夠多的資料後,可直接在SageMaker上建立機器學習模...

Python 函式大全 系列 第 53

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

✦ 功能:用於提供持久化儲存機制,允許將物件儲存到檔案中並以類似字典的介面進行存取,適合儲存小型資料集或簡單的應用狀態 ✦ 屬性與方法 : shelve.ope...

鐵人賽 AI & Data

技術 用生活例子搞懂「時間序列」:怎麼跟蒙地卡羅與敏感度分析結合?

⏰ 用生活例子搞懂「時間序列」:怎麼跟蒙地卡羅與敏感度分析結合? 🧩 一、什麼是時間序列(Time Series)? 👉 一句話說明: 時間序列就是「同一個變數...