Sansan株式会社の2024年企業分析レポート

import React from 'react';
import { AreaChart, Area, BarChart, Bar, LineChart, Line, ComposedChart, Pie, PieChart, RadarChart, Radar, RadialBarChart, RadialBar, ScatterChart, Scatter, Treemap, ResponsiveContainer, XAxis, YAxis, CartesianGrid, Tooltip, Legend } from 'recharts';

const App = () => {
  // 財務データ
  const financialData = [
    { year: '2023/5', revenue: 25510, profit: -141 },
    { year: '2024/5', revenue: 33878, profit: 953 },
    { year: '2025/5予', revenue: 43026, profit: 3012 },
  ];

  // サービス別売上高
  const serviceRevenue = [
    { name: 'Sansan/Bill One事業', value: 29948 },
    { name: 'Eight事業', value: 3548 },
    { name: 'その他', value: 382 },
  ];

  // 主要指標の推移
  const keyMetrics = [
    { year: '2023', sansan: 8967, billOne: 2415, eight: 2865 },
    { year: '2024', sansan: 9693, billOne: 6168, eight: 3548 },
  ];

  return (
    <div className="min-h-screen bg-gray-50 p-8">
      <div className="max-w-7xl mx-auto">
        <div className="bg-white rounded-lg shadow-lg p-6 mb-8">
          <h2 className="text-2xl font-bold mb-6 text-gray-800">Sansan株式会社（4443）企業分析 2024年</h2>
          
          {/* 業績推移 */}
          <div className="mb-12">
            <h3 className="text-xl font-semibold mb-4 text-gray-700">売上高・利益推移</h3>
            <div className="h-80">
              <ResponsiveContainer width="100%" height="100%">
                <ComposedChart data={financialData}>
                  <CartesianGrid strokeDasharray="3 3" />
                  <XAxis dataKey="year" />
                  <YAxis yAxisId="left" />
                  <YAxis yAxisId="right" orientation="right" />
                  <Tooltip />
                  <Legend />
                  <Bar yAxisId="left" dataKey="revenue" name="売上高（百万円）" fill="#4F46E5" />
                  <Line yAxisId="right" dataKey="profit" name="当期純利益（百万円）" stroke="#EF4444" />
                </ComposedChart>
              </ResponsiveContainer>
              <div className="text-sm text-gray-500 mt-2">
                出典: <a href="https://ir.corp-sansan.com/ja/ir/news/auto_20240711547784.html" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">2024年5月期 決算短信</a>
              </div>
            </div>
          </div>

          {/* サービス別売上構成 */}
          <div className="mb-12">
            <h3 className="text-xl font-semibold mb-4 text-gray-700">サービス別売上構成（2024年5月期）</h3>
            <div className="h-80">
              <ResponsiveContainer width="100%" height="100%">
                <PieChart>
                  <Pie
                    data={serviceRevenue}
                    dataKey="value"
                    nameKey="name"
                    cx="50%"
                    cy="50%"
                    outerRadius={120}
                    fill="#8884d8"
                    label
                  >
                  </Pie>
                  <Tooltip />
                  <Legend />
                </PieChart>
              </ResponsiveContainer>
              <div className="text-sm text-gray-500 mt-2">
                出典: <a href="https://ir.corp-sansan.com/ja/ir/news/auto_20240711547784.html" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">2024年5月期 決算短信</a>
              </div>
            </div>
          </div>

          {/* サービス別契約数・売上推移 */}
          <div className="mb-12">
            <h3 className="text-xl font-semibold mb-4 text-gray-700">サービス別実績推移</h3>
            <div className="h-80">
              <ResponsiveContainer width="100%" height="100%">
                <BarChart data={keyMetrics}>
                  <CartesianGrid strokeDasharray="3 3" />
                  <XAxis dataKey="year" />
                  <YAxis />
                  <Tooltip />
                  <Legend />
                  <Bar dataKey="sansan" name="Sansan契約件数" fill="#4F46E5" />
                  <Bar dataKey="billOne" name="Bill One売上高（百万円）" fill="#EF4444" />
                  <Bar dataKey="eight" name="Eight売上高（百万円）" fill="#10B981" />
                </BarChart>
              </ResponsiveContainer>
              <div className="text-sm text-gray-500 mt-2">
                出典: <a href="https://jp.corp-sansan.com/news/2024/0115_02.html" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">法人向け名刺管理サービス11年連続シェアNo.1</a>
              </div>
            </div>
          </div>

          {/* 企業情報 */}
          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div className="bg-gray-50 p-6 rounded-lg">
              <h3 className="text-xl font-semibold mb-4 text-gray-700">企業基本情報</h3>
              <dl className="space-y-2">
                <div className="flex justify-between">
                  <dt className="font-medium text-gray-600">社名</dt>
                  <dd>Sansan株式会社</dd>
                </div>
                <div className="flex justify-between">
                  <dt className="font-medium text-gray-600">証券コード</dt>
                  <dd>4443</dd>
                </div>
                <div className="flex justify-between">
                  <dt className="font-medium text-gray-600">設立</dt>
                  <dd>2007年6月</dd>
                </div>
                <div className="flex justify-between">
                  <dt className="font-medium text-gray-600">代表者</dt>
                  <dd>寺田 親弘</dd>
                </div>
              </dl>
            </div>
            <div className="bg-gray-50 p-6 rounded-lg">
              <h3 className="text-xl font-semibold mb-4 text-gray-700">従業員情報</h3>
              <dl className="space-y-2">
                <div className="flex justify-between">
                  <dt className="font-medium text-gray-600">平均年齢</dt>
                  <dd>32.1歳</dd>
                </div>
                <div className="flex justify-between">
                  <dt className="font-medium text-gray-600">平均勤続年数</dt>
                  <dd>2.9年</dd>
                </div>
                <div className="flex justify-between">
                  <dt className="font-medium text-gray-600">平均年収</dt>
                  <dd>750万円</dd>
                </div>
              </dl>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default App;