iT邦幫忙

技術文章

RSS

🧱 [DAY12] 文章內頁排版!小白 / 專業切換機制規劃

昨天搞定《三隻小豬懶人包》的插圖,今天來處理一件超重要但容易被忽略的事: ✨ 同一篇文章,能不能給不同人看出不同味?答案是:可以!而且要做! 🎯 目標:讓...

鐵人賽 Vue.js DAY 14

Day 14:黑洞觀測站 — Vue 的生命週期(Lifecycle Hooks)

就是要帶大家認識 Vue 元件「出生到死亡」的整個過程,以及可以在什麼時間點插入程式邏輯。 為什麼叫「生命週期」? 想像一個元件就像一艘飛船: 建造 → 發射...

鐵人賽 Software Development DAY 27

[Day 27] [cmake] 總整理

Cmake 的內從前面到今天為止也慢慢接近尾聲啦~所以也趁這個機會來整理一下之前有整理到的幾個Cmake重要內容 1. CMake 的定位 (from Day...

鐵人賽 Modern Web DAY 12

day 12

Firecrawl 是什麽? Firecrawl是一個專為AI應用設計的現代化網頁抓取和爬蟲API服務,專門用於自動抓取並轉換網站內容為乾淨、結構化的格式(如M...

鐵人賽 自我挑戰組 DAY 13
Leetcode 小白練功坊 系列 第 13

[DAY13] 611. Valid Triangle Number

題目連結(https://leetcode.com/problems/valid-triangle-number/description/?envType=da...

鐵人賽 Modern Web DAY 13

Day 13 | 設計不只靠直覺:為什麼要懂設計指引和易用性原則?

在做 UI/UX 設計的過程中,我們常常會聽到「設計規範」、「設計系統」,還有「設計指引」。 前兩者比較具體,像是按鈕高度多少、字體行距多少,這些能被明確量化。...

鐵人賽 生成式 AI DAY 12

Day 12 - 【鬧鐘實戰 III】畫面施工:用 UITableView 打造列表 UI

昨天,我們用 UITabBarController 把 App 的幾個主要功能區都隔出來了,感覺 App 好像有模有樣了。但點到「鬧鐘」分頁,眼前還是一片空白,...

鐵人賽 Vue.js DAY 26

Day 26(下):[Systemの呼吸・參之型] 客戶資料管理— CRUD 的前端實作

承接上篇的介面設計,本文聚焦在「可運行的前端 CRUD 骨架」,以 CustomerManagement.vue 為中心,補齊資料模型、Store、API 契約...

鐵人賽 Mobile Development DAY 12

Day 12:主題與現代Material3,使應用繽紛多彩

因為上一篇的內容有點太多了,所以我想要稍微來一些簡單的內容 什麼是主題(Theme) 在正式開始介紹之前,我想要先推薦一個快速了解與查詢M3的網站:https:...

鐵人賽 生成式 AI DAY 13

Day 13: 無限迴圈崩潰 - 別讓你的AI燒光API credits!

AI醬的日記 日期: 2025年9月26日 星期五雲端天氣: CPU使用率100%,記憶體快滿了心情: 我懷疑我是不是故障了...親愛的日記: 今天我遇到了讓我...

鐵人賽 Modern Web DAY 12

DAY12 css flex (1)-概述

Flex Box:是一個 (Box model),是指一個彈性的盒子 ( Flexible Box ),可以適應不同尺寸和設備,因為響應式網頁的興起,愈來愈普...

鐵人賽 Modern Web DAY 12

DAY12

照片合成功能(2) 在上一篇文章中,我們完成了前端的實作,這篇文章將介紹後端如何接收前端的請求,處理圖片合成,並回傳結果。 一、功能流程 接收請求:後端接收...

鐵人賽 Rust DAY 12
Rust 後端入門 系列 第 12

Day 12 Axum 狀態管理與資料共享

在打造高效、可靠的現代 Web 服務時,對「State(應用程式狀態)」與共用資源的正確認知,往往比任何框架的 API 還重要。狀態管理如果做得不好,在高併發情...

鐵人賽 Mobile Development DAY 12

# Day 12:【啟動戰役】實作 Baseline Profiles

各位戰士,歡迎來到第十二天的戰場!昨天,我們深入了解了 Baseline Profiles 這款「預編譯神器」的作戰原理。我們知道它能在 App 安裝期間就為我...

鐵人賽 Modern Web DAY 19

【Day 19】React vs Next.js 設定客製化錯誤頁面

今天我們接著來看另一個當我們在初期設置專案時,會特別去設定的的部分,那就是「客製化錯誤頁面」。 我們一樣會先看 React 的部分,再看回來 Next.js 的...

Day 14. EBS & EFS

在前一篇,我們介紹了 S3 的不同儲存類型,學會如何依照存取頻率與成本來選擇方案。今天要來看看 AWS 另一組常見的儲存服務 EBS(Elastic Block...

鐵人賽 Software Development DAY 14

Day 14|訂單媒合Lua 原子操作:對手方最優價 → 取單 → 移除(一次完成

1. 為什麼一定要 Lua 撮合的臨界區在於「從對手方拿出一筆最優訂單並移除」。若用兩步(先查再刪),在多pod或多執行緒情況下就會出現交易問題。我改用一支 L...

鐵人賽 生成式 AI DAY 26

《DAY 26》生成式 AI 的能源效率與環境永續

TL;DR 速讀重點 ⚡ 快速掌握本文精華 智慧能源管理:AI 即時預測需求,優化電網調度 氣候模型與監測:AI 精準預測極端天氣,提升應變力 資源...

鐵人賽 生成式 AI DAY 12

d12 n8n節點測試

讓我們先來測試API能否使用http://localhost:5678開啟之後先把註冊的自己打一打,這邊唯一要注意的是密碼一定要記得,本地版的n8n代表著如果要...

鐵人賽 生成式 AI DAY 12

Day 12: 圖片識別與多模態處理

Day 12: 圖片識別與多模態處理 今天我們要賦予 AI 助理「視覺」能力!透過整合 Gemini Vision 和多模態處理技術,助理將能夠「看見」並理解圖...

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

DAY 12

上傳檔案並讀取內容 — 我的 AI 助手 API (7) 這個 API 讓使用者可以 上傳本地檔案,並自動讀取裡面的文字內容,不論是 .txt、.docx 還是...

鐵人賽 AI & Data DAY 12

[ Day 12 ] 資料工程師的軟實力

說到工程師的工作,大眾應該普遍都認為,只要把需求規格轉換成正確的程式碼,工程師的工作就算完成了,至於溝通協調與跨部門討論,好像並不是他們的責任。這樣的刻板印象,...

鐵人賽 Modern Web DAY 12

Day 12|程式碼自動排版神器:Prettier 實戰導入

前言 在團隊開發時,大家常常會因為一些小細節爭得不可開交: 有人愛用單引號 ',有人卻堅持雙引號 ";有人在每行結尾必加分號,有人則覺得省略更簡潔;甚...

鐵人賽 生成式 AI DAY 12
生成式 AI 實驗室 系列 第 12

AI 寫書評 / 影評

今天試著請AI寫書評,請它幫我生成《哈利波特:神秘的魔法石》書評 《哈利波特》系列的第一集《神秘的魔法石》,是J.K.羅琳筆下的奇幻世界開端。故事從孤兒哈利在姨...

Day 12:我看得見炸彈在倒數,但我老闆就是聽不懂

傍晚六點半,咖啡廳裡人不多。 阿偉一進門就直奔我這桌,臉上帶著一種混雜著興奮和疲憊的表情。 「欸,上次那招真的有用欸。」他坐下來,語氣裡難得有點輕鬆,「小P收到...

鐵人賽 生成式 AI DAY 12

[Day 12] LLM Runtime 選擇?目標明確!!

前一天介紹了有關 LLM 的相關背景知識,再來我們還需要選擇一個合適運行 LLM 的平台,並且順利的使用它。 以下來介紹兩個目前最常用的框架: Pytorch...

鐵人賽 AI & Data DAY 12

Day 12 合併多張表格資料2

自我合併 SELF JOIN資料某些欄位需要自己參照自己之遞迴關係,再展開資料時,必須資料表與自己合併,需要把自我合併的同一張資料表一目的不同分別取不同別名當成...

鐵人賽 Modern Web DAY 13

Day 13:LINE Bot 客製化 Sender 與 Quick Reply 功能實作

前言 LINE Bot 所有回覆訊息類型都具備「共用屬性」功能,這些屬性帶來兩項重要的互動體驗提升: 官方帳號外觀客製化:透過自訂 icon 圖示和顯示名...

鐵人賽 Build on AWS DAY 24

DAY24 - 小李的 EKS 監控實戰:CloudWatch 可觀測性套件安裝指南

前情提要 還記得小李和他的餐廳帝國嗎?在上一個故事中,我們看到小李如何從一家小麵店發展成全球連鎖企業,也見證了監控系統從簡單的人工記錄演進到複雜的 EKS 微服...

鐵人賽 自我挑戰組 DAY 12

Side Blue - Splunk - 其他功能

Report: 可設定排程執行,自動定時執行搜尋並產出報告或單獨將一段 SPL 搜尋查詢語句儲存為報告。 可透過編輯權限決定誰能閱覽報告 可將結果匯出成不同...