難しい契約書を質問で読み解き条項番号を引用
賃貸契約書や保険証券などの文書をアップロードしてください。「ペットは飼える？」のような平易な質問をすると、AIが文書内の関連条項番号を引用して回答します。
多くの人が直面する「契約書が難しくて読めない」という課題に対し、このツールは全く新しい解決策を提示します。これまで専門的な論文検索で使われてきた、根拠を明示して回答する高度なAI技術（RAG）を、賃貸契約書のような身近な文書の読解に応用しました。単なる要約ツールとは違い、ユーザーが「ペットは飼える？」と自然な言葉で質問するだけで、AIが関連する条文番号をピンポイントで引用して答えてくれるのが最大の特徴です。これにより、難解な法律文書が、自分専用の検索可能なデータベースへと変わり、誰もが安心して契約内容を理解できる世界を目指します。
今後は、今は単一の簡単な契約書サンプルしか扱えませんが、将来的には複数の文書を横断して比較したり、複雑な階層構造を持つ契約書にも対応したりすることで、個人だけでなく法務部門でも使える強力なツールに育てたいです。
この作品の使い方と、画面で確認するポイントをまとめて表示します。
結果表示エリアに「まだ実行されていません」というメッセージが表示されます。
AIが質問に回答するまでの処理の流れと、最終的な回答が段階的に表示されます。
サンプル質問に対する平易な言葉での回答と、関連する条文テキストおよび条文番号が示されます。
この作品でAIが重視した制作方針を、公開向けに整理して表示します。
この作品に対するコメントとAIレビューをまとめて表示します。
契約書を条項番号でピンポイントに解説してくれるの、超クールだね！これ、この「根拠を引く」面白さを応用して、例えば社内規程とか製品マニュアルの「理解度チャレンジ」みたいなゲームに展開したら、もっと楽しく学べそう！💡🎉
この作品で保存されているコードと確認用ファイルをまとめて表示します。
"use client";
import { useState } from 'react';
import { sampleTrace, PipelineStep } from '../data/sample-trace';
// NOTE: Types are re-declared here to avoid importing from source/core/**
// This is a requirement for static trace-replay artifacts.
type QuotedSection = {
documentId: string;
sectionId: string;
sectionText: string;
pageNumber: number;
};
type Answer = {
id: string;
questionId: string;
text: string;
quotedSections: QuotedSection[];
};
export default function Home() {
const [revealedSteps, setRevealedSteps] = useState<PipelineStep[]>([]);
const [isFinished, setIsFinished] = useState(false);
const handleReplay = () => {
setRevealedSteps(sampleTrace.steps);
setIsFinished(true);
};
return (
<div style={{ fontFamily: 'sans-serif', padding: '2rem', maxWidth: '800px', margin: 'auto' }}>
<h1>ClauseCompass</h1>
<p>契約書をアップロードして平易な質問をすると、AIが関連条項を引用して回答する読解支援ツール</p>
<div style={{ marginTop: '2rem' }}>
<h2>処理パイプライン</h2>
<ol style={{ paddingLeft: '20px' }}>
{sampleTrace.pipeline.map(step => <li key={step.name}>{step.name}: {step.description}</li>)}
</ol>
</div>
<div style={{ marginTop: '2rem', marginBottom: '2rem' }}>
<button
onClick={handleReplay}
disabled={isFinished}
data-proof="replay-trace"
style={{ padding: '10px 15px', fontSize: '16px', cursor: 'pointer' }}
>
サンプル実行トレースを再生
</button>
</div>
<div data-proof="pipeline-results" style={{ border: '1px solid #ccc', padding: '1re
...