附錄 C：Become Judy 專案對話歷程與 Codex 修改紀錄

從研究計畫、個案寫作、HTML 製作、GitHub Pages 到教師講義的完整工作對照

1 附錄 C：Become Judy 專案對話歷程與 Codex 修改紀錄

這份附錄的目的，是讓讀者在閱讀主講義時，可以回到真實的協作歷程，看到每一個階段到底是如何被推進的。主講義會把流程整理成概念、心法與教學方法；本附錄則保留更接近工作現場的樣貌：使用者在每一輪如何下指令，Codex 如何把指令轉成研究、寫作、HTML、圖片、課程與 GitHub Pages 發布。

本附錄分成兩部分。第一部分是逐輪對話歷程，保留使用者的原始指令，並以「Codex 當輪工作結果」記錄當時的處理方向。第二部分是關鍵修改紀錄，列出本機專案檔案、輸出檔、驗證檔與公開 GitHub commit，作為可查證的工作軌跡。

需要注意的是，這不是一篇重新潤飾後的教學文章，而是專案稽核用的工作附錄。它的價值在於讓讀者看到：一個成熟的 AI 協作成果，不是一次 prompt 生成，而是一連串決策、修正、查核、重寫、重排版與發布驗證的累積。

1.1 一、專案對話歷程

1.1.1 Round 1：建立專案與研究目標

使用者原始指令

“c:DailyTaiwanJudy" 在這個資料夾之下，我要設置一個新專案。這個專案的目標是寫出一個商業個案，圍繞在一位韓國籍女性 YouTuber「Judy」身上。

她從韓國來到臺灣發展，一開始是在臺灣旅行，因為喜歡臺灣的生活，透過旅遊介紹吸引了來自臺灣及韓國網友的注意。最後，她選擇在臺灣成立一家公司，經營啦啦隊生意。

這個過程很好地展現了她個人看待市場機會的方式，甚至是跨國營運的做法，也展示了現代年輕人創業的可能性。同時，她也揭露了目前在臺灣經營上面的難題。

目前相關資料都在她的 YouTube 頻道中，在公開影片裡已有許多可供參考的資訊；她本人也有許多新聞媒體報導，以及在社群討論的聲量。

我想要從這些資料整理成一個關於「新世代個人創業者逐步擴展」的過程，並揭示在亞洲地區這種跨國創業的可能性。特別是對於大學生來說，在串流媒體世代找到創業機會，而不僅僅是作為內容的消費者，這一點是非常有啟發性的。

我預計產生三個產出：

  1. 管理學的 18 週課程設計，環繞在個人創業者與管理議題上
  2. 哈佛商學院經典長個案的形式
  3. 哈佛商業評論的短個案形式

為了完成這件事情，你需要參照相當多的外部資料。所以在一開始，我需要你先提出整個研究計畫，然後我們再來決定下一步。

Codex 工作結果

Codex 將工作理解為一個研究型教學個案專案，而不是單純撰寫一篇人物文章。初步工作重點包括：建立研究計畫、資料來源類型、事實查核方法、產出路徑，以及將後續成果分成 HBS 長個案、HBR 短個案與 18 週管理學課程。

這一輪形成的管理意義是：使用者先判斷 Judy 這個人物與事件具有跨國創業、創作者經濟與公司化的教學價值；Codex 才能接著把這個判斷轉為專案結構。

1.1.2 Round 2：同意啟動研究計畫

使用者原始指令

好，請開始

Codex 工作結果

Codex 開始把研究計畫轉成實際工作流程，建立資料蒐集、影片盤點、來源查核、時間線、證據表與產出資料夾的任務架構。這一階段的重點不是寫正文，而是讓後續所有寫作都有可追溯的資料基礎。

1.1.3 Round 3：要求多個 Subagent 平行工作

使用者原始指令

藉由多個 Subagent 協作影片 Inventory 跟關鍵影片的字幕校對，這本來就有一個 Subagent 去處理；其他agent同步收集資料，自行校正資料。

Codex 工作結果

Codex 將任務拆成影片 inventory、字幕校對、新聞與社群資料蒐集、產業背景查核等平行工作。這一輪最重要的不是工具本身，而是任務分工：影片資料、外部新聞、產業研究與證據分級不能混在同一份草稿中處理。

對應本機產出包括：

  • 02_Process/01_Source_Registry/video_inventory_agent_youtube.md
  • 02_Process/01_Source_Registry/video_inventory_integrated.md
  • 02_Process/01_Source_Registry/video_inventory_integrated.xlsx

1.1.4 Round 4：同意 phase2_findings_synthesis.md 的後續步驟

使用者原始指令

同意”phase2_findings_synthesis.md”的步驟： 1. 先校對 VID-001、VID-004、VID-006 三支影片，完成可引用逐字稿與時間戳。 2. 依 evidence_table_integrated.xlsx 把所有核心主張分成 A/B/C/D 級，先寫 teaching note 的 fact base。 3. 以 Judy_public_timeline_v1.md 建立個案決策節點：內容創作者、公司化、人才簽約、運動合作、財務壓力、跨國人才管理。 4. 再展開三個產出：18 週課程設計、HBS 長個案、HBR 短個案。

需要增加產業背景與市場需求的相關資訊，以作為長個案的證據支持。特別是韓國啦啦隊的競爭狀況、市場規模及產業結構，甚至要探討其如何影響啦啦隊員的收入結構。

同時，也要觀察 YouTuber 在亞洲的實際經營狀況。由於 YouTuber 在中文區的受眾相對有限，原則上以臺灣、港澳、新加坡等地的繁體中文市場為主，少部分則面向中國大陸；此外，還會有來自中國的創作者出現在臺灣的串流平臺。因此，在介紹亞洲區域的 YouTube 生態時，可以特別點出臺灣 YouTuber 的收入結構很難單靠流量變現，而必須透過業配方式才能支持營運開銷。關於這點，有非常多相關的行業數據，無論是從 Joeman 或 Judy 他們自己的影片揭露中都可以看得出來。

在產業事實層面，有兩條線都需要收集足夠的資訊：

  1. 啦啦隊相關產業： 包含職業球隊、娛樂與運動場合等細節。
  2. 臺灣部分的業務與商業模式： 另外抓出啦啦隊業務、商業模式與產業背景的相關資訊，並做出綜合整理。

建議使用 Journalism 這樣的 Skills 進行事實查核與比對。如果情況允許，除了臺灣本地的資料外，也應納入日本、韓國、中國等其他地區，甚至是英文語系地區的資料進行查核。

依任務目標指派 Subagents。

Codex 工作結果

Codex 將研究推進到證據制度化階段。使用者在這一輪明確要求 A/B/C/D 證據分級、可引用逐字稿、決策節點與產業背景，因此 Codex 後續寫作不再只是整理故事，而是要先建立 fact base。

對應本機產出包括：

  • 02_Process/06_Integration/phase2_findings_synthesis.md
  • 02_Process/04_Evidence_Tables/evidence_table_integrated.xlsx
  • 02_Process/03_Processed_Data/timeline/Judy_public_timeline_v1.md
  • 02_Process/07_Phase3_Industry_Research/phase3_integrated_synthesis.md
  • 02_Process/07_Phase3_Industry_Research/phase3_integrated_synthesis_zh.md

1.1.5 Round 5：指定先做三支影片人工聽辨

使用者原始指令

依 verification_queue_phase3.md 先做 VID-001、VID-004、VID-006 的人工聽辨，完成可引用逐字稿後，就可以進入 HBS 長個案 outline 的第一版正文。

Codex 工作結果

Codex 將工作順序鎖定為「先可引用逐字稿，再長個案 outline」。這一輪確立了資料品質門檻：不能在影片內容仍未校對前直接寫 HBS 長個案正文。

對應本機產出包括：

  • 02_Process/04_Evidence_Tables/verification_queue_phase3.md
  • 02_Process/03_Processed_Data/video_calibration/phase3_video_calibration_findings.md
  • 02_Process/03_Processed_Data/video_calibration/quote_ready_excerpts_v1_zh.md
  • 03_Output/HBS_long_case_style/case_outline_v1_phase4_zh.md

1.1.6 Round 6：開始撰寫長個案初稿

使用者原始指令

開始撰寫長個案初稿

Codex 工作結果

Codex 進入 HBS 長個案寫作階段，依據前述 evidence table、timeline、產業背景與影片摘錄，產生第一版個案正文。

對應本機產出包括：

  • 03_Output/HBS_long_case_style/case_outline_v0.md
  • 03_Output/HBS_long_case_style/case_outline_v1_phase4_zh.md
  • 03_Output/HBS_long_case_style/case_draft_v1_zh.md

1.1.7 Round 7：要求長個案第二版加強敘事與情感

使用者原始指令

開始寫作第二版。在第二版中，資料的豐富度跟敘事的完整性是最關鍵的，需要帶有一定情感上的描述，例如他在臺灣奮鬥的艱辛狀況。

希望能直接引用他的話語，並很好地呈現出在臺灣經營的困難點以及他的心路歷程。同時，也需要將行業的背景資訊鋪陳到足夠的長度，以使得後面學生在進行分析時有足夠多的資訊。

敘事結構請採用哈佛商學院個案形式，不要有那種很明顯是給編輯者看的文字；這就是一份給學習者閱讀的文本。

Codex 工作結果

Codex 將長個案從初稿推進到第二版，重點放在敘事完整性、直接引用、經營困難、心路歷程與產業背景厚度。這一輪開始把研究報告式材料改寫成可閱讀的教學個案。

對應本機產出包括：

  • 03_Output/HBS_long_case_style/case_draft_v2_zh.md

1.1.8 Round 8：修正長個案閱讀感與文類語氣

使用者原始指令

第二版的閱讀感不好。 例如在「頻道變成公司」的這一大段，一般我們的個案寫法，不會寫成「公開公司資料顯示，與 Judy 相關的公司開始出現在臺灣登記系統中」。

我們應該用一種已經知道這件事、而且核實過的口吻直接說明，例如：「在 Judy 旗下陸續成立了幾家公司」，用這種敘事方式來陳述到底發生了什麼事。

關於個案內容，我有幾點建議：

  1. 調整讀者定位與筆觸 這雖然是給學生看的個案，但這裡的「學生」不只是大學生，也可能是社會人士。個案文本中不應出現「給學生看」這類的字眼，它應該是一個帶有決策議題的紀實個案。

  2. 避免語意不明的縮寫 影片中提到的一些資訊，例如「OM」，讀者看了可能不知道是什麼意思。當你提到「OM 相關影片」中的某些事情時，會讓讀者感到困惑，不清楚具體內容。

  3. 加入多元視角 影片中不只有 Judy，還有其他人。他們是如何看待 Judy 這個老闆的？我認為這些相關訊息也可以放入個案，讓整體視角更加多元。

  4. 增加視覺化圖表 現在的 Exhibit 全部都是表格，我希望能夠增加幾張圖片。你不需要直接生成圖片，而是先寫出生成圖片的 Prompt。

這些圖片可以採用 Infographic（資訊圖表）的方式呈現，例如： (a) 呈現整個生態圈中，經紀公司、女孩、球隊、媒體之間的關係 (b) 繪製出他們的分潤機制或組織結構

利用簡明的 Infographic，可以有效增加個案的可讀性。

Codex 工作結果

Codex 依照使用者回饋調整長個案文體：從查核報告口吻改成已核實的個案敘述口吻，移除含混縮寫，增加周邊人物視角，並設計資訊圖表 prompt。這一輪的關鍵是人類對文類的判斷：教學個案不是把來源查核口吻塞進正文，而是要在已查核基礎上讓讀者進入情境。

1.1.9 Round 9：將長個案輸出為 HTML

使用者原始指令

接下來就可以開始輸出成一份 HTML 式的個案。在這個個案中，圖片、影片的插入，以及表格的呈現，都要能夠展現出類似哈佛商學院個案的質感，但同時帶有一種雜誌排版風格，也就是具備傳統書報氛圍的個案閱讀體驗。

具體的規格與要求如下：

  1. 內容呈現與排版：
    1. 內容採全文上傳，以 HTML 方式呈現排版。
    2. 圖片不使用 Base64 格式，而是將生成後的圖片放入 HTML 中，以連結插入的方式呈現。
    3. 整個 HTML 頁面需支援一鍵輸出 PDF 的功能，方便使用者下載。
    4. 內文字體不要太小，尤其是在個案呈現上，字體過小會不利於閱讀。
  2. 外部素材引用：
    1. 可引用外部圖片（如 Judy 本人的照片），但必須是從影片中找到公開授權的照片。
    2. 或直接搜尋具備公開 CC 授權的照片，才可引入個案。
  3. 個案警語與註解：
    1. 必須加註 AI 寫作註解，說明素材是由元智大學吳相勲副教授與 Codex 協作而成。
    2. 需明確說明：本個案未經 Judy 同意，亦未訪問其本人或身邊相關人士。
    3. 本個案完全屬於「教學案例」（Library Case），目的並非點評當事人及其周邊人員的好壞或狀態，僅作為教學目的使用。

若是沒有辦法直接使用 Judy 本人的照片，另外一個替代方案就是利用生成圖片的方式，將其原始圖片經過轉換後，以不同的姿態或者樣貌呈現，以使得這個個案能維持一定的閱讀豐富性。

Codex 工作結果

Codex 將長個案轉為 HTML，加入書報式閱讀版面、Exhibit、圖片資產、PDF 輸出與 library case 警語。由於真實人物照片授權風險較高，實作上採用生成式資訊圖與情境圖，降低肖像權與授權風險。

對應本機產出包括：

  • 03_Output/HBS_long_case_style/case_html/index.html
  • 03_Output/HBS_long_case_style/case_html/assets/hero_case_scene.svg
  • 03_Output/HBS_long_case_style/case_html/assets/ecosystem_map.svg
  • 03_Output/HBS_long_case_style/case_html/assets/revenue_cost_flow.svg
  • 03_Output/HBS_long_case_style/case_html/assets/organization_evolution.svg
  • 03_Output/HBS_long_case_style/case_html/case_judy_v2_print_preview.pdf

1.1.10 Round 10：要求 commit 到 GitHub 並更新索引

使用者原始指令

將它 commit 到我的 GitHub 上，並且更新索引

Codex 工作結果

Codex 將長個案 HTML 與資產放入 SONIC repo 的公開網站路徑，更新索引並 commit。這是本專案第一次從本機教學材料轉成公開 GitHub Pages 資產。

對應 Git commit：

8d3fd97 Add Become Judy teaching case

主要公開檔案：

  • hbr/become-judy/index.html
  • hbr/become-judy/case_judy_v2_print_preview.pdf
  • hbr/become-judy/assets/ecosystem_map.svg
  • hbr/become-judy/assets/hero_case_scene.svg
  • hbr/become-judy/assets/organization_evolution.svg
  • hbr/become-judy/assets/revenue_cost_flow.svg

1.1.11 Round 11：開始 HBR Case Study 版本

使用者原始指令

接下來寫成 Harvard Business Review 的 Case Study 形式。這種個案形式不會完全以真實事件作為藍本改編，而是根據兩難決策發展出簡化的場景，更多是透過不同角色之間的對話、互動與爭執，來展現個案中重要決策的立場及資訊。它不會直接放入行業資訊，通常是透過自然的對話與場景設計來展現這些重要訊息。

現在開始製作這個版本，你得先確定以下事項：

  1. 設計兩難議題： 這項議題必須有足夠的張力。它不是完全基於 Judy 這個角色來設計，盡可能讓角色稍微跳脫真實，以避免大家直接對號入座；但也不要完全脫離目前的個案範疇，以免撰寫變得非常困難。

  2. 角色與背景修飾：

    1. 在 Judy 的個人形象描述或歷程上，做一點修飾或簡化。
    2. 在她經營事業的範疇上，也做一個較簡化的說明。

  3. 附註揭露： 在個案附註中說明，如果要查看完整的個案，可以找到我們在 GitHub 上面的個案連結。

Codex 工作結果

Codex 將長個案改寫成 HBR Case Study-style 短個案。這不是把長個案縮短，而是重新設計兩難決策、虛構化角色與場景，透過對話呈現資訊與衝突。

對應本機產出包括：

  • 03_Output/HBR_short_case_style/hbr_case_study_design_v1_zh.md
  • 03_Output/HBR_short_case_style/hbr_case_study_v1_zh.md

1.1.12 Round 12：要求插入漫畫風格圖片並生成 HTML

使用者原始指令

“https://www.youtube.com/watch?v=IXKcAwZKjTk”

目前這個故事很好，接下來一樣生成 HTML 的個案。

我需要在這個故事裡插入圖片。

這些圖片要採用漫畫風格，你可以參考上面這支 YouTube 影片《Harvard Business Review》為他們的短個案所做的影片風格，我們從中萃取設計靈感，製作適合這個個案的圖像。圖片中的角色可以進行對話，讓整體呈現出漫畫感。

請你使用 $imagegen 這個 Skills 去產生圖像（不是SVG，是高品質的PNG），然後將它完成的圖片置入到 HTML 的網頁中。

Codex 工作結果

Codex 依 HBR 短個案影片的語感萃取視覺方向，但避免直接模仿特定畫面或使用 HBR 標誌。圖片採高品質 PNG，角色為虛構化人物，對話文字由 HTML 呈現，以避免圖片生成中文字錯誤。

對應本機產出包括：

  • 03_Output/HBR_short_case_style/case_html/index.html
  • 03_Output/HBR_short_case_style/case_html/image_generation_prompts_v1.md
  • 03_Output/HBR_short_case_style/case_html/assets/panel-hero-rain-office.png
  • 03_Output/HBR_short_case_style/case_html/assets/panel-meeting-cashflow.png
  • 03_Output/HBR_short_case_style/case_html/assets/panel-team-captain.png
  • 03_Output/HBR_short_case_style/case_html/assets/panel-video-call.png
  • 03_Output/HBR_short_case_style/case_html/assets/panel-final-decision.png
  • 03_Output/HBR_short_case_style/case_html/qa/desktop-fullpage.png
  • 03_Output/HBR_short_case_style/case_html/qa/mobile-fullpage.png
  • 03_Output/HBR_short_case_style/case_html/hbr_case_study_illustrated_print_preview.pdf

1.1.13 Round 13：commit HBR 短個案到 GitHub

使用者原始指令

Commit 到 Github

Codex 工作結果

Codex 將圖文 HBR 短個案放入 SONIC repo，commit 並推送。

對應 Git commit：

c3e6287 Add illustrated Become Judy HBR case study

主要公開檔案：

  • hbr/become-judy-hbr-case-study/index.html
  • hbr/become-judy-hbr-case-study/image_generation_prompts_v1.md
  • hbr/become-judy-hbr-case-study/assets/panel-final-decision.webp
  • hbr/become-judy-hbr-case-study/assets/panel-hero-rain-office.webp
  • hbr/become-judy-hbr-case-study/assets/panel-meeting-cashflow.webp
  • hbr/become-judy-hbr-case-study/assets/panel-team-captain.webp
  • hbr/become-judy-hbr-case-study/assets/panel-video-call.webp

1.1.14 Round 14：以個案為核心設計 18 週管理學課程

使用者原始指令

以 HBR Case Study 為基礎，結合管理學的教學架構，設計出 18 週的課程。

其中起初、期中與期末這三週沒有正式完整的授課，所以核心課程總共是 15 週。

這個課程上起來應該像是一個故事，我們以個案為核心，走過整個商業探索的歷程。也就是說，到最後學生應該要能夠體驗到如何建立一家公司。並且在過程中，將管理學的這些重要知識都融入其中。相關議題涵蓋如下：

  1. 人事管理與商業目標決定
  2. 策略規劃與多角化議題
  3. 核心能力建立
  4. 行銷與營運管理
  5. 內容產製與品質控管
  6. 資金管理
  7. 以及其他許多涵蓋在上述管理學中經常講授的主題。

搭配的教科書是”c:管理學(Stephen P. Robbins, Mary A. Coulter).docx”

相關的進度安排與內容如下：

  1. 期末個案分析與建議（第 17 週）： 學生會針對個案進行完整的分析並提出建議，其中必須包含他們對整體商業模式以及管理制度建立的完整解析與觀點。

  2. 專案進度瞭解（期中之前）： 我們會先進行一次專案進度的瞭解，確認學生在過程中蒐集的細部資訊。如果他們是 Judy（個案公司），他們會如何營運這家公司？

目前學生已經開始蒐集相關數據，到了期末，這些資訊綜合起來就會形成他們版本的 Judy。

請寫出一份長達 30 頁的課程大綱。在這一份課程大綱中，需包含：

  1. 每週的行程安排
  2. 我們要討論的焦點
  3. 學生課前、課中要準備的事項
  4. 每週的作業以及自我學習的指示

請將這些內容都非常完整地呈現出來。

Codex 工作結果

Codex 先以 HBR 短個案為觸發，建立 18 週課程架構，將管理學主題與個案公司建立歷程結合，並規劃期中前進度檢查與第 17 週期末個案分析。

1.1.15 Round 15：修正課程核心材料為長個案

使用者原始指令

不是短個案版本，是長個案版本

Codex 工作結果

Codex 修正課程設計核心。18 週課程改以 HBS 長個案為主，而不是以 HBR 短個案為主。這一輪是重要教學判斷：短個案適合一堂課討論兩難，長個案才適合支撐整學期的資料蒐集、管理制度設計與期末分析。

對應本機產出包括：

  • 03_Output/18_week_course/management_18_week_syllabus_long_case_v1.md
  • 03_Output/18_week_course/management_18_week_syllabus_long_case_v1.docx

1.1.16 Round 16：將超長課程大綱轉成雙語 HTML syllabus

使用者原始指令

將這一份做完的超長的課程大綱轉換成 HTML 格式，然後將長短個案的資料放進來，再加上合適的配圖。 $imagegen 一樣使用 Image Gen 生成圖片的方式置入，讓這整個 HTML 的 syllabus 看起來非常完整，而且本身就是一份極佳的學習教材。整體的 HTML 呈現的格式風格，要與先前的長短個案 HTML 風格相近，並將既有的長短個案連結或部分資訊帶入到這個網頁中。只是要注意使用的流暢性，或許可以透過頁籤或折疊卡片的方式呈現，讓整個頁面不會過長，並提供較好的引導閱讀體驗，確保學生在閱讀這份 HTML 時能按圖索驥，不會迷路。

再次強調，這是提供給學生看的版本，因此不應殘留給開發者或教師看的文字。另外，也要將我的個人介紹融合到這個頁面中。請注意網頁須提供雙語版本，具備中英文切換的功能。

Codex 工作結果

Codex 將長課綱轉成學生可閱讀的 HTML 介面，加入雙語切換、頁籤、折疊週卡、長短個案連結、個人介紹與生成式圖像。此處的重點是把「課綱文件」改造成「學習介面」。

對應本機產出包括：

  • 03_Output/18_week_course/course_html/index.html
  • 03_Output/18_week_course/course_html/assets/syllabus-hero.png
  • 03_Output/18_week_course/course_html/assets/syllabus-ecosystem.png
  • 03_Output/18_week_course/course_html/assets/syllabus-journey.png
  • 03_Output/18_week_course/course_html/assets/syllabus-studio.png
  • 03_Output/18_week_course/course_html/qa/syllabus-desktop-en-journey.png
  • 03_Output/18_week_course/course_html/qa/syllabus-desktop-en-project.png
  • 03_Output/18_week_course/course_html/qa/syllabus-desktop-zh.png
  • 03_Output/18_week_course/course_html/qa/syllabus-mobile-en.png
  • 03_Output/18_week_course/course_html/qa/syllabus-print-preview.pdf

1.1.17 Round 17：補入正式課程資訊並更新 SONIC 首頁

使用者原始指令

  1. 這門課將於115學期第1學期開設，大學部，英文授課，代號CM108G。新增這些資訊，並Git commit.
  2. 並且，更新”https://537sonic.github.io/SONIC/“的”課程介紹”部份。除了CM108G，其餘課程先呈現無連結、僅有卡片訊息的樣貌。

開課系所 (Department) 學期 (Semester) 課號 (Course) 班別 (Class) 學分 (Credit) 課程名稱 (Course Name) 教師姓名 (Instructor) 管理學院博士班1年級 Doctoral Program, College of Management Grade1 1151 CM724 B 3 個案研究方法 Case Study Methodology in Business Research

開課系所 (Department) 學期 (Semester) 課號 (Course) 班別 (Class) 學分 (Credit) 課程名稱 (Course Name) 教師姓名 (Instructor) 管理學院管理碩士在職專班1年級 Executive Master of Business Administration Program, College of Management Grade1 1151 GM769 A 3 新商業模式研究與實戰 New Business Model Research and Practice

開課系所 (Department) 學期 (Semester) 課號 (Course) 班別 (Class) 學分 (Credit) 課程名稱 (Course Name) 教師姓名 (Instructor) 管理學院博士班3年級 Doctoral Program, College of Management Grade3 1151 CM979 B 3 AI協作研究 AI Collaborative Research

Codex 工作結果

Codex 將 CM108G 正式課程資訊加入課程頁，並更新 SONIC 首頁「課程介紹」區塊。CM108G 設為可點擊課程頁，其餘課程先以無連結卡片呈現。

對應 Git commit：

ad0fa0d Add CM108G 1151 syllabus and course cards

主要公開檔案：

  • class/cm108g-1151/index.html
  • class/cm108g-1151/assets/syllabus-hero.webp
  • class/cm108g-1151/assets/syllabus-ecosystem.webp
  • class/cm108g-1151/assets/syllabus-journey.webp
  • class/cm108g-1151/assets/syllabus-studio.webp
  • index.html

1.1.18 Round 18：要求製作教師講義

使用者原始指令

我要將從一開始到最後發展出整個課程設計雛形的過程，製作成一份給大學教師瞭解如何使用 Codex 協作，並做出多樣性產出的講義。

在這個過程裡面，我想要強調的是「個人的決斷」。以這個個案為例，我首先看到了 Judy 這個人的特質以及她所做事情的獨特性，她本身就是一個研究跨國經營與創業的絕佳案例。接著，我會有意識地根據自己所熟悉的長短型個案形式，以及過去執行過的主題式專業課程設計方法，來進行整體的佈局。

這份講義將透過概念性的方式，先陳述這件事情是如何發生的： 1. 初始想法的產生：如何從一個想法發展成完整的課程與個案組合。 2. AI 協作過程：我們具體是如何協作的、我個人的轉折點在哪裡，以及我犯了哪些錯誤。 3. 技術細節的完整揭露： (a) HTML 設計：如何確保 HTML 格式符合閱讀習慣、需要具備哪些設計或檢查 HTML 的技能。 (b) 圖片生成指令：說明在使用生成圖片時，為什麼會下特定的指令。 (c) GitHub 的應用：考慮到許多老師沒接觸過 GitHub，需要簡短說明如何透過 GitHub 的靜態網頁（Pages）託管功能，將自己的創作分享出去。

這整個流程不只是介紹工作流程，更包含了心法、AI 技術使用，以及結合個人決斷後所形成的一份完整講義。

完整的摘錄並取出我裡面所使用的指令，以及你回溯整個處理過程時會遇到的問題。請說明哪些地方是人類必須介入的，哪些地方由機器可以自己主導決定並修復，這些也需要有註解說明。

Codex 工作結果

Codex 將整個專案歷程轉為給大學教師閱讀的主講義，重點從成果本身轉到「如何與 Codex 協作」。講義核心主張是：AI 協作的關鍵不是工具，而是教師如何做出題目判斷、文類判斷、教學判斷與發布判斷。

對應本機產出包括：

  • 03_Output/Codex_collaboration_handout/codex_case_course_handout_v1.md
  • 03_Output/Codex_collaboration_handout/codex_case_course_handout_v1.html
  • 03_Output/Codex_collaboration_handout/handout.css
  • 03_Output/Codex_collaboration_handout/qa/handout-desktop.png
  • 03_Output/Codex_collaboration_handout/qa/codex_case_course_handout_v1.pdf

1.1.19 Round 19：要求增加 GitHub Pages 與 Codex 附錄

使用者原始指令

關於Github頁面建立，以”https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E5%95%8F%E9%A1%8C%E8%A7%A3%E7%AD%94%E9%9B%86/%E4%BD%BF%E7%94%A8-github-pages-%E6%9E%B6%E8%A8%AD%E7%B6%B2%E7%AB%99%E5%88%9D%E9%AB%94%E9%A9%97-c434956dbb92”為基礎，更新至最新的Github的指引，完整地說明整個架站流程，然後說明那些名詞對於我們管理上的意義是什麼。例如像 Repository 到底是什麼意思？Commit 又是什麼意思？Main 又是什麼意思？然後在指令上所講的「Commit to Main」又是什麼意思等等，這些也需要做個說明。

這一個部分會作為較長的附件。

另外一個附件則是 Codex。

因為很多老師並不瞭解 Codex 跟 ChatGPT 的差別，也不瞭解 Codex 的安裝，所以需要個別說明 Codex 在 Windows 以及 Mac 上的安裝方式。另外也讓老師們瞭解，可以使用 Anthropic Claude 跟 Cursor 做到類似的事情，不過這不是我們的主要重點。主要是讓他們瞭解 Codex 跟 Anthropic Claude 家族之間的哪些產品有對應關係。

此外，也要寫一個較短的說明，解釋如何在跨裝置的 Codex 上實現「換手寫作」的方法。跨裝置協作需要使用同步工具，例如 Google Drive 或 OneDrive；以我自己為例，我使用的是 OneDrive，這一點也需要併入說明。 不然老師是很難理解這麼複雜的體系的，所以最好可以利用像是在電腦裡面的「檔案總管」的概念作為類比，讓老師瞭解這種新增資料、更改資料、版本管理，怎麼對應到在 GitHub 上面的這些動作。

Codex 工作結果

Codex 新增兩份附錄，並更新主講義入口。

對應本機產出包括：

  • 03_Output/Codex_collaboration_handout/appendix_a_github_pages_for_teachers.md
  • 03_Output/Codex_collaboration_handout/appendix_a_github_pages_for_teachers.html
  • 03_Output/Codex_collaboration_handout/appendix_b_codex_for_teachers.md
  • 03_Output/Codex_collaboration_handout/appendix_b_codex_for_teachers.html
  • 03_Output/Codex_collaboration_handout/codex_case_course_handout_v1.md
  • 03_Output/Codex_collaboration_handout/codex_case_course_handout_v1.html

1.1.20 Round 20：要求新增本附錄

使用者原始指令

主講義的內容沒有問題，我需要再增加一個附錄。

這個附錄是在這一個專案裡，Codex 與我的所有完整對話歷程，也就是一個純粹的對話歷程，以及關鍵的 Codex 修改過程的文件檔。

它的目的是為了讓用戶在看到主講義各段的說明時，能夠對照真實的完整對話歷程，知道到底在什麼階段發生了什麼事情。

Codex 工作結果

Codex 新增本附錄 C，將前述指令歷程與關鍵修改過程整理成可對照文件，並更新主講義的附錄入口。

對應本機產出包括：

  • 03_Output/Codex_collaboration_handout/appendix_c_dialogue_and_change_log.md
  • 03_Output/Codex_collaboration_handout/appendix_c_dialogue_and_change_log.html

1.2 二、關鍵 Codex 修改過程總覽

下表用「階段、觸發指令、Codex 修改、可查證檔案」整理整個專案。

階段 觸發指令 Codex 主要修改 可查證檔案或 commit
研究計畫 建立 Become Judy 專案 將題目拆成研究計畫、資料源、輸出形式與查核流程 專案資料夾 Become Judy
影片盤點 要求 Subagent 協作 inventory 整理影片來源與影片清單 video_inventory_integrated.md、video_inventory_integrated.xlsx
證據分級 同意 phase2 步驟 建立 evidence table、timeline、verification queue evidence_table_integrated.xlsx、Judy_public_timeline_v1.md
產業研究 要求補足啦啦隊與 YouTuber 產業背景 整合臺灣、韓國、日本、中國與英文來源脈絡 phase3_integrated_synthesis_zh.md
字幕校對 先做 VID-001、VID-004、VID-006 建立可引用逐字稿與時間戳摘錄 quote_ready_excerpts_v1_zh.md
長個案 outline 完成可引用逐字稿後進入 outline 建立 HBS 長個案第一版架構 case_outline_v1_phase4_zh.md
長個案正文 開始撰寫長個案初稿 產出 HBS 長個案第一版與第二版 case_draft_v1_zh.md、case_draft_v2_zh.md
長個案 HTML 要求 HBS 質感與雜誌排版 產出 HTML、圖表、PDF 預覽與 library case 警語 case_html/index.html、case_judy_v2_print_preview.pdf
長個案發布 commit 到 GitHub 並更新索引 放入 SONIC repo 並 commit 8d3fd97 Add Become Judy teaching case
HBR 短個案 要求 HBR Case Study 形式 虛構化角色、設計兩難與對話場景 hbr_case_study_design_v1_zh.md、hbr_case_study_v1_zh.md
漫畫式 HTML 要求 Image Gen 生成 PNG 產生五張漫畫風格 PNG 與 HTML case_html/assets/panel-*.png
短個案發布 Commit 到 GitHub 放入 SONIC repo 並 commit c3e6287 Add illustrated Become Judy HBR case study
18 週課程 要求 18 週管理學課程 產出長課綱並修正為長個案核心 management_18_week_syllabus_long_case_v1.md
雙語 syllabus HTML 要求學生版 HTML 與中英文切換 產出雙語課程頁、圖像與 QA 截圖 course_html/index.html、course_html/qa/*
課程頁發布 新增 CM108G 1151 資訊並更新首頁 放入 SONIC repo，CM108G 可點擊，其餘課程卡片無連結 ad0fa0d Add CM108G 1151 syllabus and course cards
教師講義 要求製作 Codex 協作講義 產出主講義、HTML、PDF 預覽 codex_case_course_handout_v1.md、codex_case_course_handout_v1.html
GitHub 附錄 要求補充 GitHub Pages 與 Codex 入門 產出附錄 A 與 B appendix_a_*、appendix_b_*
對話附錄 要求補充完整對話與修改紀錄 產出本附錄 C appendix_c_dialogue_and_change_log.md

1.3 三、公開發布紀錄

本專案有三次主要 GitHub Pages 發布。

1.3.1 1. HBS 長個案

Commit：

8d3fd97 Add Become Judy teaching case

主要檔案：

hbr/become-judy/index.html
hbr/become-judy/case_judy_v2_print_preview.pdf
hbr/become-judy/assets/ecosystem_map.svg
hbr/become-judy/assets/favicon.svg
hbr/become-judy/assets/hero_case_scene.svg
hbr/become-judy/assets/organization_evolution.svg
hbr/become-judy/assets/revenue_cost_flow.svg

管理意義：這是從本機研究與寫作，進入公開教學資產的第一個版本。

1.3.2 2. HBR 短個案

Commit：

c3e6287 Add illustrated Become Judy HBR case study

主要檔案：

hbr/become-judy-hbr-case-study/index.html
hbr/become-judy-hbr-case-study/image_generation_prompts_v1.md
hbr/become-judy-hbr-case-study/assets/panel-final-decision.webp
hbr/become-judy-hbr-case-study/assets/panel-hero-rain-office.webp
hbr/become-judy-hbr-case-study/assets/panel-meeting-cashflow.webp
hbr/become-judy-hbr-case-study/assets/panel-team-captain.webp
hbr/become-judy-hbr-case-study/assets/panel-video-call.webp

管理意義：這是從真實長個案轉為虛構化決策場景的版本，強調兩難、對話與視覺化敘事。

1.3.3 3. CM108G 課程頁與 SONIC 首頁

Commit：

ad0fa0d Add CM108G 1151 syllabus and course cards

主要檔案：

class/cm108g-1151/index.html
class/cm108g-1151/assets/syllabus-ecosystem.webp
class/cm108g-1151/assets/syllabus-hero.webp
class/cm108g-1151/assets/syllabus-journey.webp
class/cm108g-1151/assets/syllabus-studio.webp
index.html

管理意義：這是將個案與課程設計轉成正式課程介紹與學生入口頁的版本。

1.4 四、本機成果索引

1.4.1 1. 研究與證據資料

02_Process/01_Source_Registry/video_inventory_agent_youtube.md
02_Process/01_Source_Registry/video_inventory_integrated.md
02_Process/01_Source_Registry/video_inventory_integrated.xlsx
02_Process/03_Processed_Data/timeline/Judy_public_timeline_v1.md
02_Process/03_Processed_Data/video_calibration/quote_ready_excerpts_v1_zh.md
02_Process/04_Evidence_Tables/evidence_table_integrated.xlsx
02_Process/04_Evidence_Tables/verification_queue_phase3.md
02_Process/06_Integration/phase2_findings_synthesis.md
02_Process/07_Phase3_Industry_Research/phase3_integrated_synthesis_zh.md

1.4.2 2. HBS 長個案

03_Output/HBS_long_case_style/case_outline_v1_phase4_zh.md
03_Output/HBS_long_case_style/case_draft_v1_zh.md
03_Output/HBS_long_case_style/case_draft_v2_zh.md
03_Output/HBS_long_case_style/case_html/index.html
03_Output/HBS_long_case_style/case_html/case_judy_v2_print_preview.pdf

1.4.3 3. HBR 短個案

03_Output/HBR_short_case_style/hbr_case_study_design_v1_zh.md
03_Output/HBR_short_case_style/hbr_case_study_v1_zh.md
03_Output/HBR_short_case_style/case_html/index.html
03_Output/HBR_short_case_style/case_html/image_generation_prompts_v1.md
03_Output/HBR_short_case_style/case_html/hbr_case_study_illustrated_print_preview.pdf

1.4.4 4. 18 週課程

03_Output/18_week_course/management_18_week_syllabus_long_case_v1.md
03_Output/18_week_course/management_18_week_syllabus_long_case_v1.docx
03_Output/18_week_course/course_html/index.html
03_Output/18_week_course/course_html/qa/syllabus-print-preview.pdf

1.4.5 5. 教師講義與附錄

03_Output/Codex_collaboration_handout/codex_case_course_handout_v1.md
03_Output/Codex_collaboration_handout/codex_case_course_handout_v1.html
03_Output/Codex_collaboration_handout/appendix_a_github_pages_for_teachers.md
03_Output/Codex_collaboration_handout/appendix_a_github_pages_for_teachers.html
03_Output/Codex_collaboration_handout/appendix_b_codex_for_teachers.md
03_Output/Codex_collaboration_handout/appendix_b_codex_for_teachers.html
03_Output/Codex_collaboration_handout/appendix_c_dialogue_and_change_log.md
03_Output/Codex_collaboration_handout/appendix_c_dialogue_and_change_log.html

1.5 五、對照主講義的閱讀方式

主講義段落 可對照本附錄的部分 讀者應觀察什麼
初始想法如何產生 Round 1 使用者不是先丟資料，而是先提出題目判斷與教學產出組合
AI 協作過程 Round 2 到 Round 5 Codex 如何從研究計畫進入資料盤點、證據表、字幕校對
長個案形成 Round 6 到 Round 10 研究資料如何轉為 HBS 長個案與 HTML
HBR 短個案形成 Round 11 到 Round 13 真實個案如何轉成虛構化兩難與漫畫式 HTML
18 週課程形成 Round 14 到 Round 17 為何長個案比短個案更適合作為整學期核心
技術細節 Round 9、Round 12、Round 16、Round 19 HTML、圖片生成、PDF、GitHub Pages 不是附屬工作，而是教學資產化的一部分
人類必須介入之處 Round 8、Round 15、Round 17 文類語氣、核心教材選擇、正式課程資訊都必須由人決定

1.6 六、這份對話紀錄揭示的協作模式

這個專案的對話歷程顯示，Codex 協作不是單次任務，而是一種連續工作流。

第一，使用者先做出題目判斷。Judy 不是隨機素材，而是被使用者辨識為跨國創業、內容創作者經濟與管理制度建立的教學案例。

第二，使用者逐步提高品質標準。從研究計畫、Subagent、字幕校對、證據分級、產業背景，到長個案與 HTML，每一輪都讓產出更接近可教、可讀、可發布的狀態。

第三，使用者不斷修正文類。當 Codex 寫得像查核報告，使用者要求改成個案敘事；當課程一度以短個案為核心，使用者修正為長個案；當 HTML 可能太長，使用者要求頁籤與折疊卡。

第四，Codex 的價值在於把判斷轉成可驗證產出。它能產生檔案、圖片、HTML、PDF、commit 與公開頁面，但每一次重要方向轉折都來自使用者。

因此，本附錄不是為了證明 AI 可以取代教師，而是為了讓讀者看到：當教師能夠明確表達判斷、標準與修正，Codex 才能成為真正有用的協作者。