事情是這樣的，最近剛好拿出多年前在新海誠展覽上買的紙膠帶，順道重溫了這個七十二候影片，然後一直以來好像只熟悉 24 節氣，不太清楚什麼是 72 候，上面的名字都好陌生🤔 所以就突然有個 ideal，想說來做個可以切換 72 候的網頁吧！😍🙌
之前只使用過 ChatGPT 來生成網頁，這次來試試看其他家生成網頁碼的效果如何！身為免費版用戶，純粹打一樣的 Prompt 文字指令給五家 AI 生成，效果差異好大😳😂🫢 以下給大家看看笑果🤪🫣 然後都放到網頁上可以直接瀏覽原始生成的程式碼：
Claude 原始生成版本
☞ 網址：https://demo.domojyun.net/EX/260909_solar_terms/claude.html
Gemini 原始生成版本
☞ 網址：https://demo.domojyun.net/EX/260909_solar_terms/gemini.html
ChatGPT 原始生成版本
☞ 網址：https://demo.domojyun.net/EX/260909_solar_terms/chatgpt.html
Perplexity 原始生成版本
☞ 網址：https://demo.domojyun.net/EX/260909_solar_terms/perplexity.html
Copilot 原始生成版本
☞ 網址：https://demo.domojyun.net/EX/260909_solar_terms/copilot.html
一開始請這五家「請幫我建立一個充滿氛圍、如同新海誠風格的「24節氣+72候」的網頁。網頁中央有24節氣的轉盤，往外延伸72候。背景有72候的大圖或影片切換，轉盤下面有吳澄《月令七十二候集解》針對72候的描述詩句，字體排版看起來有詩意。」
只有 Gemini 有提供背景圖切換，乍看之下它的視覺感覺有符合，不過轉盤上的文字不好閱讀，只生成 24 節氣，而且圖片也不是完整有 72 張😢 除了 Claude 之外，其他家的轉盤文字都有比較嚴重的問題，雖然覺得 ChatGPT 的轉盤美感也挺理想，只是文字要修改比較多，所以放棄～🥲 最優秀的是，只有 Claude 和 ChatGPT 在我沒提到的指令中，自動加入「今日節氣」的功能！ChatGPT 還有自動跑一輪的功能👏 然後 Perplexity 的美感不知道為什麼這麼ㄎㄧㄤ，中間有個太極⋯🫥我不知道我指令哪裡有提到⋯⋯🤷 Copilot 可能都在混，我就不說了🤐 請自己看🙈
五家看完之後，Claude 果然最理想，以樣式來說，Claude 會最符合，也最容易修改，所以就用它繼續加入新的指令調整功能，一開始請它直接用 Youtube 影片在背景中切換，將影片分成 72 等份，但是無法播放，再改成 mp4 檔案直接切換，素材從 Youtube 抓下來放入 video 標籤就能正常播放，非常完美！不過我後來自己手動紀錄影片秒數加入資料中，然後音樂美中不足，另外切出 mp3 來放背景音樂⋯⋯另外在文字上也做些修改，中文版跟日文版對不太上，因為新海誠的影片是日文版，所以依據這個日文網站所提供的文字加上去的。
總之，最後就成這個版本嘍，大家可以去玩玩看，有音樂又有畫面真是很不錯，順便認識 24 節氣、72 候喔～🥰
☞ 網址：https://demo.domojyun.net/EX/260909_solar_terms/index.html