Gemini Deep Researchプラン別回数制限を徹底比較【2025年版】

import React from 'react';

const App = () => {
  const data = [
    {
      plan: 'Gemini (無料プラン)',
      price: '無料',
      limit: '月に数回（制限付きアクセス）',
      reportSize: '-',
      model: 'Gemini 2.0 Flash',
      contextWindow: '32,000 トークン',
      sources: {
        limit: ['https://blog.google/products/gemini/new-gemini-app-features-march-2025/', 'https://www.searchenginejournal.com/google-opens-gemini-deep-research-to-free-users-with-limits/542022/'],
        model: ['https://9to5google.com/2025/05/21/gemini-app-limits-may-2025/'],
        contextWindow: ['https://9to5google.com/2025/05/21/gemini-app-limits-may-2025/']
      }
    },
    {
      plan: 'Gemini Advanced',
      price: '$19.99 / 月',
      limit: '1日あたり約20本（拡張アクセス）',
      reportSize: '最大12ページ',
      model: 'Gemini 2.5 Pro & 2.0 Flash',
      contextWindow: '100万 トークン',
      sources: {
        price: ['https://medium.com/@babarranjha/gemini-2-5-pro-vs-gemini-deep-research-apis-pricing-performance-compared-fc8809c7d016'],
        limit: ['https://medium.com/@babarranjha/gemini-2-5-pro-vs-gemini-deep-research-apis-pricing-performance-compared-fc8809c7d016', 'https://blog.google/products/gemini/new-gemini-app-features-march-2025/'],
        reportSize: ['https://medium.com/@babarranjha/gemini-2-5-pro-vs-gemini-deep-research-apis-pricing-performance-compared-fc8809c7d016'],
        model: ['https://9to5google.com/2025/05/21/gemini-app-limits-may-2025/'],
        contextWindow: ['https://9to5google.com/2025/05/21/gemini-app-limits-may-2025/']
      }
    },
  ];

  const supplementaryInfo = [
    {
      text: 'ある有料ユーザーは、「20リサーチレポートの上限に近づいている」という通知を受け取ったと報告しており、具体的な上限が存在することを示唆しています。',
      source: 'https://www.reddit.com/r/singularity/comments/1jahso6/deep_research_is_now_available_to_all_users_for/'
    },
    {
      text: '比較として、競合のChatGPT Plusプラン（$20/月）では、本格的なDeep Researchモデルを月に10回、軽量版を月に15回利用できると報告されています。',
      source: 'https://lifehacker.com/tech/how-to-choose-between-chatgpt-gemini-perplexity-deep-research-tools'
    },
    {
        text: 'Gemini Advancedプランには、2TBのGoogle Oneストレージや、GmailやGoogleドキュメントなどのGoogle Workspaceツールとの統合特典が含まれます。',
        source: 'https://medium.com/@babarranjha/gemini-2-5-pro-vs-gemini-deep-research-apis-pricing-performance-compared-fc8809c7d016'
    }
  ];

  const SourceLink = ({ urls }) => (
    <div className="flex flex-col items-center">
      {urls.map((url, index) => {
        const domain = new URL(url).hostname;
        return (
          <a key={index} href={url} target="_blank" rel="noopener noreferrer" className="text-xs text-blue-500 underline hover:text-blue-700">[{domain}]</a>
        );
      })}
    </div>
  );

  return (
    <div className="min-h-screen bg-gray-50 text-gray-800 p-4 sm:p-6 lg:p-8">
      <div className="max-w-7xl mx-auto">
        <header className="mb-8">
          <h1 className="text-2xl sm:text-3xl font-bold text-center text-gray-900">Gemini Deep Research プラン別 利用回数制限の比較</h1>
        </header>

        <main>
          <div className="overflow-x-auto bg-white rounded-lg shadow">
            <table className="min-w-full divide-y divide-gray-200">
              <thead className="bg-gray-100">
                <tr>
                  <th scope="col" className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">特徴</th>
                  {data.map((item) => (
                    <th key={item.plan} scope="col" className="px-4 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider">{item.plan}</th>
                  ))}
                </tr>
              </thead>
              <tbody className="bg-white divide-y divide-gray-200">
                {[
                  { key: 'price', label: '月額料金' },
                  { key: 'limit', label: 'Deep Research 利用回数' },
                  { key: 'reportSize', label: 'レポート規模' },
                  { key: 'model', label: 'アクセスモデル' },
                  { key: 'contextWindow', label: 'コンテキストウィンドウ' },
                ].map((row) => (
                  <tr key={row.key}>
                    <td className="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-800">{row.label}</td>
                    {data.map((item) => (
                      <td key={item.plan} className="px-4 py-4 whitespace-normal text-sm text-gray-700">
                        <div className="flex flex-col items-start">
                            <span>{item[row.key]}</span>
                            {item.sources[row.key] && <SourceLink urls={item.sources[row.key]} />}
                        </div>
                      </td>
                    ))}
                  </tr>
                ))}
              </tbody>
            </table>
          </div>

          <div className="mt-8 p-6 bg-white rounded-lg shadow">
            <h2 className="text-xl font-semibold mb-4 text-gray-900">補足情報</h2>
            <ul className="list-disc list-inside space-y-3 text-gray-700">
              {supplementaryInfo.map((info, index) => (
                 <li key={index}> 
                  {info.text}
                  <a href={info.source} target="_blank" rel="noopener noreferrer" className="ml-1 text-blue-500 underline hover:text-blue-700 text-xs">[出典]</a>
                </li>
              ))}
            </ul>
          </div>
        </main>

        <footer className="mt-8 text-center text-xs text-gray-500">
          <p>データは提供された調査結果に基づいています（2025-09-02時点）。</p>
        </footer>
      </div>
    </div>
  );
};

export default App;