AI Navigate

あなたのミスを決して忘れないAIコーディング・メンターを構築した

Dev.to / 2026/3/20

📰 ニュースTools & Practical Usage

要点

  • TraceXは、現在のコーディングプラットフォームのメモリーレス設計に対処し、学習者のミスをセッションを跨いで覚えることで、個別化されたパターン認識型のフィードバックを提供します。
  • 各提出のエラーを retain() と recall() という二つの関数呼び出しを用いて保存し、メモリはデータベースや localStorage ではなく、専用の Hindsight レイヤーに格納されます。
  • 学習者の過去のミスを思い出すことで、TraceX は繰り返されるパターン(例:オフ・バイ・ワン誤差)を特定し、それらの具体的な問題に対処するようガイダンスを調整します。
  • 本製品には、3部構成のフィードバック(何が起きたか、より良い方法、修正済みコード)と IDE風のCodeMirrorエディタを備え、快適なコーディング環境で実用的な手順を提供します。
  • Groqの高速 LLM を活用してコードを分析し、ターゲットを絞った実用的なフィードバックを生成します。

すべてのCS学生が知っている瞬間がある。
LeetCodeを開く。バイナリ探索の解法を提出する。失敗する。フィードバックを読む — 「不正解」 — そして修正する。2週間後、同じミスを再びしてしまう。プラットフォームにはその事情はわからない。あなたを完全な他人のように扱う。
私はその状態に疲れた。だからTraceXを作った。

今日のコーディングプラットフォームの問題点
LeetCode、HackerRank、CodeChef — いずれも同じ前提のもとに作られている。セッションは毎回新規スタート。あなたが誰であるか、何に苦労してきたか、どのパターンがつまずきを生むのか、という記憶はない。
これは単なる不便さではない。根本的な設計の欠陥だ。実際の学習は孤立したセッションで起こるのではなく、繰り返し、パターン認識、そして時間をかけた個別のフィードバックを通じて起こる。
人間のメンターは、同じオフバイワンエラーを3回もしてしまったことを忘れることはない。しかし、すべてのAIコーディングツールは忘れてしまう — なぜなら記憶を持っていないからだ。
TraceXが解決するのはこの問題だ。

TraceXとは?
TraceXは、セッションをまたいであなたのミスを覚えるAIコーディングメンターだ。コードを貼り付けると、TraceXはGroqの超高速LLMを使って解析し、Hindsightメモリにそのミスを保存する。次回提出時には、あなたの全履歴を思い出し、実際のパターンに合わせたフィードバックを提供する。
キャッチフレーズはこれが最もよく表している:すべてのミスを追跡。二度と同じミスを繰り返さない。

技術的コア — Hindsight Memory
この製品全体は、2つの関数呼び出しを軸に作られている。
提出後、TraceXは間違いを保存する。
フィードバックを生成する前にTraceXは全履歴を思い出す。
...


These two calls — `retain()` and `recall()` — are what make TraceX fundamentally different from every other coding tool. The memory is not stored in a database. It is not stored in localStorage. It lives in Hindsight, a purpose-built memory layer for AI agents.

The result is real personalization. Instead of generic feedback, TraceX tells you: "You have made this exact off-by-one error in binary search 3 times now. This is becoming a pattern. Focus specifically on your loop termination condition."

---

## The Features That Make It Work

**3-Part Feedback System**

TraceX breaks every analysis into three tabs — What happened, Better approach, and Fixed code. No more walls of text. No more confusion about what to actually do next.

**IDE-Style Code Editor**

We replaced the plain textarea with a CodeMirror editor. Line numbers, syntax highlighting, active line detection. It feels like writing in VS Code inside your browser.

**YouTube Theory Links**

This is my favourite feature. If TraceX detects that you are struggling with a concept — not just the code — it asks: "Feeling unsure about binary search? Here's a great video." One click and you get the best curated YouTube explanation for that exact topic. We mapped every topic to the best NeetCode and Reducible videos.

**Targeted Practice Challenges**

After feedback, TraceX gives you a practice exercise targeting your specific error pattern. Made an off-by-one error? Here is a binary search challenge with that exact bug to fix.

---

## The Stack

Framework → Next.js 16.2
LLM → Groq API (qwen/qwen3-32b)
Memory → Hindsight Cloud SDK
Editor → CodeMirror
Deploy → Vercel

What I Learned Building This
The hardest part was not the code. It was the product philosophy.
Most coding tools are built around pressure — scores, timers, rejection messages. They feel like exams. We made a deliberate decision to build TraceX differently. No timers. No scores. Encouraging language throughout. The feedback says "Opportunity found" not "Error detected." The challenge page says "No rush — think it through."
Because learning should feel good. Not stressful.

Try It Yourself
TraceX is live and open source. The entire codebase is on GitHub and you can run it locally in under 5 minutes.
The memory layer is powered by Hindsight — the most sophisticated memory system built for AI agents. If you are building anything that requires persistent, personalized AI behavior, Hindsight is worth exploring.
Links:

GitHub: https://github.com/Anupam-codes7/TraceX
Hindsight SDK: https://github.com/vectorize-io/hindsight
Hindsight Docs: https://hindsight.vectorize.io/
Agent Memory: https://vectorize.io/features/agent-memory

Every mistake you make as a developer is valuable data. TraceX makes sure none of it goes to waste.