iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 40 瀏覽

鐵人賽 Vibe Coding DAY 19

AI 寫不好，可能是我沒說清楚：30 天打造 ClarifyBuild，讓 Vibe Coding 從需求開始系列第 19 篇

技術 Day 19｜匯入的 Draft，在按下確定之前不能先進 App

Day 17 我故意沒做一件事：匯入前確認。那時候，匯入一份合法的 draft，會直接取代目前的 draft。而 ClarifyBuild 每次變更都會寫進...

biggieyk ‧ 2026-10-03

0 Like 0 留言 42 瀏覽

鐵人賽 Vibe Coding DAY 18

AI 寫不好，可能是我沒說清楚：30 天打造 ClarifyBuild，讓 Vibe Coding 從需求開始系列第 18 篇

技術 Day 18｜還沒有 browser test，我先把按鈕背後的狀態流程抽出來測

Day 17 結尾，我寫下今天應該補 browser-level test。因為 ClarifyBuild 從 Day 15 到 Day 17，已經不只是單純...

biggieyk ‧ 2026-10-02

0 Like 0 留言 178 瀏覽

鐵人賽 Build on Google AI DAY 15

打造零成本企業級 AI Agent：以 Gemini 2.5 Flash 構建金融分析助手與維運實戰系列第 19 篇

技術【Day 19】數據追蹤與自動覆盤：Google Sheets 紀錄整合與 AI 方向預判紀錄

「一個完整的生產級 AI Agent，不能只管把報告推播出去，更必須將每日產出的市場數據、AI 預判方向與推播狀態進行持久化追蹤，為後續的勝率統計與離線 Eva...

ariel_c ‧ 2026-08-22

0 Like 0 留言 494 瀏覽

鐵人賽 Modern Web DAY 30

30 天製作工作室 SaaS 產品 (前端篇) 系列第 30 篇

技術 Day 30: 30天打造SaaS產品前端篇-完賽心得與技術棧總回顧

30 天旅程回顧終於來到了鐵人賽的最後一天！回顧這 30 天的挑戰，感觸良多。我在軟體開發領域已經工作八年，從最初的後端工程師，到後來的全端工程師，再到區塊...

Moscle.dev ‧ 2025-10-14

0 Like 0 留言 461 瀏覽

鐵人賽生成式 AI DAY 6

被AI之箭射中了 - 是覺醒還是死去系列第 6 篇

技術 Day06 - MCP：你使用的工具方法是安全的嗎？

前言安安大家週末好... 既然 MCP 的運作原理是可以被查到的，那這樣駭客不會想利用機制缺陷做壞壞的事情嗎？基於好奇心驅使，還真的查到了微軟在今年五月分佈的...

南國安迪 ‧ 2025-09-20

0 Like 0 留言 496 瀏覽

鐵人賽生成式 AI DAY 5

被AI之箭射中了 - 是覺醒還是死去系列第 5 篇

技術 Day05 - MCP：請 Claude 幫我初探架構及原理

前言 ... Claude 快用你無敵的白金之星想想辦法.. 運作背後三大角色 MCP 運行背後圍繞著一個架構 (Client-Server Architec...

南國安迪 ‧ 2025-09-19

0 Like 0 留言 1080 瀏覽

鐵人賽生成式 AI DAY 4

被AI之箭射中了 - 是覺醒還是死去系列第 4 篇

技術 Day04 - MCP：LLM 的進化之箭

前言在上一篇試著分享了最通用的 Prompt 優化方式，但要知道 LLM 還能更強，就像替身能力能透過箭再進化是相同的意思，等等... 你那什麼表情？......

南國安迪 ‧ 2025-09-18

0 Like 0 留言 776 瀏覽

鐵人賽生成式 AI DAY 3

被AI之箭射中了 - 是覺醒還是死去系列第 3 篇

技術 Day03 - 新手也能上手的 LLM Prompt 優化術

前言在 Day02 的篇章，簡單探討了 LLM 理解、記憶限制，以及讀取長文本內容時要注意的問題後，你有發現嗎？不論是溝通到它開始失憶，或是一次丟入太多內容導...

南國安迪 ‧ 2025-09-17

0 Like 0 留言 1474 瀏覽

鐵人賽生成式 AI DAY 2

被AI之箭射中了 - 是覺醒還是死去系列第 2 篇

技術 Day02 - LLM 為什麼會漏掉細節？從 Context Window 到 Lost in the Middle 現象初探

前言在過去開發的過程中，不知道你有沒有以下的這些經驗：情境一：針對某個功能跟 GPT 討論，該給的情境、需求都說完了，也糾正它的回覆好幾次，發現它像是不接...

南國安迪 ‧ 2025-09-16

0 Like 2 留言 361 瀏覽

鐵人賽生成式 AI DAY 1

被AI之箭射中了 - 是覺醒還是死去系列第 1 篇

技術 Day01 - 為什麼前端的我會關注 AI

為何要關注 AI 可以協助甚至是做到的事情越來越多，以我自己的開發經驗來說，它可以：協助撰寫測試：由開發者提供詳細規格（例如：測試架構、情境等），它就能照...

南國安迪 ‧ 2025-09-15

4 Like 0 留言 48014 瀏覽

徵才【SHOPLINE 招募中】Backend (RoR, Go) / Data Engineer (Batch, Streaming) / Frontend (React) / SRE / QA

【關於工程團隊】SHOPLINE 台灣研發團隊有超過百位工程師，分為前後端、測試、數據、雲端維運等團隊，台北辦公室採混合辦公模式，目前 Backend、Fron...

shoplinetwhr ‧ 2024-12-03

0 Like 0 留言 777 瀏覽

鐵人賽 Software Development DAY 30

前端也想學設計模式系列第 30 篇

技術 Day 30 - 結語

持續一個月的努力，終於來到了鐵人賽的最後一天。我大約在兩個月前萌生了參加鐵人賽的念頭，但當時其實猶豫了很久，一方面是擔心無法兼顧工作與寫作，另一方面也怕無法產出...

Evans Wu ‧ 2024-10-14

0 Like 0 留言 490 瀏覽

鐵人賽 Software Development DAY 29

前端也想學設計模式系列第 29 篇

技術 Day 29 - Visitor 訪問者

訪問者模式允許在不修改物件類別的情況下，對物件集合中的元素施加新的操作。生活範例麥當勞的餐點有很多種點法，比如說一個麥香雞漢堡，可以單點、搭配薯條和可樂做成...

Evans Wu ‧ 2024-10-13

0 Like 0 留言 1128 瀏覽

鐵人賽 Software Development DAY 27

前端也想學設計模式系列第 27 篇

技術 Day 27 - Method Chaining 方法鏈

方法鏈可以透過一連串的方法呼叫來取得計算結果，而無需將中間結果存為變數。生活範例想像草莓果醬的生產線，上面包含幾個主要關卡：清洗、烹煮和裝瓶，經過一步步的處...

Evans Wu ‧ 2024-10-11

0 Like 0 留言 524 瀏覽

鐵人賽 Software Development DAY 26

前端也想學設計模式系列第 26 篇

技術 Day 26 - Memento 備忘錄

備忘錄模式能讓物件在不破壞封裝的情況下儲存與回復狀態。生活範例備忘錄模式的一個經典應用場景是歷史紀錄。這類紀錄在我們的日常生活中隨處可見，例如 Word、P...

Evans Wu ‧ 2024-10-10

0 Like 0 留言 630 瀏覽

鐵人賽 Software Development DAY 25

前端也想學設計模式系列第 25 篇

技術 Day 25 - State 狀態

狀態模式使用狀態物件來表示物件在不同狀態下的行為，並通過改變狀態物件來改變行為。生活範例街道中的紅綠燈非常適合用來說明狀態模式的概念。紅綠燈有三種狀態：紅燈...

Evans Wu ‧ 2024-10-09

0 Like 0 留言 665 瀏覽

鐵人賽 Software Development DAY 24

前端也想學設計模式系列第 24 篇

技術 Day 24 - Bridge 橋接

橋接模式通過將物件的抽象部分與實現部分分離，使系統更具彈性。生活範例隨著行動支付方式日益多樣化，想像一間行動支付整合商的服務，支援像 Apple Pay、L...

Evans Wu ‧ 2024-10-08

0 Like 0 留言 465 瀏覽

鐵人賽 Software Development DAY 23

前端也想學設計模式系列第 23 篇

技術 Day 23 - Flyweight 享元

享元模式透過重複使用物件來減少資料量並節省記憶體。生活範例圖書館有很多藏書，同一本書可能有多本館藏，以滿足讀者需求。假設每次購書都要將書本的基本資料輸入圖書...

Evans Wu ‧ 2024-10-07

0 Like 0 留言 501 瀏覽

鐵人賽 Software Development DAY 22

前端也想學設計模式系列第 22 篇

技術 Day 22 - Mediator 中介者

中介者模式透過獨立的物件來協調物件之間的互動行為，避免它們相互依賴。生活範例想像你在一間公司，各部門都透過專案管理組來進行溝通。每當某個部門有需求時，都會聯...

Evans Wu ‧ 2024-10-06

0 Like 0 留言 646 瀏覽

鐵人賽 Software Development DAY 21

前端也想學設計模式系列第 21 篇

技術 Day 21 - Proxy 代理

代理模式透過包裝物件來管理外部對物件的操作行為。生活案例每名偶像都有一位經紀人，負責管理其工作行程。廠商會透過經紀人洽談合作機會，並透過經紀人取得回覆。廠商...

Evans Wu ‧ 2024-10-05

0 Like 0 留言 537 瀏覽

鐵人賽 Software Development DAY 20

前端也想學設計模式系列第 20 篇

技術 Day 20 - Null Object 空物件

空物件模式利用一個沒有實質行為的空物件來統一客戶端程式的操作行為。生活範例大家去日本旅遊時曾經注意過日本的販賣機嗎？日本的販賣機非常有趣，有些會用空的包裝來...

Evans Wu ‧ 2024-10-04

0 Like 0 留言 632 瀏覽

鐵人賽 Software Development DAY 19

前端也想學設計模式系列第 19 篇

技術 Day 19 - Composite 合成

合成模式藉由統一樹狀結構中所有節點的介面，使不同類型的節點擁有相同的操作介面。生活範例一間企業由不同部門組成，部門下有組別，而每個組別還可能有不同的團隊。企...

Evans Wu ‧ 2024-10-03

0 Like 0 留言 517 瀏覽

鐵人賽 Software Development DAY 18

前端也想學設計模式系列第 18 篇

技術 Day 18 - Iterator 反覆器

反覆器讓我們取得聚合中的所有元素而不必暴露內部的實作細節。生活案例假設你擁有很多電子書，但每本書的格式都不同，有些是 PDF，有些是 txt 檔，有些是網路...

Evans Wu ‧ 2024-10-02

0 Like 0 留言 601 瀏覽

鐵人賽 JavaScript DAY 18

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 18 篇

技術 Day18：使用 TypeScript 為 React 元件定義 Props 型別

在 React 專案搭配 TypeScript 後續開發前，最重要的工作之一就是為元件定義 props 的型別。這不只可以讓程式碼更清晰易懂，也能幫助未來在開發...

Annie ‧ 2024-10-01

0 Like 0 留言 682 瀏覽

鐵人賽 Software Development DAY 17

前端也想學設計模式系列第 17 篇

技術 Day 17 - Template Method 樣板方法

樣板方法提供一個演算法模板，讓子類別在相同的步驟中實踐不同的實作細節。生活範例以料理為例，每道菜使用的食材、烹煮方式和擺盤風格各不相同，但都會經歷三個主要步...

Evans Wu ‧ 2024-10-01

0 Like 0 留言 607 瀏覽

鐵人賽 Software Development DAY 16

前端也想學設計模式系列第 16 篇

技術 Day 16 - Chain of Responsibility 責任鏈

將請求的處理程序分成多個處理器，並讓每個處理器決定如何處理請求。生活案例想像蘋果工廠的流水線上有一系列工作站，分別負責清洗、選別和包裝。每個工作站會依序處理...

Evans Wu ‧ 2024-09-30

0 Like 0 留言 852 瀏覽

鐵人賽 JavaScript DAY 17

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 17 篇

技術 Day17：在 React 中使用 TypeScript 的基本設置與應用

在前一篇文章中，學到了如何在一般的 JavaScript 專案中加入 TypeScript，今天就來分享在前端框架 React.js 如何使用吧！TypeScr...

Annie ‧ 2024-09-30

0 Like 0 留言 631 瀏覽

鐵人賽 Software Development DAY 15

前端也想學設計模式系列第 15 篇

技術 Day 15 - Builder 建造者

建造者模式藉由將物件的建構流程和目標對象分離，讓物件的建構過程更有彈性。生活案例一間汽車製造工廠生產著各式各樣的的汽車，每款汽車都由不同的零件組成，例如引擎...

Evans Wu ‧ 2024-09-29

0 Like 0 留言 531 瀏覽

鐵人賽 Software Development DAY 14

前端也想學設計模式系列第 14 篇

技術 Day 14 - Prototype 原型

原型模式通過讓物件提供複製方法，讓使用者能夠輕鬆複製物件。生活案例假設你是世界名畫「蒙娜麗莎的微笑」的收藏家。你經常收到美術館的來信，邀請展出這幅畫作。由於...

Evans Wu ‧ 2024-09-28

0 Like 0 留言 547 瀏覽

鐵人賽 Software Development DAY 13

前端也想學設計模式系列第 13 篇

技術 Day 13 - Adapter 轉接器

轉接器模式允許你在不修改現有程式碼的情況下轉換類別的介面，讓原本互不相容的兩個類別合作無間。生活案例出國旅遊時，當地的插座和電壓常常與台灣不同，因此經常需要...

Evans Wu ‧ 2024-09-27