▲ 圖 1：我他喵的要改寫舞台工作的流程導入到商管報告中的 Midjourney 示意圖
又是全新的一天～
這次我們來看看要做些什麼有趣的東西吧！
不過剛好今天有個外面的活動，
自己要做主要設備控制人員。
特別是商管的同學們應該經常要進行簡報的報告，
有時候為了營造活動氣氛，
會讓活動進行過程的當中有一些背景音樂～～～
好吧那麼我們這次再來 vibe coding 出一個
Google 網頁擴充插件吧！
說起來為什麼要另外製作一個網頁擴充插件，而不是用一般的音樂播放器，主要原因是因為過往在同樣的活動進行當中，之前的活動幹部有發現到：
如果我需要切換簡報、頁面、音樂播放器時，在螢幕上面顯示的畫面將會不這麼美觀（商學院的學生通常會認為要有一場好的報告真的有很多細節位要注意。）。因此過往在活動過程當中通常需要凍結畫面顯示，然後在操作過後再次解凍螢幕畫面。
相信市面上本身應該也會有相關的一些電腦程式及介面能夠解決這個問題，但是！ 要下載一個程式安裝，往往會耗用電腦容量，甚至會有顯示相容不相容的問題。
Google 網頁擴充插件有時候會是個好東西，特別是現代的年輕人跟學生很多時候都會用到 Canva 的線上簡報作報告。
▲ 圖 2：MultiPlay 的畫面及介面顯示，以 YouTube 教學影片縮圖顯示
這邊輕輕的回想起之前處理劇場幕後工作的經驗（還有這回事！不過其實我幹幕前會比較多～也就是演員⋯⋯），回想起一個叫做 MultiPlay 的軟體～如圖！
一個一個 Cue，在表演之前被安排好，在演出時就一個一個執行～
不知道這次的擴充插件設計是不是沿用了當時候的工作流程，但同時也簡化了工作流，只保留對於商學院學生重要的功能：音樂播放、音樂淡入淡出。簡化了功能，但剛好又符合其他領域的學生。
💡 發現痛點！沿用其他領域的工作流程！簡化流程！
這或許也是 vibe coding 一大應用開發的重要價值，我們不再需要仰賴一個非常複雜的工具，只需要製作出對自己當下痛點有用的簡單的工具就好～
▲ 圖 3：Vibe coding 出來的 Google 網頁插件畫面
這次的提示詞構想其實非常純粹：
請製作一個 Google 瀏覽器網頁插件，能夠在我使用 Canva 報告時，在背景播放根據 Shift+字母按鈕淡入淡出的播放安排了的音樂，音樂可以指定是電腦裏面的音樂文件。
💡 提示：以上內容直接複製即為標準 Prompt！
就如此的簡單～讓商學院的學生體驗一下劇場幕後的工作，但說實在的操控簡報不也是一種幕後工作嗎？
| 核心維度 | 重點摘要 |
|---|---|
| 跨領域流程轉移（劇場 × 商管） | 將劇場 MultiPlay 預設 Cue 點與淡入淡出的專業工作流引進商管報告，徹底解決簡報切換播放器與螢幕凍結的尷尬痛點。 |
| 輕量化網頁擴充插件（Vibe Coding） | 不必安裝笨重且有相容性疑慮的桌面軟體，用自然語言 Prompt 直接在瀏覽器打造適配 Canva 的專屬背景音樂控制器。 |
| 商管思維融入工具設計 | 將「好看、好用、氛圍」等商學院對活動細節的極致追求融入工具開發，捨棄冗餘功能，只做直擊痛點的輕量神器。 |
iThome鐵人賽
看影片追技術