我是從事桌面應用開發多年的軟體工程師，對網頁技術一直不太熟悉。直到最近一年，我開始接觸多款 AI 開發工具，像是 Cursor、GitHub Copilot、W...
在上篇文章中，我簡單介紹了我的背景和這個兒童任務管理平台的開發契機，以及我如何透過 Vibe Coding 的方式開發整個專案。今天，我想聚焦在這段開發旅程中陪...
前言 在之前的文章中，我們介紹了如何創建和管理遊戲房間以及處理玩家的加入和離開。 現在，讓我們深入探討玩家匹配和遊戲開始的邏輯，這對於即時多人遊戲的成功運行至關...
因為是三十天的小型遊戲專案，還是需要做前期的時程規劃，所以這邊跟 chatGPT 稍微討論了一下要怎麼安排進度 chatGPT 透過以下問題向我詢問這個專案的資...
在完成兒童任務管理平台的核心功能後，我又在 AI 的協作下，快速打造了「每週報告」：彙整任務完成率、活動紀錄與獎勵兌換等等；接著，我又想到的一個適合的常見功能&...
這段時間因為投入 iThome 鐵人賽文章的撰寫，平台的更新暫時停了下來。 為了避免思路斷掉，我決定在網站上增加一個「開發日誌」頁面，專門記錄平台的開發過程與背...
選定平台主題之後，我並沒有立刻投入開發，而是花了幾天時間與 AI 深入討論，釐清開發前的各項技術細節。這段「準備期」對專案方向的確立極為關鍵，也讓我這個完全沒有...
在我們的卡牌遊戲中，伺服器端和用戶端將緊密協作以確保遊戲邏輯正確運行。 下面，我們將討論如何在這兩端實現核心遊戲邏輯。 遊戲回合控制 卡牌遊戲通常以回合制為基礎...
如果你問過去的我：「要不要用網頁技術做一個完整的應用？」 我大概會搖頭，因為我本身是一名長期專注於 桌面應用程式開發 的上班族工程師。 對於 React、Fir...
從開發初期到現在，我的兒童任務管理平台一直以 PWA（Progressive Web App） 的形式存在。 PWA 的好處很明顯：只要一個網址，就能在大多數裝...
作為一位完全沒有網頁開發經驗的桌面應用工程師，我在這次 PWA 平台的開發中，嘗試讓 AI 擔任主力設計師的角色。與其一開始就投入所有頁面的開發，我選擇先聚焦在...
在開發一個具備 「使用者登入」 與 「個別資料紀錄」 的應用時，傳統作法通常需要自行設計登入系統、處理使用者驗證、建立資料庫結構，甚至還要配置檔案儲存空間與伺服...
做好事前準備後，我開始著手產出第一版應用，並請 AI 夥伴協助進行開發。原本以為這只是把整理好的需求交給 AI 處理，讓它產出一個初步版本，實際操作後才發現，這...
在上一篇文章中，我透過 AI 的協助，把一個原本只是網頁型態的 PWA（Progressive Web App） 包裝成 Android App，並利用 TWA...
把腦中想像的育兒工具慢慢做成能用的平台，這一路上 AI 幫了我很多忙。 到目前為止，平台已經有 任務管理、每週報告、成就系統 以及其他更多核心功能，小孩能自己操...
在前兩篇文章中，我已經介紹了我如何透過 Firebase 提供的服務，建立並配置好運作環境，讓專案可以開始使用 Firestore 來實作資料存取功能。 接下來...
在前幾天的紀錄中，我分享了目前開發的兒童任務管理平台，已經具備了 基本任務管理、獎勵系統，還有 冒險地圖 與 成就抽獎 等趣味功能。這些設計的初衷，是希望孩子能...
讓孩子的每一天，都像一場冒險 在上一篇文章中，我分享了如何與 AI 有效溝通，來協助釐清設計風格與 UI 細節。這篇文章將更聚焦於我近期打造的 PWA 兒童...
因為這個平台希望能透過輕度遊戲化的方式幫助引導孩子完成每天的任務，例如收拾書包、刷牙、整理房間，讓「例行公事」變得更有趣、更具成就感。同時，因為家長是陪伴孩子的...
在產品開發的世界裡，上線並不是結束，而是新的起點。 一個系統能否長久被使用，不僅取決於功能是否完整，還取決於它的 維護性、彈性，以及回應使用者需求的速度。這些因...
到目前為止，平台的功能其實已經算是完整，我自己的孩子也都能獨立操作使用；也有邀請過幾位家長試用，得到了一些正面的回饋。對我來說，這已經算是一個重要的里程碑。 但...
關於平台的開發經驗，分享到此暫告一段落。接下來，我將主要分享平台未來的發展思考，以及這段時間與 AI 協作的開發心得與總結。 這個平台的目標，是希望能幫助孩子把...
當網站正式上線的那一刻，我還蠻開心的，因為整個平台終於有了完整的樣子。但冷靜下來之後我又想，現在的網站其實有點空洞，整個網站看起來也要有「內容感」才行。畢竟使用...
在上一篇文章中，我已經成功用 amCharts5 建立了一個互動世界地圖，讓孩子們能在地圖上看到不同國家的位置與形狀。接下來的挑戰，就是把這張「全球地圖」變成一...
在上一篇文章裡，我分享了透過 AI 來改善使用者對任務管理功能的回饋意見，進而推動平台功能與 UI 細節持續優化的過程。這篇文章，則要延續這個主題，分享更多實際...
在完成了我平台的基礎核心功能後，我很快發現一個問題： 基礎功能雖然齊備，但畫面和體驗對小孩來說依然有些單調。 身為一個以「兒童任務管理」為核心的專案，我當然希望...
在目前的設計中，孩子已經能透過兩大核心功能探索學習的樂趣： 成語挑戰：讓他們在闖關中累積語文能力 動物冒險地圖：將每一次的學習進度化為一段旅程，孩子能一步...
平凡工程師
sixwings
iThome鐵人賽
看影片追技術