老Best 核心影片內容
本集節目回應了觀眾的好奇心，旨在展示如何利用 AI 工具快速製作出小型網站、程式或遊戲。這是一個「BB版本」（簡化版）的教學，特別適合新手、長者甚至小學生，讓你在十分鐘內就能完成一個作品。
1. 事前準備與工具選擇
避免複雜的傳統編碼方式 傳統的程式編寫（例如影片中提到的計數機）可能需要下載並安裝 Visual Code 等編碼器、其他小型工具，並需具備基本的 HTML 或 JavaScript 知識。本教學則介紹一種極簡化、無須這些複雜準備的方法。
核心工具：Canva.com
- 帳戶註冊： 你只需前往 Canva.com 註冊一個新帳戶，建議使用 Gmail 登入綁定，以便在不同設備（如手機、iPad 或電腦）上都能方便使用。
- 版本區分： 國際版的 Canva.com 支持此 AI 工具。需要澄清的是，如果你登入的是 Canva.cn（國內版），則沒有這個 AI 工具。
- 免費進階版： 幼稚園、高中學生、教師或非牟利機構可以透過特定的 Canva.com 連結申請 進階的免費版帳戶。
AI 引擎與優勢 這個簡化版的優勢是不需要安裝 VPN，香港和台灣用戶都可以使用國際版寫 App。
- Canva.ai 工具實質上是整合了另一間知名的公司應用程式—— Claude Code。
- 若用戶直接前往 Claude.ai 使用此工具，則需要使用 VPN 才能進入，並且過去曾有用戶面臨帳號被狂封的「災情」風險。透過 Canva 使用則可避免這些風險。
2. 認識核心概念：「Videcoding」
影片介紹了由 Andrej Karpathy 發明的 Videcoding 概念。
- 定義： 這是一種由 AI 互助的程式開發形式。
- 運作原理： 主要透過自然語言描述（例如口頭講述）來讓 AI 幫助你寫出 App。
- 效益： 這種方式極為智能，能夠顯著降低寫程式的門檻並加快開發速度。
3. 實戰示範：股票掛鈎計算機
明確需求是關鍵 (Requirement) 在 Canva.ai 頁面中，點擊「為我產生代碼」後，你必須清楚地描述自己的需求（Requirement），AI 才能生成準確的程式。
以製作「股票掛鈎計算機」為例，需求描述分為兩大部分：
- 介面輸入資訊：
- 投資期：要求以 drop down list（下拉式選單）形式選擇存款期。
- 數字錄入欄位：包括年利率、投資額、現貨價、氣墊水平和贖回價。這些欄位只可支持數字（除小數點外，不支持中英文字和符號）。
- 結果計算條件：
- 只需描述四種情況 (情境) 下的結果提示。
- 無需告訴 AI 計算公式 (formula)，只需描述結果需要包含哪些資訊，例如情境一（觸及或高於數位價時）需要提示到期日及計算利息收益的部分。
設計風格要求
- 自適應設計 (Responsive Design)： 這是重要的一點。要求程式無論在桌上電腦、iPad 還是手機上，都能自動按設備比例排版。
- 風格要求： 示範中要求採用類似 apple.com 網站的風格。
4. 程式生成、除錯與發佈
- 生成過程： AI 收到指令後，會先進行分析，然後在右手邊開始編寫代碼，包括 CSS style（負責蘋果風格的樣式表）、Body（頁面顯示內容）和 JavaScript（計算機的核心腳本）。
- 驗證與除錯： 雖然 AI 快速輸出了結果，但實際操作中可能需要根據具體數值進行驗證和除錯。例如示範中，透過調整投資期，最終成功驗證了計算結果與先前影片的數據一致。如果結果有誤，用戶可以提示 AI 正確的公式來讓它修正。
- 快速發佈： 完成設計後，在右側點擊「在設計中的使用」並選擇「網站」。Canva 會很快將設計發佈出來，用戶可以自定子域名（如
loubesthk）。這樣，用戶無需上載網站或使用複雜的託管服務，就能快速擁有一個網頁成品。 - 後續修改： 如果對設計不滿意，可以直接給予簡單的指示讓 AI 修改，例如要求將背景更改為白色。
總結
Canva.ai 提供的 AI 程式開發工具（整合了 Claude Code）為廣大非編碼專業人士打開了創作大門。這是一個免費、操作簡單、且無需 VPN 的解決方案。用戶只需利用 Videcoding 概念，以清晰的自然語言描述需求和設計風格（如響應式設計），即可快速生成並發佈一個功能性的網頁或應用程式。這大大降低了技術門檻，讓任何人都可以在 10 分鐘內實現程式開發的夢想。
常見問題 (FAQ)
Q1：為什麼使用 Canva.com 來編寫程式，而不是直接使用 Claude Code？ 使用 Canva.com 可以避免直接使用 Claude.ai 所需的 VPN 連線問題，以及先前使用者遇到的帳號被封鎖等風險。Canva 在 7 月宣佈已整合了 Claude Code 的功能。
Q2：Canva.ai 的這個 AI 程式工具是否免費？ 是的，這個工具是免費的。此外，幼稚園、高中學生、教師以及非牟利機構還可以免費申請進階版的 Canva 帳戶。
Q3：我需要具備編程知識才能使用這個工具嗎？ 不需要。這個工具的核心是利用 Videcoding 概念，透過自然語言描述（如口述或文字輸入）來讓 AI 替你完成代碼編寫，因此大幅降低了編程門檻。
Q4：國內用戶是否能使用這個工具？ 如果用戶登入 Canva.cn（國內版），是沒有這個 AI 工具的。香港和台灣用戶應使用 Canva.com（國際版）才能寫 App，並且無需 VPN。
Q5：我是否需要提供詳細的數學公式給 AI 才能讓計算機運作？ 不需要。影片示範中，創建股票掛鈎計算機時，作者只需描述計算結果將會出現的四種情境和條件，並未提供具體的公式 (formula)，AI 就能自行寫出 JavaScript 腳本進行計算。
About the Author
