Show HN:瀏覽器內 Python/Pandas/Git 練習環境及動畫 Git 模擬器
作者為線上學習平臺和企業培訓建立了瀏覽器內 Python/Pandas/Git 練習環境,利用 Svelte、Pyodide、isomorphic-git 等技術,並內建了動畫 Git 模擬器,可直觀展示檔案在工作區、暫存區和 HEAD 之間的移動。此外還整合了基於 Claude Haiku 的 AI 導師。
作者為線上學習平臺和企業培訓課程開發了一個完全在瀏覽器中執行的 Python/Pandas/Git 練習環境。該環境基於 Svelte、Pyodide、isomorphic-git、LightningFS 和 CodeMirror 構建,無需任何伺服器端元件即可提供完整的程式設計和版本控制體驗。
其中最引人注目的是動畫 Git 模擬器。當使用者執行 Git 命令時,它會即時更新提交樹,並以動畫方式展示檔案如何在工作目錄、暫存區和 HEAD 之間移動。這種直觀的視覺化設計大大降低了 Git 的學習曲線。
環境還整合了一個基於 Claude Haiku 的 AI 導師。作者將他的新聞通訊、課程和練習材料作為輸入,並描述了他的教學理念:教師應提供提示和反饋,但不應直接透露答案。AI 導師據此引導學生獨立解決問題。
此外,作者透露該專案大量使用了 Claude Code 進行構建,並樂於分享其中的經驗——哪些部分 AI 表現良好,哪些地方需要人工介入決策。