# 人人都是星艦工程師:與AI打造專屬你的天文探索App 蘇羿豪@2025天文年會 [創用CC 姓名標示 4.0](https://creativecommons.org/licenses/by/4.0/deed.zh_TW) --- ## 請ChatGPT幫忙自我介紹 * [請用採訪對話的方式介紹蘇羿豪](https://chatgpt.com/share/6825e2ae-5024-8003-99ca-f68a9bbb3bf1) * [請用一個人在密室尋找線索拼湊出謎底的方式介紹蘇羿豪](https://chatgpt.com/share/6825eb8f-d05c-8003-ad15-75b368aa5d68) * [請用桌遊主持人解說遊戲卡牌的方式介紹蘇羿豪](https://chatgpt.com/share/6825f52a-ef08-8003-97e8-f2b1b65b182b) --- [![2024k12_compressed](https://hackmd.io/_uploads/rk2TJv7bel.png)](https://astrobackhacker.tw/K12AstroEduForum2024/) --- ![2024k12_intro_compressed](https://hackmd.io/_uploads/SkLOkf4Zxl.png) --- #### 我在那場演講分享我開發的[系外行星故事產生器](https://planetary-story-generator-v1-yihaosu.replit.app/) ![story](https://hackmd.io/_uploads/BJiPd7VZxl.png) --- #### 如何用以下AI輔助的程式撰寫工具, #### 將天文知識重組成有趣的探索旅程? 1. ChatGPT的Canvas功能 2. Claude的Artifacts功能 3. 線上程式編輯平台Replit 4. 程式編輯器Windsurf --- ## 1. [ChatGPT](https://chatgpt.com/)的Canvas功能 ![2](https://hackmd.io/_uploads/rkWJh-jllx.png) --- (1) 描述構想與需求 ![3](https://hackmd.io/_uploads/Bk0x6-ixgl.png) --- (2) 預覽第一個版本 ![4](https://hackmd.io/_uploads/B1HnT-illg.png) --- (3) 提供優化方向並修正程式錯誤 ![7](https://hackmd.io/_uploads/ry91Jzslgg.png) --- (4) 完成後產生[網頁分享連結](https://chatgpt.com/canvas/shared/680736edb35c8191b76332e7fe408563) [![8](https://hackmd.io/_uploads/r1vxJzixle.png)](https://chatgpt.com/canvas/shared/680736edb35c8191b76332e7fe408563) --- ## 2. [Claude](https://claude.ai/)的Artifacts功能 ![p0](https://hackmd.io/_uploads/S1bstGilee.png) --- ![p1](https://hackmd.io/_uploads/r1vReMolll.png) --- (1) 描述構想與需求 ![p2](https://hackmd.io/_uploads/H1vuqzoggg.png) --- (2) 預覽第一個版本 ![p3](https://hackmd.io/_uploads/HyeY9fsxex.png) --- (3) 提供優化方向並修正程式錯誤 (4) 完成後產生[網頁分享連結](https://claude.ai/public/artifacts/dca1c319-54a3-40b0-a5c7-dda904a7e04b) [![p4_resized](https://hackmd.io/_uploads/SJ1cjfslel.png)](https://claude.ai/public/artifacts/dca1c319-54a3-40b0-a5c7-dda904a7e04b) --- ## 3. 線上程式編輯平台[Replit](https://replit.com/) (1) 描述構想與需求 ![p1](https://hackmd.io/_uploads/BJR0KZoxxe.png) --- (2) 預覽第一個版本 ![p3](https://hackmd.io/_uploads/BkMN-7sege.png) --- (3) 提供優化方向並修正程式錯誤 ![p4](https://hackmd.io/_uploads/ryA4-Qoxge.png) --- (4) 完成後佈署服務產生[網頁分享連結](https://astro-escape-room-parallax-v1-yihaosu.replit.app/) [![p5](https://hackmd.io/_uploads/SyKS-Qoxlx.png)](https://astro-escape-room-parallax-v1-yihaosu.replit.app/) --- ## 4. 程式編輯器[Windsurf](https://windsurf.com/) (1) 描述構想與需求 ![p1](https://hackmd.io/_uploads/Sky-YblWlx.png) --- ![p2_compressed](https://hackmd.io/_uploads/HkE5OIJWeg.png) --- (2) 預覽第一個版本 ![p3_resized](https://hackmd.io/_uploads/B19Ct-gZex.png) --- (3) 提供優化方向並修正程式錯誤 ![p4_resized](https://hackmd.io/_uploads/By4gk_yZee.png) --- (4) 完成後佈署服務產生[網頁分享連結](https://gaia-steampunk-lyrics-v1-yihaosu.windsurf.build/) ![p5](https://hackmd.io/_uploads/HkBacuyWlx.png) --- ## [「與AI探索天文」FB粉絲頁](https://www.facebook.com/astroeduai) [![fb_compressed](https://hackmd.io/_uploads/BJYZL7seee.png)](https://www.facebook.com/astroeduai) --- ### 「與AI探索天文」已分享的文章 * [如何藉由ChatGPT虛構天文學家的一天來學習天文知識及故事創作技巧?](https://vocus.cc/article/67fe0fb8fd89780001b0da71) * [如何用ChatGPT製作一個網頁小遊戲來認識找尋系外行星的方法?](https://vocus.cc/article/68082acdfd897800010bfac8) * [如何用Claude製作一個能邊塗鴉邊認識多波段天文觀測的網頁小遊戲?](https://vocus.cc/article/6814a44bfd89780001f555ff) * [如何用Replit製作一個網頁小遊戲來了解測量星體距離的方法並從中學習三角函數?](https://vocus.cc/article/681d5bbafd89780001bfa8c1) * [如何用Windsurf製作一個蒸汽龐克風格的歌詞網站來詠唱蓋亞太空望遠鏡的觀測任務?](https://vocus.cc/article/68232107fd89780001289013) --- 敬請期待更多分享,記得按讚「與AI探索天文」^^ ![fb2](https://hackmd.io/_uploads/ryFevmsxxl.png) --- #### 補充:我製作「系外行星故事產生器」給AI的指示 ![replit](https://hackmd.io/_uploads/ByyVkXNZeg.png)
{"title":"人人都是星艦工程師:與AI打造專屬你的天文探索App","description":"蘇羿豪@2023天文年會創用CC 姓名標示 4.0","contributors":"[{\"id\":\"7bfcaa24-1bf3-4e2c-bc97-a9c0bea330f7\",\"add\":4621,\"del\":947}]"}
    258 views