概念解說

概念解說

用淺白的語言解釋打造軟體時會遇到的東西：資料庫、託管、API、身分驗證等等。

• No-code 與 Low-code：真正的差異與選擇方法 — 說明 no-code 與 low-code 的差異：適合對象、可製作內容、擴展能力、真實平台範例，以及 AI 製作工具在 2026 年的定位。
• 原生 App 與漸進式網頁應用（PWA）：你需要哪一種？ — 原生 App 與 PWA 比較：各自能做什麼、2026 年 9 月的 iPhone 限制、成本，以及第一版該怎麼選。
• 什麼是 AI App 建置工具？運作方式與適合對象 — AI App 建置工具會把白話的描述轉換成它所撰寫、運行並發布的網頁 App。說明它們的運作方式、擅長之處，以及限制。
• 前端與後端：差在哪裡？ — 前端是使用者在瀏覽器裡看到的部分；後端在伺服器上運作，負責資料、邏輯與安全。說明兩者如何搭配，並附上實際範例。
• 網域與 DNS 如何運作：非工程師指南 — 網域名稱與 DNS 如何把 example.com 連到你的應用：註冊商、名稱伺服器、A、CNAME、MX 與 TXT 紀錄、傳播時間，以及如何連接自訂網域。
• 如何使用 LLM API：Token、費用、金鑰，以及你的第一個 AI 功能 — 什麼是 LLM API，Token、上下文視窗與依 Token 計費的方式如何運作，如何安全保管 API 金鑰，以及如何為你的應用程式加入第一個 AI 功能。
• REST vs GraphQL：差別在哪裡？該用哪一個？ — REST 與 GraphQL 是兩種設計 API 的方式。說明各自如何運作、附上範例、實際的取捨，以及哪一種適合用 AI 建構的應用程式。
• SQL vs NoSQL：你的 App 應該使用哪種資料庫？ — SQL 資料庫以相互連結的資料表儲存資料；NoSQL 資料庫則使用文件、鍵值等方式。說明真正的差異、範例，以及哪一種適合你的 App。
• 什麼是 Cookie？網站如何記住你 — Cookie 是網站儲存在你瀏覽器中、用來記住你的小型資料。說明登入、購物車與追蹤如何使用 Cookie，以及你該向 AI 製作工具提出什麼要求。
• 什麼是環境變數與機密資訊？白話指南 — 環境變數是放在程式碼之外的設定；機密資訊則是需要保密的那一類，例如 API 金鑰。說明它們如何運作，以及如何讓它們不進入瀏覽器。
• 什麼是 CDN？內容傳遞網路（CDN）白話解說 — CDN 會在世界各地的伺服器保存你網站檔案的副本，讓頁面載入更快。說明快取如何運作、為什麼更新會延遲，以及該問 AI 什麼。
• 什麼是 CMS？內容管理系統白話解說 — CMS 讓人不必碰程式碼就能編輯網站內容。傳統與無頭（headless）的差異、部落格實例，以及 AI 建置的網站何時需要它。
• 什麼是資料庫？為應用程式建置者寫的指南 — 資料庫是應用程式保存紀錄、讓資料隔天依然存在的地方。說明資料表與關聯如何運作，附上預約應用程式的實例，以及該問 AI 什麼。
• 什麼是全端應用程式？白話解說 — 全端應用程式有人使用的畫面、套用規則的伺服器，以及負責記住資料的資料庫。說明每一層的作用，以及它為什麼重要。
• 什麼是著陸頁？白話指南 — 著陸頁是為了讓訪客完成單一動作而打造的獨立網頁。它與首頁有何不同、頁面上該放什麼，以及該請 AI 建置什麼。
• 什麼是金流閘道（Payment Gateway）？線上付款如何運作，白話解說 — 金流閘道會安全地把顧客的卡片資料從結帳頁傳給銀行，再把結果傳回。說明線上付款如何運作、費用結構，以及該問 AI 什麼。
• 什麼是伺服器？為應用程式建置者寫的白話指南 — 伺服器是回應其他裝置請求的電腦或程式。說明網頁伺服器如何運作、你的應用程式伺服器做什麼，以及該問 AI 建置工具什麼。
• 什麼是網站地圖？XML Sitemap 白話解說 — 網站地圖列出你希望搜尋引擎得知的頁面。說明 sitemap.xml 要放什麼、何時需要、如何提交，以及該向 AI 建站工具要求什麼。
• 什麼是測試環境（Staging）？上線前先測試 — 測試環境是 App 的私人副本，讓你在真正的使用者看到變更之前先行測試。開發、測試與正式環境有何不同，以及如何運用它們。
• 什麼是 Webhook？App 如何互相通知 — Webhook 是某項服務在事件發生時（例如付款）主動送到你的 App 的訊息。說明 Webhook 如何運作、為什麼簽章與重試很重要，以及常見陷阱。
• 什麼是 AI Agent？白話解說 — AI Agent 是會在迴圈中使用工具來完成任務、而不只是回答問題的 AI 模型。說明 Agent 如何運作、一個實例、風險，以及如何引導它。
• 什麼是 API？給 App 製作者的白話指南 — API 是一套軟體向另一套軟體請求資料或執行動作的方式。說明 REST API、端點與 API 金鑰如何運作，附範例，以及該向 AI 要求什麼。
• 什麼是 LLM？大型語言模型白話解說 — LLM 是以大量文字訓練、用來預測並生成語言的 AI 模型。說明它如何運作、Token 與上下文視窗、限制，以及該要求什麼。
• 什麼是 MVP？最小可行產品白話解說 — MVP 是能讓真實使用者獲得價值、並驗證想法是否可行的最小版本產品。該包含什麼、該砍掉什麼，以及 AI 如何改變這件事。
• 什麼是 ORM？應用程式如何與資料庫溝通，一次看懂 — ORM 讓應用程式的程式碼把資料庫的資料列當成一般物件來操作，不必直接寫 SQL。說明它的作用、Prisma 與 Drizzle 範例、資料庫遷移，以及該問 AI 什麼。
• 什麼是 SDK？軟體開發套件一次看懂 — SDK 是讓你的程式碼使用某項服務或平台的現成工具包。說明 SDK 與 API、函式庫有何不同，附範例與該問 AI 什麼。
• 什麼是身分驗證？登入、工作階段與 OAuth 一次看懂 — 身分驗證是應用程式確認使用者身分的方式。說明密碼、工作階段、權杖、OAuth 與角色如何運作，以及新增登入功能時該問 AI 建構工具什麼。
• 什麼是快取？應用程式建構者的白話指南 — 快取會保存一份現成的資料副本，下次就能更快提供。說明瀏覽器、CDN 與伺服器快取，以及為什麼有時會看到舊版本。
• 什麼是 CI/CD？持續整合與持續交付白話說明 — CI/CD 會自動測試每一次程式碼變更，並將通過測試的版本推送上線。說明流水線如何運作、能抓到什麼問題，以及它如何套用在 AI 開發的應用程式上。
• 什麼是 CRUD？建立、讀取、更新、刪除一次看懂 — CRUD 代表建立、讀取、更新與刪除，是大多數應用程式對資料做的四件事。說明它如何對應到畫面、資料庫與 API，以及如何請 AI 建構。
• 什麼是 Docker？非工程師也能懂的容器說明 — Docker 會把應用程式連同它所需的一切打包起來，讓它在任何地方都以相同方式執行。說明映像檔、容器與 Dockerfile，附範例以及該問 AI 什麼。
• 什麼是 GDPR？應用程式建構者的白話指南 — GDPR 是歐盟主要的資料保護法。說明什麼算是個人資料、適用對象、使用者的權利，以及該向 AI 建構工具問什麼。非法律意見。
• 什麼是 GitHub？給非工程師的版本控制入門 — GitHub 會保存你 App 的程式碼及完整歷程，讓你能復原變更、與開發者協作，並留下屬於自己的程式碼備份。Git 與 GitHub 白話解說。
• 什麼是 HTTPS 與 SSL？白話解說安全網站如何運作 — HTTPS 使用 TLS（舊稱 SSL）加密瀏覽器與網站之間的連線。說明憑證是什麼、鎖頭圖示代表什麼、又不代表什麼，以及常見修正方法。
• 什麼是 JSON？附範例的白話指南 — JSON 是 App 用來傳送與儲存資料的簡單文字格式。認識它的六種值類型、如何閱讀、常見錯誤，以及製作 App 時它如何出現。
• 什麼是低程式碼？白話指南 — 低程式碼是主要利用視覺化工具建立軟體，只在必要處加入程式碼。說明它與無程式碼及 AI 製作工具的差異，並附上實際範例。
• 什麼是 MCP？模型上下文協定白話解說 — MCP（模型上下文協定）是一項開放標準，用來把 AI 助理連接到工具與資料。說明它如何運作、實際範例，以及基本的安全觀念。
• 什麼是 Next.js？給 App 製作者的白話指南 — Next.js 是一個 React 框架，會加入頁面、伺服器端渲染與後端功能。說明它的用途、何時比一般 React App 更適合，以及可以向 AI 製作工具提出什麼要求。
• 什麼是無程式碼（No-Code）？不用寫程式也能建置的白話指南 — 無程式碼是指用視覺化工具建置應用程式、網站與自動化流程，而不是寫程式。說明它如何運作、會在哪裡遇到限制，以及和 AI 建置工具的比較。
• 什麼是 OAuth？「使用 Google 登入」與委派存取白話解說 — OAuth 讓應用程式在不需要使用者密碼的情況下，為使用者存取另一項服務。說明它的運作方式、權限範圍、權杖、OpenID Connect，以及可以向 AI 製作工具提出什麼要求。
• 什麼是 Postgres？許多 App 背後的資料庫白話解說 — Postgres（PostgreSQL）是免費、開放原始碼的關聯式資料庫。說明它的用途、為什麼許多 App 採用它、關鍵術語，以及如何請 AI 設計你的資料表。
• 什麼是提示工程？給非工程師的實用指南 — 提示工程就是撰寫能讓 AI 穩定產出好結果的指令。說明核心技巧、前後對照範例，以及用來建立應用程式的提示詞。
• 什麼是 RAG？檢索增強生成簡單說明 — RAG 讓 AI 先找出相關段落，再根據你自己的文件作答。說明它如何運作、嵌入、切分文件、成本，以及可以向 AI 要求什麼。
• 什麼是速率限制？應用程式建構者的白話指南 — 速率限制會限制某人在一段時間內能發出的請求數量。說明它為何能保護你的應用程式與帳單、429 錯誤如何運作，以及可以向 AI 要求什麼。
• 什麼是 React？給非工程師的白話指南 — React 是一個用可重複使用的元件來建立使用者介面的 JavaScript 函式庫。說明元件、props 與 state 如何運作，以及為什麼 AI 建構工具這麼常用它。
• 什麼是 SaaS？軟體即服務說明 — SaaS 是你在瀏覽器中使用、以訂閱方式付費的軟體。說明它的運作方式、SaaS 產品底層需要什麼，以及如何建立一個小型的 SaaS。
• 什麼是 SEO？搜尋引擎最佳化簡單說明 — SEO 是讓你的頁面容易被搜尋引擎找到、理解並顯示出來。說明爬取與排名如何運作、哪些事情重要，以及可以向 AI 建構工具要求什麼。
• 什麼是 Serverless？無伺服器運算簡單說明 — Serverless 是不必管理伺服器、只在程式執行時才付費的運算方式。說明 serverless 函式如何運作、冷啟動、限制，以及什麼情況適合使用。
• 什麼是 SQL？資料庫語言簡單說明 — SQL 是用來在 Postgres、MySQL 等資料庫中儲存、查找和修改資料的語言。說明它是什麼、簡單的查詢範例，以及它如何應用在 AI 建立的應用程式中。
• 什麼是結構化資料？白話解說 Schema 標記 — 結構化資料是一段程式碼，用來向搜尋引擎說明頁面的內容，例如商品或活動。介紹 JSON-LD 的運作方式，以及使用 AI 建置工具時該怎麼要求。
• 什麼是 Tailwind CSS？給應用程式建置者的白話指南 — Tailwind CSS 用 p-4、text-lg 這類現成的小型 class 來設定網頁樣式。說明它是什麼、AI 建置工具為何常用它，以及如何要求設計調整。
• 什麼是雙因素驗證？白話指南 — 雙因素驗證要求在密碼之外再提供第二種證明。比較簡訊、驗證器應用程式、通行密鑰等方式，以及如何請 AI 建置工具加入它。
• 什麼是 TypeScript？非工程師的白話指南 — TypeScript 是加上型別的 JavaScript，能在程式執行前抓出錯誤。說明它如何運作、AI 建置工具為何使用它，以及用 AI 開發時該問些什麼。
• 什麼是 Vibe Coding？白話解說 — Vibe coding 是用文字描述需求給 AI，再根據成果而不是程式碼來判斷的軟體開發方式。說明它適合哪些情境、會在哪裡失敗，以及如何安全地進行。
• 什麼是 Vite？給應用程式建置者的白話指南 — Vite 是在你建置網頁應用程式時負責執行它、並在上線時打包的工具。說明它的功能、AI 建置工具為何使用它，以及 npm run dev 和 build 的意思。
• 什麼是網頁無障礙？WCAG 與共融設計說明 — 網頁無障礙讓身心障礙者也能使用你的網站。說明 WCAG 2.2 的要求、AI 建置應用程式的常見問題，以及該向 AI 建置工具要求什麼。
• 什麼是網頁代管？網站與應用程式如何保持上線 — 網頁代管是把你的網站或應用程式放在隨時上線的電腦上，讓任何人都能連上。說明代管的類型、關鍵術語，以及 AI 建置的應用程式需要什麼。