【Day 26】自己寫的文章已經足夠多了，所以我需要一個日報編輯～

▲ 圖 1：是時候要去摘一下智慧果實了呢～Midjourney 示意圖

話說已經來到了最後幾天了，
自從第二十天開始，
逐漸的我們不再談及學科 × Vibe Coding 可以擦出怎樣的火花，
更多的是談及 Vibe Coding 的進階使用思維～

最後十天，我們談及了幾個重要的技巧：

• 透過 Vibe Coding 解構各種 coding 專案做前沿科技學習
• Vibe Coding 工具作用在非 coding 工作上（例如學術研究、寫作）
• 透過 GitHub 讓自己的專案遊走於各種 Vibe Coding 工具

已經不再單純地談及某一學科 × Vibe Coding 這樣的搭配內容，一定程度上自己也開始越來越忙以及有點累，但是我們回歸到 Vibe Coding 的技巧上時，我還會思考說我到底有什麼技巧還沒有分享過～

痛點剖析與靈感開端：打造生成式 AI 虛擬角色的情報日報

突然想起在這次鐵人賽之前，其實已經在開始策劃生成式 AI 虛擬角色情報生態系的電子報系統，說起來這也算是我暑假期間一個非常有趣的個人專案。

▲ 圖 2：每天早上 10:00 - 11:00 都會收到的生成式 AI 虛擬角色情報日報

「透過 Vibe Coding 工具寫 Google Apps Script 串聯 RSS、API、AI 模型，每天定時發送 AI 虛擬角色的相關新聞給訂閱者的電郵。」

這是自己的目的，某程度上也能夠直接把以上内容當作是自己的 Prompt 了，當然指令下達得不夠準確，那麼這也能夠是自己跟 AI 聊天機器人開始聊天、了解如何完善這個專案的第一步。

儘管只是一個意圖，它能夠化為：

• 自己在規劃書裡面的目標（當需要參加比賽或活動時）
• Vibe Coding 的 Prompt
• 與 AI 聊天機器人探討開發專案的第一句

數位工具中介者：認識 Google Apps Script 與生態系整合

▲ 圖 3：Google Apps Script 雲端腳本編輯與執行環境

當然這次終於提及到一個全新的數位工具叫做 Google Apps Script。Google Apps Script 是由 Google 開發、以 JavaScript 為基礎的雲端腳本語言。它的核心價值在於「讓不懂繁複系統架構的人，也能輕鬆操作 Google 雲端生態系」。

我們能夠想像上次使用的 GitHub 雖然正式來說是一個版本管理的工具，但另一方面它也是一個能夠儲存同一個專案，並且讓不同的 Vibe Coding 工具透過 GitHub 同時修改、讓同一專案優化的工具。

而 Google Apps Script 可以讓你用程式代碼的方式，串接起 Google 文件、Google 試算表、Google Gmail 等等的 Google 數位工具生態系。我們這次要做的就是用 Vibe Coding 工具協助我們串接起各種類型的數位工具。

以自動發送郵件來說，用 Google Apps Script 運行程式代碼作為一個中介點，可以在運行程式代碼過後直接獲取自己的 Gmail 權限自動發郵件；這會比起用 Antigravity 擅自規劃如何完成應用及完成代碼，之後還需要去追蹤如何自動發郵件、與 AI 不停聊天交流得到解答還要來得快捷。

懂得利用現有的數位平台及數位工具，某程度上比起只會用一堆 Vibe Coding 工具硬刻應用，有時候會更加方便快捷。

情報自動聚合的四種技術：RSS、API、爬蟲腳本與 MCP

這裡輕微提及一下既然可以做到自動串接、自動爬取內容（像是透過程式代碼，每天會在網絡上尋找 AI 虛擬角色相關的新聞聚集起來然後發給訂閱者），我們這邊需要知道幾個技術：一個是 RSS，一個是 API，一個是網頁爬蟲程式腳本，當然一些比較厲害的 AI 工具（例如說 Claude），就會還有一個機制叫做 MCP。

1. RSS（Really Simple Syndication）

▲ 圖 4：鐵人賽系列主題右下角提供 RSS 訂閱連結，可直接複製 XML 來源網址

我們通常在一些公開的網頁或者平台上會看見有 RSS 的連結，例如說 iThome 鐵人賽的 RSS，裡面本身會包含系列文章的所有 HTML 程式代碼（這就是為何昨天要說明 Markdown 及 HTML 文章）。只要該系列的文章有什麼更新，RSS 就會自動變動；並且透過 Google Apps Script 可以設定直接執行把文章變成好看的 PDF，或者定期把文章變成好看的 PDF，再直接授權自己的 Gmail 發郵件給指定的電郵地址。

2. API（Application Programming Interface）

▲ 圖 5：Google Cloud Platform (GCP) 的 API 管理後台——多跟 AI 聊天就知道了！

這邊的話畢竟還在介紹 Google 生態系，所以我們就介紹一下 Google Cloud Platform 吧！一些更大的平台可能會允許使用者申請 API，允許使用者透過 API 獲取平台的重要數據與資訊。例如申請完 Google Cloud Platform 爬取瀏覽器網頁的 API，並且透過 Google Apps Script 連接之後，就能夠每天定時定候，根據例如說 AI 虛擬角色新聞，在廣大的網絡資訊裡面尋找相關新聞，然後透過程式代碼的腳本安排直接發給指定的電郵地址。除此之外還可以連結像是 Google Maps、YouTube 的資料與數據，擁有更多的功能，但有時候卻會需要收取使用者訂閱費或使用費。

3. 網頁爬蟲腳本（Web Scraping Script）

▲ 圖 6：只要指定網址，就能讓 AI 工具 Vibe Coding 出客製化的網頁爬蟲腳本！

這個部分可以用 Vibe Coding 產出，主要是能夠一鍵開始操作時，自動在指定的某一個網頁裡面把所有的分頁文章自動發送請求（Request）打開網頁、下載原始碼（HTML）；也能夠指定從 HTML 中過濾只要文字／標籤／圖像／其他網址這些內容，或者全篇下載都可以。

4. MCP（Model Context Protocol）

▲ 圖 7：由 Anthropic 推出、目前各大 AI 生態系共同支援的「AI 專用萬用插頭（USB-C）」

由 Anthropic 推出、目前各大 AI 生態系共同支援的「AI 專用萬用插頭（USB-C）」。過去要讓 AI 讀取你的本機檔案、GitHub 專案或資料庫，都要寫一堆零碎且客製化的程式碼；而 MCP 定義了一套標準協定，讓 AI 可以安全、統一地去呼叫各種外部工具與資料源。

但是很可惜我們這邊並不會用到。一般情況下，例如說我們有一個厲害的 AI Agent，只要用 MCP 可能連接 GitHub，並且只使用自然語言設定說：「AI Agent，每天早上九點在 GitHub 上面建立一個科幻風格的專案，然後說明本次設計原因，最後自動用我的 Gmail 寄信給指定電郵地址。」這主要是為 AI Agent 而設的。

技術架構的組合藝術：從傳播學到個人知識生態系

到底應該怎樣選擇用 RSS（不用錢）、API（有可能需要付費）、MCP（AI Agent 任務上才比較需要）、直接 Vibe Coding 爬蟲某個網頁的所有資訊（不用錢，但是失敗的可能性高）？其實它們都有不同的組合搭配。

組合搭配其實也是進行 IT 工作很重要的一環。搭配不太一樣，你寫出來的日報都會絕對不一樣。當然啦，今天也很想談及你的日報受眾要如何設定，但是其實都沒關係，只要是你感興趣的議題，你都能夠製作這個議題的日報，並且透過 Vibe Coding 自動化流程，把你想要告訴大家的資訊廣泛散播出去～

這好像又回到傳播學的領域了呢～

好吧，例如說這次我搭配的是：

• 鐵人賽文章 RSS：https://ithelp.ithome.com.tw/rss/series/9607
• 自己工作室文章的自動爬取（要求 Vibe Coding 爬蟲用的 Python 程式代碼）：https://ci-website-theta.vercel.app/articles
• 指定 Google 試算表：「AI虛擬角色情報資料庫」（這個不能公開！這可是我的重要自動化收集財產）

形成我自己的重要知識資源資料庫！

核心 Prompt 模組：打造科幻未來風格日報系統

當然最後的 Prompt 就變成了：

請再設計一個 Google Apps Script 的程式代碼，可以自動串接：
1. 鐵人賽文章 RSS：https://ithelp.ithome.com.tw/rss/series/9607
2. 自己工作室文章的自動爬取（要求 Vibe Coding 爬蟲用的 Python 程式代碼）：https://ci-website-theta.vercel.app/articles
3. 指定 Google 試算表：「AI虛擬角色情報資料庫」

將其變成一個科幻 Hyperpop、Glitchcore、科幻未來風格的資訊資料庫頁面。
使用者可以選擇資訊，變成一個 A4 size 的報紙產出，會把資料用文字與網頁的 QR Code 變成報紙排版；還可以指定 Email 收件人跟填寫收件人名字，把報紙發送給指定的人。

💡 提示：以上內容直接複製即為標準 Prompt！

之後我們可以把 Vibe Coding 出來的程式代碼，根據 AI 工具的指示複製貼上到 Google Apps Script，以及一步一步進行執行試錯、儲存、部署；進一步還可以選擇指定時間自動化排程執行。這些都可以透過與 AI 的聊天從而知道如何處理，比較厲害的話在程式代碼出來的當下其實就已經會告訴你如何部署了。

成果落地與教育反思：從 A4 實體報紙到跨領域通才思維

▲ 圖 8：自己寫過的文章與收集的情報，被重新封裝成極具美感的 A4 排版電子報！

如此一來，我收集回來的情報可以列印出來！也可能可以發給學生讓他們自己透過手機掃 QR Code 進行討論了！（已經有這種教案設計嗎？還沒有吧！最近完全沒有空設計，不過這就已經是電腦、AI、STEAM 教育的範疇了）。

真的去到最後幾天已經沒有太多氣力開啟新的領域了，儘管點算一下過往已經把領域拓展到：文、理、商、傳播、法、醫、教育、餐飲、地理、資訊。從很久以前我好像已經是在不同領域裡面這裡沾一點、那裡碰一點，寫過很多文章都可能有著跨領域的想法以及自己的理念。

「跨領域」是這個 Vibe Coding 及 AI 潮流底下非常熱門的一個詞彙，很多人都在推算著通才能夠透過 Vibe Coding 及 AI 來獲得比大部分人更加高效的生產力。

對了，跨領域也是這個系列文章的一個重點呢！最後幾天開始來收斂過往的知識内容吧！

專案成果展示與線上體驗（建議用無痕視窗開啟）

• 🐾 生成式 AI 虛擬角色情報日報系統：
  整合 Google Apps Script、RSS 與 AI 自動化發信的日報實體原型。
  🔗 線上體驗：點此查看情報日報系統

• 🐾 新版我的日報製作系統：
  支援自選情報、A4 排版生成與動態 QR Code 郵寄的進階編輯後台。
  🔗 線上體驗：點此查看日報製作系統

📌 本篇重點整理