最新データで読み解く金融市場の全体像：主要カテゴリー別市場規模と日本の現状

import React from 'react';
import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, PieChart, Pie, Cell } from 'recharts';

const App = () => {
  // データセクション
  const globalMarketData = [
    { name: '債券市場', value: 140.7, unit: '兆ドル', detail: '発行残高 (2023)' },
    { name: '株式市場', value: 115.0, unit: '兆ドル', detail: '時価総額 (2023)' },
    { name: '貿易金融市場', value: 9.7, unit: '兆ドル', detail: '市場規模 (2024)' },
    { name: 'FX市場', value: 7.5, unit: '兆ドル/日', detail: '日次取引高 (2022)' },
    { name: '金利デリバティブ', value: 5.2, unit: '兆ドル/日', detail: '日次取引高 (2022)' },
  ];

  const japanHouseholdAssetsData = [
    { name: '現金・預金', value: 50.9 },
    { name: '保険・年金・定型保証', value: 24.6 },
    { name: '株式等', value: 14.2 },
    { name: '投資信託', value: 5.4 },
    { name: '債務証券', value: 1.3 },
    { name: 'その他', value: 3.6 },
  ];

  const financialITMarketData = [
      {業態: '大手銀行', '2025年': 9.2, '2026年': 7.8},
      {業態: '生保', '2025年': 9.2, '2026年': 4.5},
      {業態: '損保', '2025年': 9.0, '2026年': 3.2},
      {業態: '大手証券', '2025年': 8.8, '2026年': 6.0},
      {業態: 'カード', '2025年': 7.8, '2026年': 5.8},
      {業態: 'ネット証券', '2025年': 7.8, '2026年': 7.0},
      {業態: '新銀行/ネット銀行', '2025年': 6.2, '2026年': 3.2},
      {業態: '地域金融機関', '2025年': 4.5, '2026年': 2.0},
  ];

  const PIE_COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042', '#AF19FF', '#FF1949'];

  // スタイル定義
  const styles = {
    container: 'bg-gray-50 font-sans p-4 md:p-8',
    title: 'text-4xl font-bold text-gray-800 mb-4 text-center',
    sectionTitle: 'text-2xl font-bold text-gray-700 mt-8 mb-4 border-b-2 border-blue-500 pb-2',
    subTitle: 'text-xl font-semibold text-gray-700 mt-6 mb-2',
    paragraph: 'text-gray-700 leading-relaxed mb-4',
    card: 'bg-white p-6 rounded-lg shadow-md mb-6',
    list: 'list-disc list-inside text-gray-700 space-y-2',
    statValue: 'text-3xl font-bold text-blue-600',
    statLabel: 'text-md text-gray-500',
    link: 'text-blue-500 underline hover:text-blue-700',
  };

  return (
    <div className={styles.container}>
      <h1 className={styles.title}>最新データで読み解く金融市場の全体像</h1>

      <div className={styles.card}>
        <h2 className={styles.sectionTitle}>要約</h2>
        <p className={styles.paragraph}>
          世界の金融市場は、テクノロジーの進化と地政学的変動の中で拡大と変容を続けています。株式市場は115兆ドル、債券市場は140.7兆ドルに達し、依然として金融システムの根幹を成しています。一方、外国為替（FX）市場は日次7.5兆ドルという巨大な取引高を誇り、グローバル経済の動脈として機能しています。日本国内に目を向けると、家計金融資産が2,300兆円を超える巨大な資金プールを形成していますが、その半分以上が依然として現金・預金であり、「貯蓄から投資へ」の流れは道半ばです。本レポートでは、最新の公的統計や調査レポートを基に、世界の金融市場と日本の現状を多角的に分析し、今後の展望を考察します。
        </p>
      </div>

      <div>
        <h2 className={styles.sectionTitle}>世界の主要金融市場の規模：株式・債券・為替市場の現状</h2>
        <div className={styles.card}>
          <h3 className={styles.subTitle}>市場規模比較（2022-2024年データ）</h3>
          <ResponsiveContainer width="100%" height={400}>
            <BarChart data={globalMarketData} layout="vertical" margin={{ top: 20, right: 30, left: 40, bottom: 5 }}>
              <CartesianGrid strokeDasharray="3 3" />
              <XAxis type="number" domain={[0, 150]} ticks={[0, 25, 50, 75, 100, 125, 150]}/>
              <YAxis type="category" dataKey="name" width={120} />
              <Tooltip formatter={(value, name, props) => [`${value} ${props.payload.unit}`, `${props.payload.detail}`]}/>
              <Legend />
              <Bar dataKey="value" name="市場規模" fill="#3b82f6" />
            </BarChart>
          </ResponsiveContainer>
          <ul className={`${styles.list} mt-4`}>
            <li><b>債券市場:</b> <a href="https://www.sifma.org/resources/research/statistics/fact-book/" target="_blank" rel="noopener noreferrer" className={styles.link}>SIFMAの報告</a>によると、2023年時点で発行残高は140.7兆ドルに達し、世界最大の金融市場であり続けています。</li>
            <li><b>株式市場:</b> 2023年の時価総額は115.0兆ドル（<a href="https://www.sifma.org/resources/news/blog/top-10-takeaways-from-sifmas-2024-capital-markets-fact-book/" target="_blank" rel="noopener noreferrer" className={styles.link}>SIFMA</a>）。テクノロジー株の成長が市場を牽引しています。</li>
            <li><b>FX・デリバティブ市場:</b> <a href="https://www.newyorkfed.org/medialibrary/microsites/fxc/files/2022/BIS_2022_Triennial_Central_Bank_Survey.pdf" target="_blank" rel="noopener noreferrer" className={styles.link}>BISの2022年調査</a>では、FX市場の日次取引高が7.5兆ドル、金利デリバティブは5.2兆ドルと報告されており、他市場を圧倒する流動性を示しています。</li>
          </ul>
        </div>
      </div>

      <div>
        <h2 className={styles.sectionTitle}>日本の金融市場の現在地：資金循環統計から見る資産と負債</h2>
        <div className="grid md:grid-cols-2 gap-6">
          <div className={styles.card}>
            <h3 className={styles.subTitle}>日本の家計金融資産（合計 2,319兆円、2024年3月末）</h3>
             <ResponsiveContainer width="100%" height={300}>
                <PieChart>
                  <Pie data={japanHouseholdAssetsData} dataKey="value" nameKey="name" cx="50%" cy="50%" outerRadius={120} labelLine={false} label={({ name, percent }) => `${name}: ${(percent * 100).toFixed(1)}%`}>
                    {japanHouseholdAssetsData.map((entry, index) => <Cell key={`cell-${index}`} fill={PIE_COLORS[index % PIE_COLORS.length]} />)}
                  </Pie>
                  <Tooltip formatter={(value) => `${value.toFixed(1)}%`}/>
                </PieChart>
             </ResponsiveContainer>
             <p className={`${styles.paragraph} mt-4`}>出典: <a href="https://www.boj.or.jp/statistics/sj/sjhiq.pdf" target="_blank" rel="noopener noreferrer" className={styles.link}>日本銀行「資金循環の日米欧比較」</a></p>
          </div>
          <div className={styles.card}>
            <h3 className={styles.subTitle}>主要部門の金融資産・負債（2024年3月末）</h3>
            <div className="space-y-4">
              <div>
                <p className={styles.statLabel}>金融機関全体</p>
                <p className={styles.statValue}>資産 4,449兆円 / 負債 4,398兆円</p>
              </div>
               <div>
                <p className={styles.statLabel}>家計</p>
                <p className={styles.statValue}>資産 2,319兆円</p>
              </div>
              <div>
                <p className={styles.statLabel}>民間非金融法人企業</p>
                <p className={styles.statValue}>負債 2,199兆円</p>
              </div>
            </div>
            <p className={`${styles.paragraph} mt-4`}>日本の家計金融資産は世界3位の規模を誇りますが、その構成は<b>現金・預金が50.9%</b>と極めて高く、リスク資産への資金シフトが限定的であることがわかります（<a href="https://www.fsa.go.jp/common/about/research/20240315/01.pdf" target="_blank" rel="noopener noreferrer" className={styles.link}>金融庁調査報告書</a>）。</p>
          </div>
        </div>
      </div>

      <div>
        <h2 className={styles.sectionTitle}>成長する特定市場とテクノロジー投資</h2>
         <div className="grid md:grid-cols-2 gap-6">
            <div className={styles.card}>
              <h3 className={styles.subTitle}>貿易金融とサステナブルファイナンス</h3>
              <ul className={styles.list}>
                  <li><b>貿易金融市場:</b> グローバル化の進展に伴い、2024年に9.7兆ドル規模に達し、年率3.1%で成長すると予測されています（<a href="https://www.gii.co.jp/report/gmi1684808-trade-finance-market-opportunity-growth-drivers.html" target="_blank" rel="noopener noreferrer" className={styles.link}>GII調査</a>）。日本市場も年率6%以上の成長が見込まれます（<a href="https://www.mordorintelligence.com/ja/industry-reports/japan-trade-finance-market" target="_blank" rel="noopener noreferrer" className={styles.link}>Mordor Intelligence</a>）。</li>
                  <li><b>サステナブルファイナンス:</b> SDGs債市場は急速に拡大しており、特にグリーンボンド市場は2024年の約7億ドルから2034年には15.7億ドルへと成長する見込みです（<a href="https://bisresearch.com/industry-report/green-bonds-market.html" target="_blank" rel="noopener noreferrer" className={styles.link}>BIS Research</a>）。</li>
              </ul>
            </div>
            <div className={styles.card}>
              <h3 className={styles.subTitle}>国内金融IT市場 成長率予測</h3>
                <ResponsiveContainer width="100%" height={300}>
                    <BarChart data={financialITMarketData} margin={{ top: 5, right: 20, left: 10, bottom: 5 }}>
                        <CartesianGrid strokeDasharray="3 3" />
                        <XAxis dataKey="業態" />
                        <YAxis />
                        <Tooltip formatter={(value) => `${value.toFixed(1)}%`}/>
                        <Legend />
                        <Bar dataKey="2025年" fill="#facc15" />
                        <Bar dataKey="2026年" fill="#4ade80" />
                    </BarChart>
                </ResponsiveContainer>
                 <p className={`${styles.paragraph} mt-4`}>国内金融IT市場は2025年に3.3兆円（前年比7.5%増）に達すると予測されており、特に大手行や生損保で高い成長が見込まれます（<a href="https://it.impress.co.jp/articles/-/27340" target="_blank" rel="noopener noreferrer" className={styles.link}>IDC Japan</a>）。</p>
            </div>
        </div>
      </div>

      <div className={styles.card}>
        <h2 className={styles.sectionTitle}>考察</h2>
        <ul className={styles.list}>
            <li><b>グローバルでの日本の立ち位置:</b> 日本の金融市場は、家計資産などストック面では巨大ですが、取引高（フロー）や国際競争力の面では課題が残ります。特にデリバティブ市場のシェアは限定的です（金利1%、為替4%）。（<a href="https://www.fsa.go.jp/common/about/research/20240315/01.pdf" target="_blank" rel="noopener noreferrer" className={styles.link}>金融庁</a>）</li>
            <li><b>「貯蓄から投資へ」の課題と機会:</b> 2,300兆円を超える家計金融資産のうち1,000兆円以上が現金・預金として眠っており、この巨大な資金をいかに成長分野へ循環させるかが日本経済の鍵となります。新しいNISA制度の普及や金融教育の重要性が増しています。</li>
            <li><b>テクノロジーの役割:</b> 金融IT市場の成長予測が示す通り、DX（デジタル変革）はもはや選択肢ではなく、競争力の源泉です。生成AIの活用、業務効率化、新たな顧客体験の創出に向けた投資が今後さらに加速するでしょう。</li>
        </ul>
      </div>
    </div>
  );
};

export default App;