在過去的二十多天裡，我們幾乎每天都在和 AI協作。大家看到的，是 AI 如同一位完美的家教，有問必答，甚至能產出程式碼。但真實的開發流程，真的是如此順利嗎？ 今...
還記得在我們程式碼重構的第一天，把難用的資料形狀，改成了比較好處理的資料形狀嗎？ //// 不好用的資料形狀 var itemPrice = [ {name...
到目前為止，我們與 AI 的互動模式都是一問一答：我們發送一段文字，AI 回傳一段文字或一張圖片。AI 就像一個知識淵博的顧問，能為我們提供資訊、生成內容，但它...
昨天，將使用者輸入的夢境描述，從輸入頁傳遞到了結果頁。文字的橋樑已經搭建完成，但我們的最終目標，是將這段文字轉化為一幅真正的視覺圖像。 今天，我們就要來實現這個...
你有沒有聽過軟體工程師討論時，會講到「這段程式碼有壞味道」？程式碼又不是食物，怎麼會有壞味道呢？我們在上一篇討論了軟體工程裡的「版本控制」，而工程師們討論時說的...
昨天，我們成功用 App 完成了與 AI 的第一次對話。 現在，我們不只要 AI 跟我們「聊天」，更要讓 AI 成為我們的「創意工具」。今天的專案目標是當我在...
上一章我們介紹了版本控制的概念與 Git。這一篇裡，我們要在電腦中安裝 Git，並利用 AI 來幫我們處理版本控制。 安裝 Homebrew: 命令列的 App...
從今天開始，我們要賦予我們的 App思考的能力。我們要讓它不再只是一個工具，而是一個能與我們對話的夥伴。 困惑點：我的 App 要怎麼跟「外面」的世界說話？...
在知道怎麼的簡單的建起一個應用程式之後，應該會迫不急待的想要加入更多的新功能吧？但是先等一下，我們要來聊一個不是寫程式，但跟程式有關的話題。 這塊地圖正式的名稱...
歡迎來到第二章！在第一章中，我們已經從零到有，打造了一個功能完整、架構合理的鬧鐘 App。 在命令 AI 為我們寫東西、畫圖、甚至控制我們的 App 之前，我們...
在了解了內容及樣式排版之後，最後一個部份，就是來看看我們的程式是怎麼動起來的。程式運作邏輯的 JavaScript，就寫在程式碼最下方的 <script&...
在過去的十幾天裡，我們透過 Apple 經典的 MVC (Model-View-Controller) 架構，從零到有成功打造了一個功能齊全的鬧鐘 App。這證...
TL;DR 將我們建立的 AI 工作流程，類比並應用到「軟體開發」與「敏捷 (Scrum)」的團隊協作中。 探索 AI 在不同職能角色（如產品經理、工程師）中...
TL;DR 系統性回顧並總結這一個月內，所建立的所有 AI 工具與工作流程。 將零散的技巧濃縮成一套清晰的「AI 協作心法」。 回首這趟旅程，我們從一個對...
在上一章中，我們研究了網頁應用程式裡 HTML 的各種標籤。接著我們先來看一下我們打開瀏覽器後，為什麼頁面會長成那個樣子。 在 <style> 這...
昨天，我們完成了所有鬧鐘的細節設定，App 在功能層面幾乎已經完整了。使用者可以新增、編輯、刪除鬧鐘，並為其設定重複和提示聲。但有一個最根本的問題：它還不會「叫...
上一章我們用 Gemini Cli 生成了一個會動的零用錢記帳程式，接著就來看程式碼長什麼樣子吧。先用 Finder 找到對應的資料夾，接著按右鍵，用 Visu...
TL;DR 將課程中建立的所有工具與流程，整合到一個從「陌生開發」到「簽約成交」的完整客戶服務場景中。 理解 AI 助理團隊如何系統性地為我們的日常工作賦能...
TL;DR 學習如何將 NotebookLM 的「分析成果」，無縫整合進 Gemini 的「開發指令」中。 體驗 AI 團隊的進階工作流：NotebookLM...
昨天，我們完成了新增與編輯鬧鐘的核心功能，成功打通了 App 的數據主動脈。現在，需要將右邊的 > 指示選項背後的子功能頁面實作出來。 困惑點：多層頁...
歡迎來到 Day 30，打造你個人IP品牌旅程的終點，也是你成為「自動化創作者」之路的起點。 昨天，我們成功地將 Vertex AI 嵌入了 Google Sh...
在過去的 28 天裡，我們所有的操作，都還停留在 Vertex AI 的介面中。但一個真正高效的工作流，應該是無縫整合到我們「日常的工作場景」裡的。 例如對於大...
昨天，我們的 App 終於活了起來！可以從資料庫讀取、刪除鬧鐘，列表也能響應我們的操作。但它還缺少一個最關鍵的功能：新增鬧鐘。我們的「+」按鈕只會打開一個空白的...
建立資料夾 先打開終端機，用 cd Projects 進到昨天建立的 projects 資料夾裡。 接著用 mkdir little_pocket新建一個 li...
在正式開始撰寫網頁應用程式前，我們先來說明一些基本的知識。 軟體開發者的檔案管理 要管理檔案，在 Mac 中是使用 Finder 這個程式。(Windows 中...
在過去的日子裡，我們已經學會了如何讓 AI 為我們生成標題、短文案、長文大綱、圖片提示等各種單一的內容。 但你是否想過，能不能將這些獨立的任務「串連」起來？ 就...
在過去的二十幾天裡，我們已經學會了如何向 AI 下達各種指令。但你是否曾遇到過這種情況： 同一個指令，有時候 AI 的回答很驚艷，有時候卻很平庸。 稍微修改了...
在過去的 25 天裡，我們一直在「教導」AI。我們給它指令、給它範例、設定它的角色。但這個過程，始終是我們在單向地「餵養」它。 有沒有一種可能，讓 AI 能「主...
我之前的文章分享了如何用ChatGPT、Claude、Replit、Windsurf、Lovable、Bolt、Cursor等AI工具製作天文教育apps，這...
在過去的幾天裡，我們專注於「知識變現」，設計了課程、撰寫了銷售文案。但一個成功的品牌，不能只在「收割」的時候才出現。它必須像一座燈塔，持續地發光，為粉絲提供價值...
justin_log
taiansu
eyelash*睫毛
jasonproductionlab1
iThome鐵人賽
看影片追技術