什麼是 No-Code?不用寫程式建構嘅平白指南
No-code 即係用視覺化工具代替程式碼,建構軟件(網站、應用程式、資料庫同自動化流程)。你將元件拖到頁面上,填寫設定,並將步驟連接起來,平台就會將其轉換成一個可運行嘅產品。知名例子包括網站用嘅 Webflow、應用程式用嘅 Bubble 同 Glide、資料庫用嘅 Airtable,以及自動化用嘅 Zapier。
用 AI 建構時,點解這點重要
「No-code」以前只代表一樣嘢:視覺化建構工具。而家 AI 應用程式建構工具都讓你唔寫程式碼就可以建構,只需要喺對話中描述你想要嘅嘢。兩者都承諾你唔需要編程,但運作方式好唔同,而呢個分別會影響你可以建構咩、長遠要付幾多錢,以及你日後能否將應用程式搬去其他地方。
明白 no-code 真正係咩,有助你喺兩者之間作出選擇,亦有助你認出兩者都會遇到嘅限制。如果你想直接比較,no-code 對比 AI 應用程式建構工具 會深入講解其取捨。
日常生活比喻
想像製作傢俬。
傳統編程好似木工:你可以做任何嘢,但需要工具、技能同時間。
No-code 好似平板包裝傢俬系統,附有一大本零件目錄。你可以透過組合各個零件,快速而又無須特別技能,做出一系列相當豐富嘅嘢。但如果你需要目錄中冇嘅形狀,你就會卡住,而且零件只可以同該品牌嘅其他零件配合。
AI 應用程式建構工具就更似向木匠描述你想要嘅傢俬,然後由佢用真正嘅木材為你製作。你唔需要技能,但得到嘅係普通傢俬,你可以拿去另一間工場。
No-code 工具點樣運作
大部分 no-code 工具都結合咗幾個建構模塊:
| 建構模塊 | 你要做嘅嘢 | 例子 |
|---|---|---|
| 視覺編輯器 | 將按鈕、文字、圖片同清單拖放到頁面上 | 設計註冊頁面 |
| 內置資料庫 | 喺類似試算表嘅介面中定義資料表同欄位 | 一個有姓名同電郵嘅「客戶」資料表 |
| 工作流程 | 設定「當按下某個按鈕時,執行呢啲步驟」嘅規則 | 儲存表單,然後寄送電郵 |
| 整合 | 透過預設嘅連接器接駁其他服務 | 新增一行到 Google Sheets |
| 託管 | 平台運行你嘅應用程式,並提供一個連結 | yourapp.platform.com |
幕後當然有程式碼,只係呢啲係平台自己嘅程式碼。你嘅應用程式實際上係一組由平台解譯嘅設定。因此,no-code 應用程式通常無法以一般原始碼形式導出,並在其他地方運行。
No-code 工具嘅主要類型
| 類型 | 建構嘅嘢 | 例子 |
|---|---|---|
| 網站建構工具 | 行銷網站、作品集、網誌 | Webflow、Framer、Wix、Squarespace |
| 應用程式建構工具 | 有用戶同資料嘅網頁應用程式 | Bubble、Glide、Softr、Adalo |
| 資料庫 | 有檢視同表單嘅結構化資料 | Airtable、Notion 資料庫 |
| 自動化 | 以觸發器同動作連接應用程式 | Zapier、Make |
| 表單 | 問卷同資料收集 | Typeform、Google Forms |
實例:義工輪值表
假設一間社區食物銀行需要一個方法,俾義工報名當班。以下係典型 no-code 應用程式建構工具中可能嘅做法:
- 資料。 建立一個
Shifts資料表(日期、開始時間、地點、名額),以及一個Volunteers資料表(姓名、電郵、電話)。加入一個Signups資料表,將義工同班次連結起來。 - 頁面。 將清單元件拖到頁面上,指向
Shifts,只顯示仍有名額嘅未來班次。為每一行加入「報名」按鈕。 - 工作流程。 當「報名」被按下:建立一筆
Signups紀錄,將該班次嘅名額減一,並寄出確認電郵。 - 存取權限。 設定規則,令義工只可以看到自己嘅報名紀錄,而統籌人員可以看到全部。
- 發布。 平台會託管佢,並提供一個連結。
非編程人員可以喺幾日內建構出呢個系統。限制會較後才出現:或許你需要一條工作流程編輯器無法表達嘅規則(「除咗隊長,每人每週最多只可以做兩個晚間班次」)、當義工人數增加時,定價層級會改變,或者你想搬去另一個託管平台。到咗嗰個時候,你就會需要一個外掛程式、一位開發人員,或者另一種工具。
主要術語解釋
| 術語 | 意思 |
|---|---|
| No-code | 透過視覺工具建構軟件,無須編程。 |
| Low-code | 視覺化建構,加上處理困難部分嘅程式碼;通常供 IT 團隊使用。請睇 什麼是 low-code。 |
| 工作流程 | 由事件(例如點擊或新紀錄)觸發嘅一組步驟。 |
| 元件 | 可重用嘅建構模塊,例如按鈕、清單、表單或地圖。 |
| 整合 / 連接器 | 連接到另一項服務嘅現成連結。 |
| 外掛程式 | 由第三方提供嘅附加功能,用嚟補足平台所缺少嘅功能。 |
| 供應商鎖定 | 當你要將應用程式搬到另一個平台時,就必須重新建構。 |
| 公民開發者 | 為自己團隊或業務建構應用程式嘅非程式員。 |
常見錯誤同誤解
- 「No-code 即係唔使學習。」 你唔使寫程式,但仍然要學習工具嘅邏輯:資料結構、工作流程、權限。認真嘅 no-code 工具都需要一段時間才可以熟練掌握。
- 「No-code 即係冇限制。」 每個平台都有其界限:規模化時嘅效能、自訂邏輯、特定整合。開始之前,請對照你最困難嘅要求逐一檢查。
- 忽略規模增長時嘅定價。 好多平台會按用戶數、紀錄數、工作流程運行次數或使用量收費。請估算當規模變成目前十倍時會發生咩事。
- 以為可以導出。 大部分視覺化應用程式建構工具都讓你導出資料,但唔會將應用程式本身以可在其他地方運行嘅程式碼形式導出。承諾之前請先確認。
- 權限設定薄弱。 No-code 工具嘅私隱規則好容易設錯。請以一般用戶身份測試,確保你睇唔到其他人嘅資料。
- 以為「no-code」同「AI」係相反嘅。 好多 no-code 工具現在都包括 AI 助手,而 AI 應用程式建構工具經常被形容為 no-code。真正重要嘅係最後你得到咩:一個放喺別人平台上嘅設定,還是你擁有嘅程式碼。
選擇 no-code 工具(或 AI 建構工具)之前要問嘅問題
- 「我可以導出應用程式本身,還是只可以導出資料?」
- 「如果我嘅用戶數或紀錄數增加到目前嘅十倍,費用會係幾多?」
- 「如果視覺編輯器未涵蓋某條自訂規則,我要點樣表達?」
- 「我嘅資料儲存喺邊度,邊啲人可以讀取?」
- 「我可以使用自己嘅網域嗎?」
- 「如果我之後聘請開發人員,佢可唔可以用一般工具處理呢個應用程式?」
如果你使用 AI 建構工具,同樣嘅問題亦可以當成提示:「請顯示我呢條規則嘅位置喺邊度執行」、「我可以下載程式碼嗎?」、「託管費用會係幾多?」
No-code 同 Mythex
Mythex 係一個 AI 應用程式建構工具,而唔係視覺化 no-code 工具:你喺對話中描述應用程式,代理會撰寫真正嘅程式碼(預設為 React 同 TypeScript),喺即時預覽中運行,並發布到網上。你永遠唔需要寫程式,但程式碼確實存在,而 Pro 方案包括完整嘅程式碼編輯器、導出同 GitHub 同步,所以之後開發人員可以接手。如果你覺得視覺編輯器更適合你,咁都係合理嘅選擇;Bubble 替代方案 同 什麼是 AI 應用程式建構工具 可以幫助你決定。
常見問題
No-code 係咩意思?
No-code 即係用視覺化編輯器、拖放式元件同設定面板建構軟件(網站、應用程式、資料庫、自動化流程),而唔係撰寫程式碼。平台會將你設定嘅內容轉換成一個可以運作嘅產品。
No-code 同 low-code 有咩分別?
No-code 工具設計成令你完全唔使寫程式碼。Low-code 工具大部分亦係視覺化嘅,但預期開發人員要為視覺工具處理唔到嘅部分撰寫程式碼,而且通常針對需要建構商業應用程式嘅 IT 團隊。
AI 應用程式建構工具係 no-code 工具嗎?
從你唔使寫程式碼嘅角度睇,係。分別在於運作方式:AI 應用程式建構工具會根據你用日常語言嘅描述寫出真正嘅程式碼;而傳統 no-code 工具則要你喺視覺編輯器中組裝應用程式,並喺平台上運行。
可以用 no-code 經營真正嘅生意嗎?
好多生意都運行喺 no-code 工具上,特別係內部工具、簡單嘅市集同網站。常見嘅取捨包括平台限制、隨使用量增加嘅價格,以及日後要將應用程式搬到另一個平台會有困難。