在台北看見彩虹的 WordPress 小聚

好久沒有來 WordPress 小聚了，台北場雖然離我家最近，但以前每次來參加的時候，總是會因為興奮過頭導致晚上睡不著覺。這陣子重新開始接案，想說多認識一些新朋友或是與老朋友搭上線，看有沒有合作的機會。

再加上這場的主題是我很有興趣的 Vibe Coding，很想看看其他人都是怎麼進行的，會不會有更好的方法可以讓 AI 協作更容易。

WordPress 開啟 Vibe Coding 的創意新玩法

講者愷翊整場的分享重點圍繞著與 AI 協同開發的一些關鍵技巧，主要包括以下幾個部分：

• 如何控制 AI 的回答風格
• 開發工具的推薦
• 如何產生需求文件
• 通用提示詞的設計

愷翊以大邵資安報為範例，他發現到這些與 WordPress 相關的資安報告製作流程很繁瑣，設計一份資安報告需要從許多國外網站取得相關資訊，並且要人工篩選確認後再設計成圖片，最後發布到社群上面。

在了解使用者的需求痛點之後，就開始跟 AI 討論解決方案，最後決定用爬蟲以及導入 AI 的方式來做內容的翻譯以及資料的篩選，使用 html2canvas 把資料轉換成圖片，再透過 WordPress REST API 發布到網站。從以前做一篇原本需要 1~2 小時變成啟動後就可以不管它。

三種創意玩法

1. 語音輸入寫作 — 搭配語音輸入法可以解放雙手，進入沉浸式寫作狀態。再搭配 WordPress REST API 就能在寫完文章的當下直接發布到網站上。

2. AI 批次上傳 — 透過 AI 可以直接在對話框裡面進行資料的修改，不需要再重複進行繁瑣的檔案上傳動作，300 筆資料的新增與更新全部都是透過本機的 AI 編輯器來進行。

3. Headless 架構 — 讓前端使用前端框架，而後端依舊使用 WordPress 來作為內容管理系統，好處是可以讓整個網站的 loading 不會這麼重，但還是可以保留資料庫以及後台的操作介面。

Vibe Coding 適合對象

產品經理、開發者、設計師都很適合使用 Vibe Coding 來開發工具，但如果是常常想要改東改西、還沒想清楚就要執行的人，就不適合使用。跟 AI 協作沒有誰適不適合的問題，主要還是看使用場景以及對於任務的掌控度。

閃電講

閃電講共三場，其中 Mike 分享他如何使用 n8n 來收集國外的資訊，並用 LINE 通知他該去運動彩券進行下注，我覺得這是近期聽過 n8n 最實用的案例。我自己也把 bazewp.com 做了簡單的介紹。