近期，"vibe coding"這個概念在科技和教育圈掀起了一陣熱潮。我是一位完全不懂程式的國小老師，卻在半年多前開始了一段與AI共同創造教學工具的奇妙旅程，這正是所謂的vibe coding實踐。
什麼是Vibe Coding？
Vibe Coding是一種新興的程式開發方式，它讓不具備傳統程式設計知識的人也能夠透過與AI助手的自然對話來創建實用程式。這種方法不需要理解複雜的程式語法或邏輯，而是依靠清晰表達你的需求和想法，讓AI協助將這些想法轉化為可運行的程式碼。使用者只需描述他們希望程式實現的功能和使用場景，AI便能提供相應的程式解決方案。這種方式特別適合教師、藝術家等非技術專業人士，讓他們能夠跨越技術障礙，實現創意理念，並為各自領域帶來數位創新。
我的Vibe Coding教學之旅
身為一個完全看不懂程式碼的國小老師，AI的出現對我來說簡直是打開了新世界的大門。半年多前，我開始嘗試透過與AI對話的方式，設計出適合教室使用的各種教學工具。
這個過程中，我發現即使不理解程式的運作原理，只要能清楚表達我的教學需求和想像中的工具功能，AI就能幫我實現。從簡單的互動練習到複雜的學習評量系統，這些過去看似遙不可及的數位工具，現在都成為了我教學的得力助手。
如果你也是一位想要嘗試vibe coding的教育工作者，歡迎參考我的線上分享影片，一起探索不懂程式碼也能打造教室好用工具的可能性！
結語
AI時代的到來，為教育領域帶來了前所未有的機會。透過vibe coding，每位教師都能成為教學工具的創造者，打造專屬於自己教室的數位資源。期待有更多教育工作者能加入這場創新的浪潮，一起為學生創造更豐富多元的學習體驗。
如何聊出程式的重點整理:
建議步驟：
•
先想清楚要做什麼：在開始之前，務必先確定你想要開發的程式是什麼。這就像我當初想做一個老師上課可以抽籤的網頁一樣。
•
鉅細靡遺地描述需求：盡可能詳細地告訴AI你的程式需要具備的所有功能。例如，不只是說要抽籤，還要說明要抽出學生姓名、記錄結果，甚至對介面有什麼期望都要說清楚。描述得越清楚，AI越能理解你的想法。
•
化繁為簡，逐步溝通 (若程式複雜)：如果你的程式功能比較多，可以把它拆解成幾個小的、可以逐步完成的部分，然後一個一個跟AI溝通。我做抽籤程式也是這樣，先有基本功能，再慢慢加指定學生、避免重複的功能。
•
用「聊天」的方式與AI互動：就像跟朋友聊天一樣，用文字自然地表達你的需求和想法。我不會寫程式，但這樣跟AI「聊」，它就能幫我產生程式碼。
•
不斷測試並提供明確的修改意見：AI給了程式碼後，一定要仔細測試，看看是不是符合你的要求。發現任何問題或不滿意的地方，都要清楚地告訴AI，並說明你希望怎麼修改。寫程式就是不斷修改。
•
明確告知程式類型：清楚地告訴AI你想要什麼類型的程式。例如，想要網頁上用的簡單工具就說要HTML程式。
•
提出介面美觀的要求：如果你希望程式介面漂亮，在描述需求時就要明確提出。或者可以先完成功能再美化，但我建議可以先美化再做功能，避免重複修改。
•
學習儲存和使用程式碼：了解如何複製AI產生的程式碼，並按照指示儲存為正確的檔案類型，例如HTML存成.html檔。我也開發了一個小工具方便下載HTML程式碼。
•
善用進階技巧 (可選)：
◦
嘗試不同AI模型：付費版AI可以試用不同模型 (如O3, O3Mini High) 應對不同複雜度的需求。Cloud AI可能在美化介面方面更強。
◦
回到先前版本重新生成：遇到難以修正的Bug，可以回到Bug出現前的版本，請AI重新產生程式碼。
◦
先請AI描述現有程式碼：如果不知道怎麼清楚描述修改需求，可以先請AI說明目前程式的功能和畫面，再針對其描述提出修改意見。
總之，跟AI「聊」出程式是一個需要耐心、清晰溝通、以及不斷測試與修改的過程。即使沒有程式基礎，也能透過這樣的方式做出有用的工具.
沒有留言:
張貼留言