AIメモリー機能徹底比較：ChatGPT, Claude, Geminiの長所と深刻な欠陥

import React, { useState } from 'react';

const App = () => {
  const [activeTab, setActiveTab] = useState('ChatGPT');

  const models = {
    'ChatGPT': {
      title: 'OpenAI ChatGPT',
      data: {
        '基本仕様': [
          { text: '過去の対話から有用な詳細を記憶し、将来の対話に活かす「長期記憶」機能。', source: '[40]' },
          { text: 'ユーザーが手動で保存しなくても、過去に議論した詳細情報を参照可能。', source: '[40]' }
        ],
        '仕組み・アプローチ': [
          { text: '情報の検出: AIが記憶する価値があると判断した情報を自動的に特定。', source: '[36]' },
          { text: '情報の保存とベクトル化: 特定された情報をベクトル埋め込み技術で数値的な「指紋」に変換して保存。', source: '[35]' },
          { text: '検索拡張生成 (RAG): 新しいプロンプトに対し、関連性の高い記憶を検索し、コンテキストに加えて回答を生成。', source: '[36]' }
        ],
        '利点 (良い部分)': [
          { text: 'パーソナライズされた体験: ユーザーの好みや過去の指示を記憶し、個々人に最適化された応答を提供。', source: '[56]' },
          { text: '作業効率の向上: 繰り返し発生する指示（例：特定のフォーマット）を記憶し、プロンプト入力の手間を削減。', source: '[54]' },
          { text: '文脈の継続性: 長期プロジェクトや複雑な話題で文脈を維持し、一貫した対話が可能。', source: '[53]' }
        ],
        '欠点・課題 (悪い部分)': [
          { text: 'バグ: 事実と異なる「偽の記憶」が永続的に出現し、削除しても再発する。新規記憶が保存されない問題も報告されている。', source: '[74]' },
          { text: '不正確な記憶: 本質的に同じ内容が、単位（kgとポンド）を変えながら複数保存されるなど、情報の正確な管理に課題。', source: '[63]' },
          { text: 'メモリー汚染: 過去の無関係な文脈が現在の応答に影響を与え、信頼性を損なうことがある。', source: '[64]' },
          { text: '容量管理の手間: 記憶容量の上限（約1,200〜1,400単語）が低く、手動での管理が煩わしいとの指摘。', source: '[42]' },
          { text: '応答速度の遅延: メモリーが作成される際に応答の生成が遅れることがある。', source: '[50]' },
          { text: 'ハルシネーション: 長期的な対話でエラーが蓄積し、誤った推論を生成するリスク。', source: '[62]' }
        ],
        'コンテキストウィンドウ (短期記憶)': [
          { label: 'ChatGPT (製品版)', value: '32,000 トークン', source: '[20]' },
          { label: 'GPT-4.1 (API)', value: '最大 1,000,000 トークン', source: '[17]' }
        ],
        'ユーザーによる制御': [
          { text: '記憶内容の閲覧、個別・一括削除が可能。', source: '[0]' },
          { text: '記憶を使用しない「一時的なチャット (Temporary Chat)」機能も利用可能。', source: '[1]' }
        ]
      },
      sources: {
        '[0]': 'https://help.openai.com/en/articles/8590148-memory-faq',
        '[1]': 'https://community.openai.com/t/chatgpt-memory-and-chat-history-usage-practicalities/1229848',
        '[17]': 'https://openai.com/index/gpt-4-1/',
        '[20]': 'https://community.openai.com/t/gpt-4-1-supports-1m-token-context-chatgpt-still-capped-at-32k/1269979',
        '[35]': 'https://www.reddit.com/r/OpenAI/comments/1jy3e6z/eli5_how_does_chatgpts_memory_actually_work/',
        '[36]': 'https://medium.com/@jay-chung/how-does-chatgpts-memory-feature-work-57ae9733a3f0',
        '[40]': 'https://www.theverge.com/news/646968/openai-chatgpt-long-term-memory-upgrade',
        '[42]': 'https://www.descript.com/blog/article/chatgpt-has-memory-now',
        '[50]': 'https://www.reddit.com/r/ChatGPT/comments/1flm2jj/does_anyone_still_use_the_memory_feature/',
        '[53]': 'https://community.openai.com/t/persistent-memory-context-issues-with-chatgpt-4-despite-extensive-prompting/1049995',
        '[54]': 'https://www.youtube.com/watch?v=QoHpnKuqoNA',
        '[56]': 'https://www.getapp.com/all-software/a/chatgpt/reviews/',
        '[62]': 'https://www.nytimes.com/2025/05/05/technology/ai-hallucinations-chatgpt-google.html',
        '[63]': 'https://community.openai.com/t/chatgpt-memory-broken-at-the-moment/1108272',
        '[64]': 'https://www.reddit.com/r/ChatGPTPro/comments/1lt5tlq/is_chatgpt_getting_more_confidently_wrong_or_am_i/',
        '[74]': 'https://community.openai.com/t/fake-memories-keep-appearing/1113812'
      }
    },
    'Claude': {
      title: 'Anthropic Claude',
      data: {
        '基本仕様': [
          { text: 'セッション間で対話内容を自動的に記憶する長期記憶機能は搭載されていない。', source: '[111]' },
          { text: '「Projects」機能が実質的なメモリー管理の役割を果たし、ユーザーがプロジェクト単位でコンテキストを管理。', source: '[108]' }
        ],
        '仕組み・アプローチ': [
          { text: '巨大なコンテキストウィンドウ（短期記憶）に提供されたテキスト情報を丸ごと取り込んで処理。', source: '[28]' },
          { text: 'ユーザーが「Projects」機能で特定のタスクに関連するファイルや情報を能動的に追加・削除。', source: '[108]' }
        ],
        '利点 (良い部分)': [
          { text: 'プライバシー保護: セッションごとに記憶がリセットされるため、プライバシーに関する懸念が少ない。', source: '[95]' },
          { text: '意図的な情報管理: 「Projects」機能により、タスクに必要な情報だけを選択的にAIに与えることができる。', source: '[108]' },
          { text: '高い忠実性: 提供された資料内の情報に極めて忠実な回答を生成する点で強みを持つ。', source: '[28]' },
          { text: '優れたコーディング性能: ベンチマークテスト（SWE-bench）でChatGPTを上回るスコアを記録。', source: '[110]' }
        ],
        '欠点・課題 (悪い部分)': [
          { text: '自動長期記憶の欠如: 過去の対話内容を再度利用したい場合、ユーザーが都度情報を提供する必要がある。', source: '[111]' },
          { text: 'メモリの減衰: 長時間の対話や大量の情報を扱う際に記憶が「薄れていく」とのユーザー指摘あり。', source: '[131]' },
          { text: 'ハルシネーションの潜在リスク: 長いコンテキストを扱う際に、情報の圧縮エラーや文脈の喪失によるハルシネーションの可能性は否定できない。', source: '[123]' }
        ],
        'コンテキストウィンドウ (短期記憶)': [
          { label: 'Claude 3.5 Sonnet', value: '200,000 トークン', source: '[91]' }
        ],
        'ユーザーによる制御': [
          { text: '「Projects」機能を通じて、ユーザーが能動的にコンテキスト（記憶させる情報）を完全にコントロール。', source: '[108]' }
        ]
      },
      sources: {
        '[28]': 'https://www.reddit.com/r/OpenAI/comments/1is2bw8/chatgpt_vs_claude_why_context_window_size_matters/',
        '[91]': 'https://felloai.com/2024/08/claude-ai-everything-you-need-to-know/',
        '[95]': 'https://www.ondox.ai/anthropic-claude-3-5-vs-openai-chatgpt-which-ai-performs-better/',
        '[108]': 'https://www.reddit.com/r/ClaudeAI/comments/1jiwm6u/is_the_claude_projects_feature_better_than/',
        '[110]': 'https://overchat.ai/ai-hub/claude-vs-chatgpt',
        '[111]': 'https://creatoreconomy.so/p/chatgpt-vs-claude-vs-gemini-the-best-ai-model-for-each-use-case-2025',
        '[123]': 'https://medium.com/@socialscholarly/why-im-not-worried-about-llms-long-context-problem-eed21db44687',
        '[131]': 'https://www.reddit.com/r/ClaudeAI/comments/1m1yljw/did_you_know_that_claudes_memory_fades_this_is/'
      }
    },
    'Gemini': {
      title: 'Google Gemini',
      data: {
        '基本仕様': [
          { text: 'ユーザーが明示的に伝えた情報を「Saved Info」として記憶し、将来の対話に活用。', source: '[150]' },
          { text: '無料アカウントのユーザーでも利用可能。', source: '[150]' }
        ],
        '仕組み・アプローチ': [
          { text: 'ユーザーが自身の生活、仕事、好みに関する詳細を教えることで、その内容が「記憶のバンク」に保存される。', source: '[150]' },
          { text: '以降の質問に対し、保存された情報を考慮して応答を生成する。', source: '[137]' }
        ],
        '利点 (良い部分)': [
          { text: 'パーソナライズされた体験: ユーザーに関する情報を記憶し、より個人的で関連性の高い回答や提案が可能。', source: '[137]' },
          { text: 'Googleエコシステムとの連携: Googleの各種アプリやクラウドストレージと深く統合されている点が強み。', source: '[138]' },
          { text: '大規模な情報処理能力: 巨大なコンテキストウィンドウにより、大量の文書やデータを一度に扱うタスクに優れる。', source: '[166]' }
        ],
        '欠点・課題 (悪い部分)': [
          { text: '利用プランによる制限: ビジネス向けプランではコンテキストウィンドウが32,000トークンに大幅に制限されるとの報告あり。', source: '[168]' },
          { text: 'コンテキストウィンドウの有効性への疑問: 100万トークンというサイズでも、複雑なタスク処理には十分ではない可能性を指摘する声がある。', source: '[170]' },
          { text: 'コスト: 高度な機能の利用には月額のサブスクリプション料金が必要。', source: '[139]' }
        ],
        'コンテキストウィンドウ (短期記憶)': [
          { label: 'Gemini 1.5 Pro (API経由)', value: '最大 2,000,000 トークン', source: '[165]' },
          { label: 'Gemini 1.5 Pro (AI Studio)', value: '1,000,000 トークン', source: '[165]' },
          { label: 'Gemini 2.5 Pro for Business', value: '32,000 トークン (ユーザー報告)', source: '[168]' }
        ],
        'ユーザーによる制御': [
          { text: 'ユーザーが「Saved Info」として記憶させる情報を能動的に提供・管理。プライバシー制御機能も存在。', source: '[155]' }
        ]
      },
      sources: {
        '[137]': 'https://www.pcmag.com/news/googles-gemini-ai-can-now-remember-things-you-tell-it',
        '[138]': 'https://www.pcmag.com/reviews/google-gemini',
        '[139]': 'https://digitaldefynd.com/IQ/pros-cons-of-gemini-ai-by-google/',
        '[150]': 'https://www.howtogeek.com/google-geminis-memory-feature-now-works-on-free-accounts/',
        '[155]': 'https://www.youtube.com/watch?v=NY13PXxGlus',
        '[165]': 'https://www.reddit.com/r/ClaudeAI/comments/1jlu8ii/is_gemini_25_with_a_1m_token_limit_just_insane/',
        '[166]': 'https://www.reddit.com/r/Bard/comments/1fl6y9r/gemini_effective_context_length_is_amazing/',
        '[168]': 'https://www.reddit.com/r/GoogleGeminiAI/comments/1jrynhk/warning_gemini_25_pro_for_business_has_a_tiny/',
        '[170]': 'https://www.reddit.com/r/GoogleGeminiAI/comments/1jyb8eb/how_much_of_the_1m_context_of_gemini_25_pro_is/'
      }
    },
    'Grok': {
      title: 'xAI Grok',
      data: {
        '情報': [
          { text: '提供された調査結果には、xAI Grokのメモリー機能に関する具体的な仕様、仕組み、利点、欠点についての情報は見つかりませんでした。今後の情報公開が待たれます。', source: null }
        ]
      },
      sources: {}
    }
  };

  const currentModel = models[activeTab];

  const renderSection = (title, items) => (
    <div className="bg-gray-800 p-4 rounded-lg mb-4">
      <h3 className="text-xl font-semibold text-green-400 mb-2">{title}</h3>
      <ul className="list-disc list-inside space-y-2 text-gray-300">
        {items.map((item, index) => (
          <li key={index}>
            {item.text}
            {item.source && (
              <a href={currentModel.sources[item.source]} target="_blank" rel="noopener noreferrer" className="text-blue-400 underline hover:text-blue-300 ml-1">
                {item.source}
              </a>
            )}
          </li>
        ))}
      </ul>
    </div>
  );
  
  const renderTableSection = (title, items) => (
      <div className="bg-gray-800 p-4 rounded-lg mb-4">
          <h3 className="text-xl font-semibold text-green-400 mb-2">{title}</h3>
          <div className="overflow-x-auto">
              <table className="w-full text-left text-gray-300">
                  <thead>
                      <tr className="bg-gray-700">
                          <th className="p-2">項目</th>
                          <th className="p-2">詳細</th>
                          <th className="p-2">出典</th>
                      </tr>
                  </thead>
                  <tbody>
                      {items.map((item, index) => (
                          <tr key={index} className="border-b border-gray-700">
  <td className="p-2 font-medium">{item.label}</td>
  <td className="p-2">{item.value}</td>
  <td className="p-2">
  <a href={currentModel.sources[item.source]} target="_blank" rel="noopener noreferrer" className="text-blue-400 underline hover:text-blue-300">
  {item.source}
  </a>
  </td>
                          </tr>
                      ))}
                  </tbody>
              </table>
          </div>
      </div>
  );

  return (
    <div className="bg-gray-900 text-white min-h-screen p-6 font-sans">
      <div className="max-w-4xl mx-auto">
        <h1 className="text-3xl font-bold text-center mb-2">主要AIモデルのメモリー機能比較</h1>
        <p className="text-center text-gray-400 mb-6">出典：ユーザーレビューおよび公式ドキュメントに基づく調査結果</p>
        
        <div className="flex justify-center mb-6 border-b border-gray-700">
          {Object.keys(models).map(modelName => (
            <button
              key={modelName}
              className={`py-2 px-4 text-lg font-medium transition-colors duration-300 ${activeTab === modelName ? 'text-green-400 border-b-2 border-green-400' : 'text-gray-400 hover:text-white'}`}
              onClick={() => setActiveTab(modelName)}
            >
              {modelName}
            </button>
          ))}
        </div>

        <div>
          <h2 className="text-2xl font-bold text-green-500 mb-4">{currentModel.title}</h2>
          {currentModel.data['基本仕様'] && renderSection('基本仕様', currentModel.data['基本仕様'])}
          {currentModel.data['仕組み・アプローチ'] && renderSection('仕組み・アプローチ', currentModel.data['仕組み・アプローチ'])}
          {currentModel.data['利点 (良い部分)'] && renderSection('利点 (良い部分)', currentModel.data['利点 (良い部分)'])}
          {currentModel.data['欠点・課題 (悪い部分)'] && renderSection('欠点・課題 (悪い部分)', currentModel.data['欠点・課題 (悪い部分)'])}
          {currentModel.data['コンテキストウィンドウ (短期記憶)'] && renderTableSection('コンテキストウィンドウ (短期記憶)', currentModel.data['コンテキストウィンドウ (短期記憶)'])}
          {currentModel.data['ユーザーによる制御'] && renderSection('ユーザーによる制御', currentModel.data['ユーザーによる制御'])}
          {currentModel.data['情報'] && renderSection('', currentModel.data['情報'])}
        </div>
      </div>
    </div>
  );
};

export default App;