2026年Vibe Coding製作網頁心得(2)|CANVA你這個大笨蛋!!!

更新 發佈閱讀 4 分鐘

前言

其實當時在搞時還沒有Vibe Coding的概念,一開始就是看到CANVA AI後"好酷喔,可以寫網頁跟程式!"的想法跑去玩玩,好玩是好玩,但同時血壓也升高不少,推薦低血壓的朋朋過來嘗試看看。

來見見CANVA做網頁的樣子

嚴格來說,在AI之前CANVA本身就是能做網頁的,基礎原理就像是用做簡報的方式排列製作,雖然可以打造出不錯的外觀設計,但在系統、互動上挺劣勢的,光是有顆可以互動的按鈕就幾乎做不太到了。

不過在CANVA AI出來後這些問題是確確實實的改善了,不僅可以讓網頁大升級,也可以做出一些有趣的小程式來使用,對於沒有程式基礎的使用者來說可說是相當方便。

不過最大的方便是,不用購買網域跟主機,CANVA本身就能幫忙直接上架了,在大多數時候挺方便的。

CANVA AI介面

CANVA AI介面

CANVA AI介面2

CANVA AI介面2

我之前有做各式各樣的東西,不過最後比較敢公開的還是偏網站的東西,以下兩個連結都找得到當時做的。

世界連結處名片

世界連結處年度回顧

為什麼我會罵CANVA是大笨蛋?

CANVA AI的模型在理解能力上可說是相當的差勁,尤其是容易出爾反爾,原本可以做到的事情下一次說不可以。

舉例:

仔細看看上面「CANVA AI介面2」的圖片中會發現對話紀錄最底下有個53版的字樣,那裏面記錄著每一次的修改,你往上滑都能看到過去的版本。

原先在跟AI互動時可以輕易的請它幫我回朔至上一個版本讓我重新修改,但過了幾次對話後就開始耍賴說沒有這功能,彷彿就是明明約會過夜好幾次卻說我們只是朋友的渣男/女,盧了好幾次才終於記得我們有在交往......啊不是,是記得有回朔這功能。

也有第二個例子:

CANVA AI睜眼說瞎話的頻率非常高,例如傳一個網址請它確認內容會說都了解,還有辦法講出大概,但實際請它呈現時卻丟出毫無關聯的物件出來。

在剛始作LLM測試時也會對測試問題各種裝懂,不知道這篇文出來後會不會有機會改善,但在當時我光是為了探索就為此花費許多時間,如果在現實職場,這傢伙應該過不了一個月試用期。

CANVA AI優劣勢分析

雖然一直吐槽一直念,但它不是真的那麼糟,還是有些難以取代的優點。(我好像是離不開糟糕伴侶的人喔。)

  • 優勢
  1. 方便性強大,可以即做即上架,完全不用任何網域根伺服器費用,而且免費版本就能使用。
  2. 可以自由穿插在其他設計專案,不論是做簡報、網站、影片等,都能呼叫AI幫忙製作素材。
  3. 可以做的類型很多樣化,簡報、程式、網頁、素材等等。
  • 劣勢
  1. 如果是用純AI做,圖片素材還是只能用網址來放進去,有些可惜龐大素材庫。
  2. 如果穿插在其他設計專案中(尤其是網頁),在線上觀看時,AI素材跟原生素材會有挺明顯的讀取速度落差(AI素材會慢許多)。
  3. 理解力上輸其他AI模型挺多的,在使用上需要多一點耐心。

總結

CANVA就是個愛睜眼說瞎話的臭渣男/女。

但我還是會三不五時去找它,因為有時挺好用的。

留言
avatar-img
世界連結處
19會員
61內容數
這裡是世界連結處,版面主要以創作相關話題為主,本身創作經驗有小說、對戲群,喜歡我的小說或想看更多創作雜談歡迎追蹤按愛心~
世界連結處的其他內容
2026/04/08
最近vibe coding的潮流相當盛行,許多大老已經做出各種有趣的程式、APP或是網頁,而我呢,還在初階的地方默默耕耘、慢慢摸索一些有的沒的。 這陣子發現有許多人vibe coding卻時常忽略資安、後續維護等問題,害我更加得小心翼翼研究相關規範,例如最近剛做好成人向二創網頁,發現沒做......
Thumbnail
2026/04/08
最近vibe coding的潮流相當盛行,許多大老已經做出各種有趣的程式、APP或是網頁,而我呢,還在初階的地方默默耕耘、慢慢摸索一些有的沒的。 這陣子發現有許多人vibe coding卻時常忽略資安、後續維護等問題,害我更加得小心翼翼研究相關規範,例如最近剛做好成人向二創網頁,發現沒做......
Thumbnail
2026/03/31
因為是第一次做,所以選用最基礎的方式來嘗試效果,那首先選用的就是兩大主流的GPT跟Gemini,這樣選的原因是主流AI相對其他平台相對穩定且多人使用,至少不怕突然被關站,分享方式也都只要依靠複製連結的形式快速傳播,對我來說在推廣上會方便許多。
Thumbnail
2026/03/31
因為是第一次做,所以選用最基礎的方式來嘗試效果,那首先選用的就是兩大主流的GPT跟Gemini,這樣選的原因是主流AI相對其他平台相對穩定且多人使用,至少不怕突然被關站,分享方式也都只要依靠複製連結的形式快速傳播,對我來說在推廣上會方便許多。
Thumbnail
2026/02/07
這次我的資料庫素材有分成兩種,一種是網路搜尋、一種是從過往回覆紀錄收集數十筆作為樣本。 使用AI分別有GPT、GROK還有Gemini。 不得不說在收集樣本時可以發覺到過往的羊編真的是靠生命在海巡,不僅樣本數超多,時間......
Thumbnail
2026/02/07
這次我的資料庫素材有分成兩種,一種是網路搜尋、一種是從過往回覆紀錄收集數十筆作為樣本。 使用AI分別有GPT、GROK還有Gemini。 不得不說在收集樣本時可以發覺到過往的羊編真的是靠生命在海巡,不僅樣本數超多,時間......
Thumbnail
看更多
你可能也想看
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
Canva AI 與 DALL·E 自動生成圖片應用教學 在內容創作與自媒體行銷的時代,影像生成AI成為不可或缺的工具。兩個最常見的平台分別是 Canva AI 與 OpenAI 的 DALL·E。雖然兩者都能「自動生成圖片」,但在操作流程、靈活性、輸出品質與實際應用上卻有明顯差異。本文將
Thumbnail
Canva AI 與 DALL·E 自動生成圖片應用教學 在內容創作與自媒體行銷的時代,影像生成AI成為不可或缺的工具。兩個最常見的平台分別是 Canva AI 與 OpenAI 的 DALL·E。雖然兩者都能「自動生成圖片」,但在操作流程、靈活性、輸出品質與實際應用上卻有明顯差異。本文將
Thumbnail
這篇文章有兩個重點,第一點、使用Canva AI 製作網站時遇到的困難該如何解決?第二點、AI開始普及於我們的生活中,我們該如何因應?
Thumbnail
這篇文章有兩個重點,第一點、使用Canva AI 製作網站時遇到的困難該如何解決?第二點、AI開始普及於我們的生活中,我們該如何因應?
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
在這個一人創業也能翻天的時代,會不會用 AI 工具,就是創業效率的分水嶺! Sayit行動診療室幫你整理出目前最實用的免費 AI 工具清單,包含:文案、設計、影片、配音、自動化、SEO、數據追蹤…不只推薦工具,這些工具還都是「免費」,吃完再買單的概念,覺得使用習慣了也符合需求再來升級購買方案也不遲哦
Thumbnail
在這個一人創業也能翻天的時代,會不會用 AI 工具,就是創業效率的分水嶺! Sayit行動診療室幫你整理出目前最實用的免費 AI 工具清單,包含:文案、設計、影片、配音、自動化、SEO、數據追蹤…不只推薦工具,這些工具還都是「免費」,吃完再買單的概念,覺得使用習慣了也符合需求再來升級購買方案也不遲哦
Thumbnail
# Canva AI Code 最新使用指南 Canva 在2025年4月發布的 Visual Suite 2.0 中推出了革命性的「Canva Code」功能,這項AI驅動的創新工具讓任何人都能通過簡單提示創建互動式內容,無需任何編程知識。本教學指南將全面介紹Canva Code的所有功能、
Thumbnail
# Canva AI Code 最新使用指南 Canva 在2025年4月發布的 Visual Suite 2.0 中推出了革命性的「Canva Code」功能,這項AI驅動的創新工具讓任何人都能通過簡單提示創建互動式內容,無需任何編程知識。本教學指南將全面介紹Canva Code的所有功能、
Thumbnail
10月4日,Canva推出了AI技術的Magic Studio功能『Canva Magic Studio』 了解這些功能,絕對能夠大大提升你的工作表現。 這AI功能共同構成了的強大功能系統,它們讓設計變得更加簡單高效。 一、Magic Design 只要輸入文字,canva AI就會自動
Thumbnail
10月4日,Canva推出了AI技術的Magic Studio功能『Canva Magic Studio』 了解這些功能,絕對能夠大大提升你的工作表現。 這AI功能共同構成了的強大功能系統,它們讓設計變得更加簡單高效。 一、Magic Design 只要輸入文字,canva AI就會自動
Thumbnail
Canva AI 讓設計新手也能輕鬆製作出美觀且功能齊全的網頁。本文將詳細介紹 Canva AI 的最新功能,例如魔法媒體工具、魔法文案工具和 Canva Code,並逐步解說如何利用 Canva AI 製作響應式網頁,從專案規劃到最後發布,讓使用者無需程式設計經驗,也能輕鬆打造個人作品集網站等。
Thumbnail
Canva AI 讓設計新手也能輕鬆製作出美觀且功能齊全的網頁。本文將詳細介紹 Canva AI 的最新功能,例如魔法媒體工具、魔法文案工具和 Canva Code,並逐步解說如何利用 Canva AI 製作響應式網頁,從專案規劃到最後發布,讓使用者無需程式設計經驗,也能輕鬆打造個人作品集網站等。
Thumbnail
本文分享作者如何在短時間內考取 Canva 證照的快速方法,並深入實測 Canva Magic Studio 的強大 AI 功能,教你如何利用這些工具加速設計流程、提升工作產品質感,並建議自學者與 Canva 舊用戶如何最大化學習效益。
Thumbnail
本文分享作者如何在短時間內考取 Canva 證照的快速方法,並深入實測 Canva Magic Studio 的強大 AI 功能,教你如何利用這些工具加速設計流程、提升工作產品質感,並建議自學者與 Canva 舊用戶如何最大化學習效益。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
ChatGPT 推出了一種新功能,稱為 "Canvas 模式",可以對特定內容進行反覆修改。根據官方說法,這是為了幫助撰寫程式碼或文章,但我認為這個功能幾乎適用於所有問題。以下是我的理由: 1. 調整知識水平更方便 在我熟悉的領域(如商務日語和資料分析),我可以調整到碩博士水準來獲取更多
Thumbnail
ChatGPT 推出了一種新功能,稱為 "Canvas 模式",可以對特定內容進行反覆修改。根據官方說法,這是為了幫助撰寫程式碼或文章,但我認為這個功能幾乎適用於所有問題。以下是我的理由: 1. 調整知識水平更方便 在我熟悉的領域(如商務日語和資料分析),我可以調整到碩博士水準來獲取更多
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News