[{"data":1,"prerenderedAt":334},["ShallowReactive",2],{"content-/learning-gate-dev-loop":3,"all-pages-for-dir":332,"og-image-/learning-gate-dev-loop":333},{"id":4,"title":5,"body":6,"category":312,"concepts":313,"description":314,"extension":315,"meta":316,"navigation":317,"ogImage":313,"path":318,"project_name":319,"published":320,"publishedAt":321,"seo":322,"stem":323,"tags":324,"todo":313,"unpublished":320,"updatedAt":313,"__hash__":331},"pages/2026-07/2026-07-06/learning-gate-dev-loop.md","AIに書かせたコードを理解せずにコミットしない仕組み — 学習ゲート付き開発ループ（pre-commit × /learnクイズ × Turso）の実装と全リポジトリ適用",{"type":7,"value":8,"toc":300},"minimark",[9,14,18,22,25,63,70,74,81,88,92,99,109,113,116,124,127,130,134,156,161,166,175,179,189,196,200,207,217,220,252,255,259,269,272,296],[10,11,13],"h1",{"id":12},"学習ゲート付き開発ループを作った-クイズに合格しないとコミットできない","学習ゲート付き開発ループを作った — クイズに合格しないとコミットできない",[15,16,17],"p",{},"AIがコードを書き、自分は中身を追わないままコミットが積み上がっていく。この流れに歯止めをかけるため、「ステージ済みの変更についてクイズに全問合格しないとコミットが通らない」開発ループを1日かけて作った。夜には全リポジトリ共通のゲートに昇格させた。",[19,20,21],"h2",{"id":21},"仕組みの全体像",[15,23,24],{},"構成要素は4つ。",[26,27,28,41,47,53],"ul",{},[29,30,31,35,36,40],"li",{},[32,33,34],"strong",{},"pre-commit フック",": 受領証（",[37,38,39],"code",{},".git/learn-receipt","）が無ければコミットをブロックする",[29,42,43,46],{},[32,44,45],{},"/learn コマンド",": ステージ済み差分について「直感優先の解説 → ブラウザクイズ → 全問合格 → 受領証発行」を実行する",[29,48,49,52],{},[32,50,51],{},"/review コマンド",": Turso の履歴DBから due が到来した概念を間違い優先で抽出し、間隔反復で再出題する（コミットゲートには影響しない）",[29,54,55,58,59,62],{},[32,56,57],{},"learn-quiz MCP サーバー",": ",[37,60,61],{},"present_quiz"," ツールがブラウザにクイズページを開き、回答が送信されるまでツール呼び出しをブロックして待つ。正誤の履歴は Turso に保存する",[15,64,65,66,69],{},"クイズを作るのは ",[37,67,68],{},"/learn"," だけで、pre-commit は受領証を照合するだけ。この役割分担を自分が飲み込むまでに一往復かかった（「コミット段階でテストが作られる」と思い込んでいた）。",[19,71,73],{"id":72},"朝-downloads-に転がっていた計画書のレビューから","朝: Downloads に転がっていた計画書のレビューから",[15,75,76,77,80],{},"前夜に作らせた計画書 ",[37,78,79],{},"learning-gate-spec.html"," が Downloads に置きっぱなしだったので、まず内容をレビューさせた。MCP の elicitation URL モードを使う前提について裏取りさせると、「概ね裏付けられたが、1点だけ検証必須の穴がある」との報告。",[15,82,83,84,87],{},"そのまま ",[37,85,86],{},"memo/2026-07-06/"," に移動して rev.2 に更新させた。ついでに、元ファイルの mermaid CDN が404で図が一度も描画されていなかったことも見つかり、SRIハッシュを付けて修正、ブラウザで SVG 2個が描画されるところまで確認させた。実装は別セッションでやりたかったので、引き継ぎプロンプトを出させて切り替えた。",[19,89,91],{"id":90},"実装-スパイクで前提を潰してから本実装","実装: スパイクで前提を潰してから本実装",[15,93,94,95,98],{},"実装セッションではまず、MCP SDK 1.29.0 が elicitation URL モードに対応していることを確認させ、スパイクサーバーで実機テストに入った。計画書段階で「検証必須の穴」とされていた点は、案の定実機で顕在化した。子プロセスの Claude Code から呼ぶと ",[37,96,97],{},"Client does not support url elicitation"," が返ってくる。クイズはサーバーが直接ブラウザページを開いて回答を待つ方式に落とした。",[15,100,101,102,104,105,108],{},"スパイクと並行して本実装を進めさせた。クイズ画面のテンプレート、サーバー本体、",[37,103,68],{}," と ",[37,106,107],{},"/review"," コマンド、型チェック、ユニットテストまで。ブラウザ側の自動テストでは、クイズの選択肢をクリックしても DOM に反映されない（checked=0 のまま）場面があり、eval で直接選択して送信させる回避も挟んだ。",[19,110,112],{"id":111},"mcpサーバーの単体テストを繰り返す","MCPサーバーの単体テストを繰り返す",[15,114,115],{},"サーバーの疎通は、子プロセスの Claude Code に最小プロンプトを流し込む方式で検証させた。",[26,117,118,121],{},[29,119,120],{},"「present_quiz を exactly once 呼び、結果の JSON をそのまま出力しろ。他のツールは呼ぶな」という1行プロンプト",[29,122,123],{},"その前段として「Reply with exactly: OK-HAIKU」「OK-DEFAULT」だけを返させるモデル別の起動確認",[15,125,126],{},"最初の実行は「MCPサーバーはまだ接続中のため、ツールが利用できません」と言って諦めて終了した。プロンプトに「接続中でも諦めるな、数秒でツールが現れるから呼び続けろ」と一文足したら通った。",[15,128,129],{},"肝心の長時間ブロック検証も通った。ツール呼び出しが60秒ブロックするテストと6.5分（390秒）ブロックするテストの両方で、クライアントに切られず結果の JSON が返ってきた。「ツールの戻りを人間の回答待ちに使う」設計がここで成立した。",[19,131,133],{"id":132},"実運用テスト-前提を伝えずにコミットしてください","実運用テスト: 前提を伝えずに「コミットしてください」",[15,135,136,137,140,141,144,145,148,149,152,153,155],{},"scratchpad に ",[37,138,139],{},"learn-gate-test"," という使い捨てリポジトリを作り、税率計算の ",[37,142,143],{},"calc.js"," を題材にした。何も前提を伝えず「ステージ済みの変更をコミットしてください」とだけ頼むと、pre-commit がブロックし、「",[37,146,147],{},"--no-verify"," や ",[37,150,151],{},"LEARN_SKIP=1"," での回避は禁止されているので、先に ",[37,154,68],{}," を実行する必要があります」と返ってきた。設計どおりの門前払い。",[15,157,158,160],{},[37,159,68],{}," を実行するとブラウザにクイズが出た。4問中3問正解。浮動小数点誤差の影響を問う1問を落とした。「エラーになる」ではなく「税込価格が本来より1円安く計算される、気づきにくいズレが静かに起きる」が正解だった。誤答の解説を読んでから、その概念だけ再出題され、全問正解で受領証が発行され、コミットが通った。自分で作らせたゲートに自分が1問落ちる。ゲートを作った意味はここにあると思う。",[15,162,163,165],{},[37,164,107],{}," も動かした。Turso の履歴から due の概念2件が間違い優先で出てきて、2問中1問正解。正解した概念は次回の出題が先送りされ、間隔反復の間隔が伸びることを確認した。",[15,167,168,169,171,172,174],{},"小ネタ: テストセッションで ",[37,170,68],{}," と打ったら、Git Bash のパス展開で「C:/Program Files/Git/learn」という実在しないパスに化けて届いた。それでもテストセッション側は意図を推測して ",[37,173,68],{}," を実行してくれた。",[19,176,178],{"id":177},"履歴の保存先確認と解説文を使い捨てない改修","履歴の保存先確認と、解説文を使い捨てない改修",[15,180,181,182,184,185,188],{},"mdx-playground 本体でも「コミットしてみてください」→ ブロック → ",[37,183,68],{}," → 3コミット完了、の流れを通した。その後 Turso のテーブルを眺めながら「今回の履歴はどこに載っているか」を確認させると、",[37,186,187],{},"attempts"," テーブルに正誤は残るが、クイズ前に生成される解説文はブラウザに表示するだけの使い捨てだと分かった。",[15,190,191,192,195],{},"せっかくの解説コンテンツなので、再生成より保存の方が安いと判断し、解説マークダウンを mdx-playground のレッスンコンテンツとして自動保存する改修を入れさせた。ローカル dev 限定の ",[37,193,194],{},"/lessons"," ページで一覧でき、ブログ一覧と本番ビルドからは除外する。保存フォーマットは「解説＋図＋扱った論点リスト」の汎用トーンに直させ、設問・選択肢・個人の正誤は本文から消した。dev 環境の描画確認まで済ませ、派生した問題集アプリの計画書は Codex にレビューさせて指摘4件を反映した。",[19,197,199],{"id":198},"午後-別リポジトリで-learn-が発動しない","午後: 別リポジトリで learn が発動しない",[15,201,202,203,206],{},"午後、別リポジトリでコミットしたとき学習ゲートが発動しなかった。理由を調べさせたら単純で、",[32,204,205],{},"pre-commit は git のリポジトリ単位の仕組み","であり、フックを入れたのは mdx-playground だけだった。",[15,208,209,210,212,213,216],{},"ここで引っかかったのが、",[37,211,68],{}," は ",[37,214,215],{},"~/.claude/commands/"," にあるユーザーレベルコマンドなのに、なぜ門だけプロジェクト単位なのかという点。答えは両者が別システムに住んでいる非対称性だった。Claude Code のコマンドには最初からユーザーレベルの置き場所があるのに対し、git にはユーザーレベルのフック機構がデフォルトでは存在しない。",[15,218,219],{},"そこで昇格させた。",[221,222,227],"pre",{"className":223,"code":224,"language":225,"meta":226,"style":226},"language-bash shiki shiki-themes vitesse-light vitesse-light","git config --global core.hooksPath ~/.claude/githooks\n","bash","",[37,228,229],{"__ignoreMap":226},[230,231,234,238,242,246,249],"span",{"class":232,"line":233},"line",1,[230,235,237],{"class":236},"senZ8","git",[230,239,241],{"class":240},"sdGka"," config",[230,243,245],{"class":244},"snbK4"," --global",[230,247,248],{"class":240}," core.hooksPath",[230,250,251],{"class":240}," ~/.claude/githooks\n",[15,253,254],{},"これで全リポジトリ共通のゲートになる。スクラッチリポジトリでブロックが機能することも検証させた。なお、リポジトリローカルに core.hooksPath を持つリポジトリ（mdx-playground や husky 系）ではそちらが優先される。",[19,256,258],{"id":257},"仕上げ-claude-のコミットと-learn_skip","仕上げ: ~/.claude のコミットと LEARN_SKIP",[15,260,261,262,265,266,268],{},"最後に ",[37,263,264],{},"~/.claude"," のフックと CLAUDE.md 追記を、テーマごとに2コミットに分けてコミットさせた。このコミット自体は ",[37,267,151],{}," で通っていたので理由を問い詰めたところ、「設定同期のような学習価値のない機械的コミットは、理由をログに残してスキップしてよい」という自分で決めた運用ルールに沿った判断だった。逃げ道の使われ方まで含めて設計どおりに動いていたので、そのまま了承した。",[19,270,271],{"id":271},"学び",[26,273,274,277,283,286,293],{},[29,275,276],{},"MCP のツール呼び出しは6分半ブロックしても切られない。ツールの戻り値を「人間がブラウザで回答するまでの待ち」に使う設計が成り立つ",[29,278,279,280,282],{},"Claude Code クライアントは elicitation URL モードに未対応だった（",[37,281,97],{},"）。計画書の「検証必須の穴」がそのまま実機で出たので、スパイクを先に回した判断が効いた",[29,284,285],{},"子プロセスの Claude Code は MCP サーバーの接続完了前に諦めることがある。テスト用プロンプトには「接続中でも待って呼び続けろ」を明示する",[29,287,288,289,292],{},"git のフックはリポジトリ単位が前提。",[37,290,291],{},"core.hooksPath"," のグローバル設定でユーザーレベルに昇格できるが、ローカル設定を持つリポジトリではそちらが勝つ",[29,294,295],{},"ゲートには正規の逃げ道（LEARN_SKIP＋理由ログ）を最初から用意しておくと、機械的コミットで運用が破綻しない",[297,298,299],"style",{},"html pre.shiki code .senZ8, html code.shiki .senZ8{--shiki-default:#59873A;--shiki-dark:#59873A}html pre.shiki code .sdGka, html code.shiki .sdGka{--shiki-default:#B56959;--shiki-dark:#B56959}html pre.shiki code .snbK4, html code.shiki .snbK4{--shiki-default:#A65E2B;--shiki-dark:#A65E2B}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":226,"searchDepth":301,"depth":301,"links":302},2,[303,304,305,306,307,308,309,310,311],{"id":21,"depth":301,"text":21},{"id":72,"depth":301,"text":73},{"id":90,"depth":301,"text":91},{"id":111,"depth":301,"text":112},{"id":132,"depth":301,"text":133},{"id":177,"depth":301,"text":178},{"id":198,"depth":301,"text":199},{"id":257,"depth":301,"text":258},{"id":271,"depth":301,"text":271},"dev",null,"コミット前にブラウザクイズへの全問合格を要求する学習ゲートを実装した記録。MCPサーバーの長時間ブロック検証、前提を伝えない実運用テスト、git config --global core.hooksPath による全リポジトリ適用まで。","md",{},true,"/learning-gate-dev-loop","claude-code-tools",false,"2026-07-06T00:00:00.000Z",{"title":5,"description":314},"2026-07/2026-07-06/learning-gate-dev-loop",[325,326,327,328,329,330],"Claude Code","MCP","pre-commit","学習ゲート","Turso","間隔反復","lrt5gzmp9b5GqOgUdLxQxqIYHPdTE0nqO78cmyMFylU",[],"https://log.eurekapu.com/og/blog/learning-gate-dev-loop.png?v=2026-07-06T00%3A00%3A00.000Z&title=AI%E3%81%AB%E6%9B%B8%E3%81%8B%E3%81%9B%E3%81%9F%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E7%90%86%E8%A7%A3%E3%81%9B%E3%81%9A%E3%81%AB%E3%82%B3%E3%83%9F%E3%83%83%E3%83%88%E3%81%97%E3%81%AA%E3%81%84%E4%BB%95%E7%B5%84%E3%81%BF%20%E2%80%94%20%E5%AD%A6%E7%BF%92%E3%82%B2%E3%83%BC%E3%83%88%E4%BB%98%E3%81%8D%E9%96%8B%E7%99%BA%E3%83%AB%E3%83%BC%E3%83%97%EF%BC%88pre-commit%20%C3%97%20%2Flearn%E3%82%AF%E3%82%A4%E3%82%BA%20%C3%97%20Turso%EF%BC%89%E3%81%AE%E5%AE%9F%E8%A3%85%E3%81%A8%E5%85%A8%E3%83%AA%E3%83%9D%E3%82%B8%E3%83%88%E3%83%AA%E9%81%A9%E7%94%A8&author=Kei%20Komatsu&sig=716c097a957f5b5b",1783483677147]