Show HN：ブラウザ内でPython/Pandas/Gitを練習できるアニメーションGitシミュレーター
オンライン学習プラットフォームと企業研修向けに、ブラウザ内で完結するPython/Pandas/Git練習環境を開発。Svelte、Pyodide、isomorphic-git、LightningFS、CodeMirrorを使用し、アニメーションGitシミュレーターがコミットツリーの変化やファイルの移動を表示。Claude Haikuを利用したAIチューターも搭載。
著者はオンライン学習プラットフォームと企業研修用に、ブラウザ内で完全動作するPython/Pandas/Gitの練習環境を作成しました。この環境はSvelte、Pyodide、isomorphic-git、LightningFS、CodeMirrorをベースにしており、サーバーサイドのコンポーネントを必要とせず、完全なプログラミングとバージョン管理体験を提供します。
最も注目すべき機能はアニメーションGitシミュレーターです。ユーザーがGitコマンドを実行すると、コミットツリーが動的に更新され、ファイルがワーキングツリー、ステージングエリア、HEADの間をどのように移動するかがアニメーションで表示されます。この視覚的な設計により、Gitの学習曲線が大幅に緩和されます。
さらに、Claude Haikuを利用したAIチューターも統合されています。著者は自身のニュースレター、コース教材、演習問題を入力として与え、「教師はヒントとフィードバックを与えるべきだが、答えを明かしてはいけない」という教育理念を記述しました。AIチューターはこれに従い、生徒が自主的に問題を解決するよう導きます。
また、著者はこのプロジェクトの開発にClaude Codeを多用したことを明かしており、AIがうまく機能した点と、人間が判断を下す必要があった点についての経験を共有しています。