提示與交付

提示與交付

如何從 AI 建構工具得到更好的成果，並把它做出來的東西安全地推上正式環境。

• 如何在 Google Play 發布應用程式：Play Console 的實際步驟 — 如何在 Google Play 發布應用程式：開發者帳戶、建立應用程式、商店資料、App content 表格、12 位測試人員的封閉測試，以及正式版發布。
• 如何在 App Store 發佈應用程式：由 TestFlight 到審核通過 — 教你在 App Store 發佈應用程式：開發者計劃、App Store Connect、TestFlight、產品頁、App 私隱資料、提交審核及被拒原因。
• 如何使用 Google AI Studio：Playground、Build 模式及用 Gemini 進行 vibe coding — 教你使用 Google AI Studio：在 Playground 測試 Gemini、取得 API 金鑰、在 Build 模式用 vibe coding 製作 app，以及了解何時改用全端 builder。
• Vibe Coding 安全嗎？真正風險同發布前要檢查嘅嘢 — Vibe coding 安全嗎？可以，但要睇情況。講清楚真正嘅風險（資料外洩、密鑰曝光、濫用）、點樣保管機密，以及發布前嘅 30 分鐘檢查。
• Vibe Coding 新手入門：點樣開始，一步一步來 — 完全新手嘅 vibe coding 教學：揀工具、寫第一個提示、測試、修正並發布一個細型應用程式，一個下晝就搞掂。唔使寫程式。
• 30 個可以直接複製嘅 Vibe Coding 提示（速查表） — 30 個可以直接複製貼上嘅 vibe coding 提示，按階段分類：首次建構、規劃、設計、資料、修正錯誤、測試、安全同發布。
• 用 ChatGPT 做 Vibe Coding：Canvas、Codex 同由 ChatGPT 建構應用程式 — 點樣用 ChatGPT 做 vibe coding：喺對話中快速做原型、用 Codex 處理真正嘅程式碼庫，以及用 Mythex 由 ChatGPT 建構一個有資料庫嘅託管應用程式。
• 用 Claude 做 Vibe Coding：Claude 對話、Claude Code 同由 Claude 建構 — 用 Claude 做 vibe coding 嘅三種方法：喺 Claude 對話中快速做應用程式、喺你自己嘅專案用 Claude Code，以及透過 MCP 由 Claude 建構並發布完整應用程式。
• 點樣令網站適應手機（響應式設計） — 令任何網站喺手機上運作：viewport 標籤、手機優先版面、彈性圖片、觸控目標、表格同表單，連同提示同測試清單。
• 點樣喺你個網站加入網誌：選項、SEO 同設定 — 點樣喺網站加入網誌：Markdown 檔案、內置編輯器同 CMS 比較，子資料夾定子網域，SEO 基本功，以及用 AI 建立嘅提示。
• 點樣喺網站加入聯絡表格（確保訊息真係送到你手上） — 點樣加入真正運作嘅聯絡表格：儲存訊息、收取電郵通知、阻止垃圾訊息，並避免靜悄悄令查詢流失嘅錯誤。附提示。
• 如何為你的應用程式加入資料庫（資料不會日後遺失的做法） — 如何為你建立的應用程式加入資料庫：何時需要、Postgres 與託管方案比較、資料表設計、可用的提示詞，以及會令資料遺失的錯誤。
• 如何為應用程式加入 AI 功能 — 以 LLM API 加入摘要、聊天、資料擷取和分類功能，同時確保金鑰安全、成本可控，並令輸出結果可靠。
• 如何為應用程式加入分析功能：GA4、重視私隱的工具與產品分析 — 如何為網站或應用程式加入分析功能：Google Analytics 4、重視私隱的工具與產品分析比較，要追蹤什麼、Cookie 同意，以及可用的提示詞。
• 如何為網站加入 Cookie 同意功能 — 加入真正會在訪客同意前阻擋腳本的 Cookie 橫幅：哪些需要同意、CMP 與自訂方案、Google 同意模式及檢查清單。並非法律意見。
• 如何為網站或應用程式加入深色模式（避免白色閃爍） — 如何加入深色模式：跟隨系統設定或加入切換按鈕、使用顏色權杖、避免載入時的白色閃爍，以及檢查對比度。附提示詞。
• 如何為應用程式加入檔案上傳：儲存空間、限制與安全 — 如何讓用戶在應用程式中上傳圖片和文件：檔案應存放在哪裡、大小與類型限制、私人檔案、可用提示詞，以及常見錯誤。
• 如何為應用程式加入登入功能：密碼、魔術連結、Google 與角色權限 — 如何為你建立的應用程式加入用戶登入：電郵加密碼、魔術連結、Google 登入、角色與權限，以及保持工作階段安全。
• 如何為應用程式加入地圖：嵌入式地圖、互動地圖與分店搜尋 — 如何為應用程式加入地圖：免費嵌入式地圖與 Google Maps、Mapbox 或 Leaflet 的比較、API 金鑰、免費用量限制、地址轉座標、可用提示詞及需要避免的錯誤。
• 如何為 App 或網站加入多種語言 — 令你嘅 App 支援多種語言：翻譯檔案、語言切換器、每種語言獨立嘅網址、hreflang、日期同貨幣格式、由右至左嘅排版同內容處理。
• 如何為你的 App 加入通知：App 內、電郵同推播 — 為網頁 App 加入通知：App 內鈴鐺、電郵同網頁推播比較，點樣儲存同發送，用戶偏好設定，以及令用戶煩厭嘅常見錯誤。
• 如何為你的 App 加入付款功能：結帳、訂閱同 Webhook — 點樣喺你建立嘅 App 入面收款：Stripe 付款連結、Checkout 同訂閱嘅比較、Webhook、測試模式、正式上線，以及稅務方面要知嘅嘢。
• 如何為你的 App 加入角色式存取控制（RBAC） — 為你的 App 安全地加入角色同權限：選擇模型、儲存角色、每個請求都喺伺服器檢查，並測試用戶冇辦法睇到其他人嘅資料。
• 如何為你的 App 加入搜尋：由簡單篩選到全文搜尋 — 點樣為 App 加入搜尋：簡單篩選、資料庫全文搜尋，或者託管搜尋引擎，揀邊種、適用嘅提示詞，以及要避免嘅錯誤。
• 如何用 Stripe 加入訂閱：計劃、試用期、Webhook 同付款失敗 — 用 Stripe 加入定期收費：訂閱模式嘅 Checkout、試用期、客戶入口網站、需要處理嘅 Webhook 事件，以及信用卡失敗時點應對。
• 如何為你的 App 加入雙重認證 — 逐步為你的 App 加入 2FA：驗證器應用程式代碼、通行密鑰同 SMS 比較，登記、備用碼、伺服器端檢查，以及要避免嘅錯誤。
• 如何備份應用程式資料庫（並確保真的能還原） — 為小型應用程式而設的實用備份指南：要備份什麼、pg_dump 如何運作、備份頻率、備份存放在哪裡，以及如何測試還原。
• 如何建立 REST API：設計、安全及部署 — 逐步建立 REST API：資源與路由、HTTP 方法及狀態碼、驗證、身份驗證、分頁、速率限制、文件及部署。
• 如何把自訂網域連接到你的應用程式或網站 — 如何把自己的網域連接到應用程式或網站：購買方法、需要新增的 DNS 紀錄、HTTPS、www 與根網域的選擇，以及解決常見錯誤。
• 如何將 Google Sheets 連接到你的應用程式 — 從應用程式讀寫 Google Sheets：服務帳戶、OAuth 與 API 金鑰的比較、Sheets API 呼叫、配額、公式安全，以及何時改用資料庫。
• 如何除錯 AI 建立的應用程式：實用方法 — 逐步修正 AI 建立應用程式中錯誤的方法：重現問題、讀懂錯誤訊息、使用瀏覽器開發人員工具、清楚描述問題，以及還原版本。
• 如何用 AI 設計外觀出色的應用程式 — 讓 AI 設計出有個性、而非千篇一律的應用程式：收集參考、訂立設計語言、控制間距、字體與顏色，並有效地反覆修改。
• 如何匯出並自行託管 AI 建構的應用程式 — 如何把 AI 建構的應用程式代碼取出並在別處運行：匯出或同步至 GitHub、處理機密資料、遷移資料庫，以及選擇託管服務。
• 部署網站或應用程式後出現 404 錯誤，如何修復 — 在本機運行正常，部署後卻出現 404？逐步修復 SPA 路由回退、結尾斜線、大小寫敏感路徑、缺少的建構檔案和 API 路由。
• 如何修復網頁應用程式的空白頁面 — 網頁應用程式為什麼會出現空白頁面，以及如何修復：查看主控台、找出缺少的檔案和錯誤的基礎路徑、設定環境變數，以及修復崩潰和路由問題。
• 如何修復 CORS 錯誤（以及為什麼會出現） — CORS 錯誤是什麼意思、瀏覽器為何封鎖跨來源請求，以及如何在伺服器端修復（包括預檢與憑證），或改用同來源的 API。
• 點樣將 Claude API 整合入你嘅 App — 將 Anthropic 嘅 Claude API 加入你嘅 App：API 金鑰、Messages API、系統提示、串流、429 同 529 等錯誤、消費上限，同埋安全嘅伺服器端呼叫。
• 點樣將 OpenAI API 整合入你嘅 App — 安全咁將 OpenAI API 加入你嘅 App：API 金鑰同專案、Responses API、伺服器端呼叫、串流、消費上限、速率限制同錯誤處理。
• 點樣修改 AI 建構嘅 App 而唔搞壞佢 — 每次只改一小部分，逐步改善 AI 建構嘅 App：描述你見到嘅問題、大改動先計劃、每個提示都要測試，搞砸就還原，唔好一直疊補丁。
• 點樣喺你嘅 App 保護 API 金鑰 — 唔好將 API 金鑰放入程式碼、瀏覽器同對話：儲存為機密，只喺伺服器使用，限制權限，並輪換任何外洩嘅金鑰。
• 如何令你嘅網站無障礙：WCAG 2.2 入門指南 — 令每個人都可以使用你嘅網站：語意化 HTML、鍵盤操作、對比度、替代文字、表單同焦點，並按 WCAG 2.2 AA 標準檢查，附清單。
• 如何令網站加快：實用檢查清單 — 先量度，再修正拖慢網站嘅原因：圖片、JavaScript、字型、第三方腳本同伺服器回應。附 Core Web Vitals 目標同 AI 提示詞。
• 如何遷移 WordPress 網站而不失去內容或排名 — 將 WordPress 網站遷移至新平台：列出網址、匯出文章與媒體、重建設計、匯入內容、設定 301 轉址，並安全地切換 DNS。
• 如何由 Lovable 遷移至 Mythex（程式碼、資料及網域） — 逐步將 Lovable 應用程式遷移至 Mythex：透過 GitHub 取出程式碼，決定後端和資料的去向，匯入、重新加入秘密金鑰並正式上線。
• 如何降低應用程式的託管成本 — 削減應用程式的託管費用：找出正在運行的項目、讓閒置的應用程式及資料庫休眠、停止持續輪詢、減少頻寬，並移除無人使用的項目。
• 如何審查 AI 生成的程式碼 — 審查 AI 編寫程式碼的實用方法：先檢視改動內容，再測試行為，然後檢查權限驗證是否缺失、機密資料有否外洩，以及有否虛構的 API。
• 如何在網頁應用程式中運行背景工作：佇列、排程器與 Cron — 如何在網頁應用程式中運行背景及排程工作：程序內任務、資料庫佇列、託管工作服務與外部排程器，並附上誠實的取捨分析。
• 點樣由你嘅應用程式發送電郵（並確保入到收件箱） — 令應用程式發出嘅電郵確實送達：交易電郵同推廣電郵嘅分別、揀選服務商、設定 SPF、DKIM 同 DMARC，以及送達率基本要點。
• 點樣為你嘅應用程式設定 Staging 環境 — 設定 staging 環境：應用程式嘅第二份副本，擁有自己嘅資料庫、測試金鑰同網址，喺真正用戶睇到之前先喺度檢查改動。
• 點樣喺你嘅網站設定 Google Analytics 4 — 逐步設定 Google Analytics 4：帳戶、資源、網頁數據串流、Google 代碼、單頁應用程式頁面瀏覽、主要事件同同意設定。
• 點樣為你嘅網站設定 Google Search Console — 將你嘅網站加入 Google Search Console：揀選網域或網址前綴資源、驗證擁有權、提交網站地圖，並睇懂最重要嘅報告。
• 點樣將 AI 原型推上正式使用 — 將 AI 建立嘅原型變成真實用家可以依賴嘅應用程式：測試、保安、錯誤監察、備份、效能同順利交接。
• 點樣喺推出前測試你嘅應用程式：實用推出前計劃 — 小型應用程式推出前嘅測試計劃：測試主要流程、特殊情況、權限、手機、付款同正式網址，並附完成清單。
• 點樣用 Git 管理 AI 建立嘅 App — 用 Git 管理 AI 建立嘅 App：每次有效改動後都 commit、寫清楚嘅訊息、高風險改動開分支，AI 搞砸嘢時安全還原。
• 點樣同開發者合作處理 AI 建立嘅 App — 請開發者幫手改你用 AI 建立嘅 App：俾佢程式碼權限同背景資料，講清楚邊個改邊部分，清楚界定工作範圍，並保留擁有權。
• 點樣寫好嘅 Bug 報告（俾 AI 或者開發者） — 寫第一次就可以修好嘅 bug 報告：清晰標題、確切步驟、預期對比實際結果、錯誤訊息、運行環境同截圖。
• 如何為 AI 應用程式生成器撰寫提示（附前後對照例子） — 能令 AI 應用程式生成器建造出你心目中模樣的提示寫法：應包含什麼、可省略什麼、前後對照例子，以及如何逐步修改。
• 如何撰寫用戶故事（附例子及驗收準則） — 撰寫開發人員和 AI 生成器都能據以行動的用戶故事：作為／我想／以便的格式、驗收準則、拆分方法，以及好與壞的例子對照。
• AI 建立應用程式的安全清單：上線前應檢查什麼 — AI 建立應用程式的實用安全清單：登入及權限、機密資料、輸入驗證、每位用戶的資料、速率限制、依賴項目及備份。
• AI 建立網站的 SEO：真正重要的是什麼 — 為何 AI 建立的單頁應用程式在搜尋中可能表現欠佳，以及如何改善：預先渲染、標題及 meta 標籤、網站地圖、結構化資料、速度及內容。