前面幾天一直在 index.html 與 input.js 之間切換，一直沒有進入整體專案架構的規劃。今天我們將一起整理整理專案的資料夾與結構，建立更好的開發環境，讓後續開發更順利！ 前一篇文章，我們...
「沒有事情一杯咖啡解決不了，如果有，就喝兩杯」 1. 故事的起點：一場成功回顧後的「然後呢？」 故事始於一個充滿能量與希望的時刻。在我顧問「O」這家公司期間，全員在齊心協力完成了一項重大任務後，公...
66.Plus One 題目描述 給你一個由整數組成的陣列 digits，其中每個元素都是 0–9，表示一個非負整數的每一位數（高位在前）。 將這個數字加 1，並以同樣的形式返回陣列結果。 不能將整數...
今天的主題是 React 裡的 State，他會用在我們跟 Component 進行互動時，像是輸入資料（Input）、點擊顯示與隱藏按鈕（Click）或是選取下拉式選單（Select）等。當我們在進...
開始接觸開發以來，越來越多人會選擇在專案中加入 TypeScript 搭配框架使用（不管是哪一種框架都可以加入 TS），讓變數與函式的型別定義更完善，也可以降低程式出錯的機率。 因為目前公司使用的是...
Medium 好讀版點此。 要從遠端倉儲「下載」檔案下來，可分為「本地有較舊版本」或「本地完全沒有這份專案」兩種情境，前者用 git fetch 或 git pull、後者用 git clone。本...
今天我們來學點不一樣的吧！ 有鑒於我們隊友的太太是愛通用設計的小魚。讓我在實作表單元件的過程中不禁想到，如果表單元件沒辦法被其他輔助工具正確操作的話，那麼他是否就不能被稱為是一個完整的表單元件呢？ 在...
在前一篇 Day 12 中，我們建立了一個 OfficeOne Agent，能夠根據使用者需求選擇合適的工具來處理辦公室相關請求。然而，在實際應用場景中，使用者經常會在一個請求中提出需要同時執行多項任...
這篇我們要來做一個基於 Single Agent 變化的 AI Agent 範例——「OfficeOne Agent」，這個助理可以根據使用者的需求，使用最合適的工具來完成任務。OfficeOne A...
昨天我們在卡片上加了「標籤 (Badge)」，今天要把它做成一個獨立的小元件，以後在網站各個地方都能用，更詳細的說說 1. 什麼是「標籤」？ 標籤 (Tag/Badge) 就是網站上那種「小小的提示...