iT邦幫忙

技術文章

RSS
鐵人賽 Modern Web DAY 8
Medusa.js 石化我的心 系列 第 8

Day8 探查基本功能 - 探索購物車前準備完整的商品及區域

我們在 Day4 , Day5 時候,有探索了一下產品。但是這個產品其實不是完整的產品,因為我們還要設定庫存啊、價錢啊。我們要把我們的產品真真變成一項商品。所以...

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

013 Selection Sorting 雜談

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

鐵人賽 自我挑戰組 DAY 8

DAY 08 招喚表單魔法陣 React Hook Form (1) 基礎魔法 useState 和 useRef

時間再倒轉回剛結訓之後,我接觸到 React Hook Form 這個套件,也是這個套件讓我再回頭複習 React 的 useState和 useRef。 不知...

鐵人賽 Mobile Development DAY 8
開除老闆計劃 系列 第 8

[DAY-08] 用 AI 搭建會員系統:JWT 登入與註冊實作

登入系統 說了這麼多天,終於要開始實作內容了。那第一個動工的我覺得應該是要會員系統,因為幾乎所有功能都要依賴使用者身份:沒有登入,就不能記錄飲食、運動,也看不到...

鐵人賽 自我挑戰組 DAY 22

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

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

鐵人賽 Cloud Native DAY 18

Day 18: 撰寫範例(修改中)

撰寫下載youtube影片並下載模型判斷的流程,明天會在修改。 #!/usr/bin/env python3 import yt_dlp import os i...

鐵人賽 自我挑戰組 DAY 8

Day 8 瀏覽 Bitnami Library ,學習建構Helm Chart

Bitnami Library 是一個非常實用的 Helm Library,裡面收錄了大多數知名服務,並且持續維護。對 DevOps 人員來說,它就像一個百寶箱...

鐵人賽 生成式 AI DAY 8

Day 8. 多模態:從 LLM 輸入「圖片、影像或語音」後,按下 Enter 會發生什麼事?

LLM 除了不純聊天,現在的模型甚至在按下 Enter 前你可以上傳圖片、語音對話,讓模型讀取圖片或聽懂不同語言,並且理解這些原始資料。這種可以處理不只文本的模...

鐵人賽 Software Development DAY 8

[Day 08] First-Class Functions 和 Higher-Order Functions (1):簡介與 forEach

前言 在上篇文章中,我們探討了如何透過分層設計(Stratified Design)來管理程式碼的複雜性。但如果我們能將程式中最核心的元素——「行為」本身——...

鐵人賽 Modern Web DAY 8

Day 08 - 條件式 Rendering

今天要來介紹也是在寫 React 的時候非常容易用到的功能,那就是 條件式渲染(Conditional Rendering)。這邊的渲染(Render),就是在...

鐵人賽 Modern Web DAY 10

Day 10 — 誰能拒絕貓咪?隨機貓圖下載實作

前幾天已經練習了天氣 API和笑話 API。 今天會換成比較有趣的題材:下載隨機的貓咪圖片並存檔。(誰可以拒絕貓咪呢?) 我將會透過這個練習,來學習如何處理圖片...

鐵人賽 Software Development DAY 13

Day 13:影分身之術|用參數化測試 Parameterized Tests 一次挑戰多個敵人

上一篇我們成功地運用 Hooks 收納重複執行的程式碼,只需編寫一次就可重複使用,大大提升了可讀性,但是,各位玩家們請仔細看一下 describe 內的測試:...

鐵人賽 生成式 AI DAY 8

Day 8|Markdown → Notion:打造論文筆記自動化流程

透過 Python 將 Markdown 轉換成 Notion Blocks 並寫入頁面 透過 HTTP 呼叫 API的方式來加入頁面比較複雜,但也更靈活,可以...

第八日:從文件走向程式,Provisioning 工地正式開張

第八日:從文件走向程式,Provisioning 工地正式開張 🚧 昨天還在紙上談兵,今天終於把藍圖變成鋼筋水泥。第八天,我跟 Codex 不再只是畫圖、寫文件...

鐵人賽 Modern Web DAY 8

房門與門鎖[ 5 / 6 ]:OAuth 實戰 — 用 Firebase 實作 Google 登入

在上一篇,我們完成了登入表單的驗證,算是裝好了「基本門鎖」。但如果你常用現代網站或 App,應該會發現:許多平台除了傳統帳號密碼之外,還提供了「社群登入」選項。...

鐵人賽 Security DAY 8

Day 7: 美化我們的留言板:CSS 是甚麼

延續昨天的主題,如果說HTML是一個網頁的建築本身,那CSS就是一個網站的裝潢 今天我們就簡單介紹關於CSS是甚麼 CSS 的全名是 Cascading Sty...

鐵人賽 自我挑戰組 DAY 8

用for迴圈自動輸入多天數據

利用迴圈自動輸入好幾天的數據就不需要手動呼叫昨天寫的recordTodayData()好幾次,每天輸入後馬上判斷出狀態並印出 程式碼解釋:1.新增陣列並儲存...

鐵人賽 AI & Data DAY 8

煉金師的全域視野 - Context Engineering 的完整藍圖

從單點突破到全域掌控 經過了七天的修練之路,我們從「碰運氣的賭徒」進化到「有方法的煉金師」。我們學會了精準的提示配方、理解了記憶腐化的陷阱、掌握了防幻覺的秘技。...

鐵人賽 Build on AWS DAY 8

成本優化策略與監控設定

前言 看似這樣的主題與 ai 無關,但相信有用過 aws 服務的都很清楚,人家 amazon 是營利機構,在我們建置 ai 應用的時候,難免要和老闆,或是大公司...

Banner 捲動淡出效果

昨天我已經在首頁加上了 Banner 圖片,今天我想進一步讓它更動態。 我想要的效果是:當頁面往下滑動時,Banner 圖片會慢慢淡出;往回滑時,圖片又會恢復原...

鐵人賽 生成式 AI DAY 10

(Day10)虛擬歌手/AI配音:用AI打造自己的聲音角色

前面介紹了AI在影像上的簡單應用,聲音也可以來做變化,虛擬歌手和AI配音正在重新定義聲音創作的邊界。從初音未來掀起的虛擬偶像熱潮,到如今更加成熟的AI語音合成技...

鐵人賽 Modern Web DAY 8

Day 8:git checkout & git switch —— 穿梭分支與檔案版本

學 Git 的人,大概都經歷過這種時刻: 我只是想切換到另一個分支,結果一個 git checkout,整個檔案內容瞬間改變,好像被拉進了另一個平行時空。 還來...

鐵人賽 自我挑戰組 DAY 8
用java解Leetcode 系列 第 8

用java解Leetcode Day8

String to Integer (atoi) 這是一道字串處理的經典問題,這問題要求將一個字串轉換為32位元帶符號整數。解題的關鍵在於按照題目的規則,...

鐵人賽 AI & Data DAY 8

【Day 8】打造好用的報名入口三大原則|LINE Flex Message / Google Form

你有沒有遇過這樣的狀況? 學員想報名課程,但找不到報名連結,只能私訊你:「教練,我要報名,怎麼報?」 另一位學生填了 Google Form,卻沒有填付款方式...

鐵人賽 Software Development DAY 8
我們與Maven的距離 系列 第 8

Day07 - POM

前言 延續著Day05的專案我們來一步一步了解maven的架構及使用 POM structure POM是Project Object Model的簡寫為專案物...

鐵人賽 Software Development DAY 8

Day08 AI團隊協作的初探:Claude × Copilot

接下來的軟體開發,我決定嘗試我過去不曾使用的做法——同時搭配 Claude 與 GitHub Copilot。 其中,Claude 我想用在「角色協作」的實驗:...

鐵人賽 自我挑戰組 DAY 8

day 8 : Google Sheets 基本公式與資料整理

今天學: 基本公式運算使用 =SUM 計算一列或一欄的總和,=AVERAGE 算平均值,還有 =MAX、=MIN 找出最大最小值,特別適合整理成績、金額、或...

鐵人賽 生成式 AI DAY 8

【Day8】認識 Gemma 3B IT 模型

經過前面七天的準備,我的專案已經擁有了強大的檢索能力,能夠從龐大的旅遊知識庫中,快速且精準地找到最相關的資訊。但要將這些資訊轉化為流暢、自然且符合需求的對話,我...

鐵人賽 自我挑戰組 DAY 9

第二階段:核心 API 開發 (三)復健課表管理 API 開發

今天進入 Phase 2 – 核心 API 開發 的 Step 4:復健課表管理 (Rehab Schedule Management)。這部分是整個系統的核心...

鐵人賽 Modern Web DAY 22

Day 22 - 範本驅動型表單

目前在 Angular 中表單處理方式,主要有兩種: 範本驅動型表單 (Template-driven Forms) 反應式表單 (Reactive Form...