【2025年最新】B2B組込型金融＆バーティカル決済の資金調達動向レポート

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

const App = () => {
  const fundingData = [
    { name: 'Ramp', amount: 200, currency: 'USD', round: '協議中', country: '🇺🇸', description: '法人カードや経費管理などを提供する総合的な財務プラットフォーム。', source: 'https://news.crunchbase.com/fintech-ecommerce/startup-unicorn-ramp-investment-founders-fund/' },
    { name: 'Parafin', amount: 100, currency: 'USD', round: 'Series C', country: '🇺🇸', description: 'プラットフォームが中小事業者向け融資を組み込むための金融インフラ。', source: 'https://contents.ximera.com/ximera-media-next-trends/2025-03-05-expanded-business-areas-facilitated-by-embedded-finance' },
    { name: 'ダイニー', amount: 49.7, currency: 'USD', originalAmount: '74.6億円', round: 'Series B', country: '🇯🇵', description: '外食産業特化のバーティカルSaaS。決済サービスも提供。', source: 'https://newspicks.com/news/10666672/body/' },
    { name: 'Slash', amount: 41, currency: 'USD', round: 'Series B', country: '🇺🇸', description: '業界特化型の金融ソリューション「バーティカルバンキング」を提供。', source: 'https://www.linkedin.com/posts/y-combinator_slash-has-raised-41m-in-series-b-funding-activity-7330759264812040192-i7Ng' },
    { name: 'hacomono', amount: 30.7, currency: 'USD', originalAmount: '46億円', round: 'Series D', country: '🇯🇵', description: 'ウェルネス業界向けSaaS。エンベデッドファイナンスに参入。', source: 'https://prtimes.jp/main/html/rd/p/000000142.000021418.html' },
    { name: 'OatFi', amount: 24, currency: 'USD', round: 'N/A', country: '🇺🇸', description: 'B2B決済プラットフォーム向けエンベデッドファイナンス。', source: 'https://www.pymnts.com/news/investment-tracker/2025/fintech-oatfi-raises-24-million-for-b2b-embedded-financing-platform/' },
    { name: 'Alternative Payments', amount: 22, currency: 'USD', round: 'N/A', country: '🇺🇸', description: 'サービスベースのビジネス向けB2B決済インフラ。', source: 'https://www.axios.com/pro/fintech-deals/2025/04/24/embedded-fintech-alternative-payments-22-million' },
    { name: 'Rainforest', amount: 20, currency: 'USD', round: 'Series A', country: '🇺🇸', description: 'SaaSプロバイダー向け組み込み型決済。', source: 'https://techcrunch.com/2024/06/26/rainforest-lands-20m-to-challenge-stripe-with-embedded-payments-for-saas-providers/' },
    { name: 'CrediLinq', amount: 8.5, currency: 'USD', round: 'Series A', country: '🇸🇬', description: 'AIを活用したB2B組み込み型金融プラットフォーム。', source: 'https://www.prnewswire.com/news-releases/global-fintech-credilinq-raises-8-5m-series-a-to-accelerate-the-growth-of-b2b-embedded-finance-302457608.html' },
    { name: 'エンペイ', amount: 5.7, currency: 'USD', originalAmount: '8.5億円', round: 'Series B', country: '🇯🇵', description: '教育業界に特化したバーティカルSaaS/フィンテック。', source: 'https://note.com/dnx_vc/n/ne7dd2501effd' },
    { name: 'TAIAN', amount: 4, currency: 'USD', originalAmount: '約6億円', round: 'Series A', country: '🇯🇵', description: 'ブライダル・バンケット領域向けバーティカルSaaS。', source: 'https://prtimes.jp/main/html/rd/p/000000044.000063181.html' }
  ].sort((a, b) => b.amount - a.amount);

  const formatYAxis = (tickItem) => {
    return `$${tickItem}M`;
  };

  return (
    <div className="bg-gray-100 min-h-screen p-4 sm:p-6 lg:p-8">
      <div className="max-w-7xl mx-auto">
        <header className="mb-8 text-center">
          <h1 className="text-3xl sm:text-4xl font-bold text-gray-800">B2B・バーティカル金融スタートアップ資金調達動向</h1>
          <p className="text-gray-500 mt-2">直近1年以内の主要な資金調達事例</p>
        </header>

        <section className="bg-white rounded-xl shadow-lg p-4 sm:p-6 mb-8">
          <h2 className="text-2xl font-semibold text-gray-700 mb-4">資金調達額ランキング (百万ドル)</h2>
          <div style={{ width: '100%', height: 400 }}>
            <ResponsiveContainer>
              <BarChart
                data={fundingData}
                margin={{
                  top: 5,
                  right: 20,
                  left: 20,
                  bottom: 5,
                }}
                layout="vertical"
              >
                <CartesianGrid strokeDasharray="3 3" />
                <XAxis type="number" tickFormatter={formatYAxis} domain={[0, 'dataMax + 20']} />
                <YAxis dataKey="name" type="category" width={80} interval={0} />
                <Tooltip formatter={(value) => [`$${value.toLocaleString()}M`, '調達額']} />
                <Legend />
                <Bar dataKey="amount" name="調達額 (百万ドル)" fill="#8884d8" />
              </BarChart>
            </ResponsiveContainer>
          </div>
          <p className="text-xs text-gray-500 mt-2 text-right">*出典: 各社プレスリリース等より作成。日本円は1ドル150円で換算した推定値。</p>
        </section>

        <section>
           <h2 className="text-2xl font-semibold text-gray-700 mb-6 text-center">主要企業一覧</h2>
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            {fundingData.map((company, index) => (
              <div key={index} className="bg-white rounded-xl shadow-lg p-6 flex flex-col hover:shadow-2xl transition-shadow duration-300">
                <div className="flex-grow">
                  <h3 className="text-xl font-bold text-gray-900">{company.country} {company.name}</h3>
                  <div className="my-3">
                      <span className="inline-block bg-indigo-100 text-indigo-800 text-sm font-semibold mr-2 px-2.5 py-0.5 rounded-full">{company.round}</span>
                      <span className="inline-block bg-green-100 text-green-800 text-sm font-semibold px-2.5 py-0.5 rounded-full">
                        {company.originalAmount ? `${company.originalAmount} (約$${company.amount.toLocaleString()}M)` : `$${company.amount.toLocaleString()}M`}
                      </span>
                  </div>
                  <p className="text-gray-600 text-base mt-2">{company.description}</p>
                </div>
                <div className="mt-4 pt-4 border-t border-gray-200">
                   <a href={company.source} target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:text-blue-800 hover:underline transition-colors duration-200">
                    情報源を確認
                  </a>
                </div>
              </div>
            ))}
          </div>
        </section>

      </div>
    </div>
  );
};

export default App;