AIG（AI統合型コーディング学習プラットフォーム）
LangGraphベースのAIコーディングエージェントとともにアルゴリズム問題を解くWebベース学習プラットフォームです。 エージェントがコード作成・デバッグ・ヒント提供をリアルタイムで補助し、実行フロー全体をLangfuseスタイルのTraceビューアでセッション単位に追跡できるよう設計しました。 ユーザーごとのハーネスシステムにより、エージェントの動作方針とプロンプトをコードを触らずにカスタマイズできるよう実装しました。
開発期間
2026.04 - 2026.05
チーム構成
6人チーム
担当役割及び貢献
フロントエンド専任 — IDE・Trace・ハーネス・レポート全体の設計・実装（全コミットの65%）
IDEワークベンチ — Monaco Editorマルチタブ・パネルリサイズ・diffビュー実装
LangGraphエージェントTraceビューア（TraceWorkbench）— ゼロから単独設計・実装
エージェントSSEストリーミングチャットパネルおよびworktreeカードUI実装
ハーネスページ — ビルド/アクティブ化フロー・BYOK設定実装
採点結果パネル — QUEUED・RUNNING・COMPLETED状態とキュー待ち順表示
レポートページ — レーダーチャート・マークダウンレンダリング実装
バックエンドAPI統合および応答スペック互換修正16件
技術スタック
Next.js
TypeScript
React
Zustand
TanStack Query
Monaco Editor
Spring Boot
Java
PostgreSQL
Redis
RabbitMQ
LangGraph
Python
FastAPI
Docker
Nginx
Jenkins