推し活フィンテック最新資金調達マップ：AI・NFTで進化する注目企業と成長領域

import React from 'react';

// 仮のデータ。コンテキストから抽出・整形
const domesticCompanies = [
  {
    name: '株式会社TORIHADA',
    description: 'クリエイターの収益化を支援するクリエイターDX事業。ファンマネタイズプラットフォーム「FANME」を提供。',
    funding: '約10億円',
    round: 'シリーズA',
    tags: ['Fintech', 'クリエイターエコノミー'],
    source: 'https://prtimes.jp/main/html/rd/p/000000177.000030350.html'
  },
  {
    name: 'OSHIAI株式会社',
    description: 'AI技術を活用し、ファンと「推し」の分身AI「アイ」が会話できる推し活チャットアプリ「OSHIAI」。',
    funding: '7,000万円',
    round: 'シード',
    tags: ['AI', '推し活'],
    source: 'https://prtimes.jp/main/html/rd/p/000000003.000155819.html'
  },
  {
    name: 'HARTi株式会社',
    description: 'スマートプリ機「HARTi Photo®︎」やNFTを活用したデジタルフォトなどを提供。IPビジネスを支援。',
    funding: '6,000万円',
    round: 'プレシリーズA',
    tags: ['NFT', 'IP'],
    source: 'https://prtimes.jp/main/html/rd/p/000000099.000042267.html'
  },
    {
    name: 'テラーノベル',
    description: 'UGC（ユーザー生成コンテンツ）プラットフォーム。クリエイターエコノミーへの積極投資を表明。',
    funding: '6.5億円',
    round: 'シリーズA',
    tags: ['UGC', 'クリエイターエコノミー'],
    source: 'https://prtimes.jp/main/html/rd/p/000000029.000023974.html'
  },
  {
    name: 'Plott',
    description: 'YouTubeアニメなどの知的財産（IP）コンテンツの企画・制作。',
    funding: '10億円',
    round: '不明',
    tags: ['IP', 'エンタメ'],
    source: 'https://www.nikkei.com/article/DGXZQOUC139AB0T11C24A1000000/'
  },
  {
    name: 'REJECT',
    description: 'eスポーツチームの運営。アスリートの獲得やトレーニング施設を強化。',
    funding: '10億7,000万円',
    round: '不明',
    tags: ['eスポーツ', 'ファンエンゲージメント'],
    source: 'https://www.nikkei.com/article/DGXZQOUC139AB0T11C24A1000000/'
  }
];

const internationalCompanies = [
  {
    name: 'FanCraze (インド)',
    description: 'クリケット選手の公式NFTを売買できるブロックチェーン基盤のプラットフォーム。',
    funding: '1億ドル (約155億円)',
    round: '不明',
    tags: ['NFT', 'Blockchain', 'スポーツ'],
    source: 'https://www.nikkei.com/article/DGXZQOUC30CJD0Q2A330C2000000/'
  },
  {
    name: 'Modhaus (韓国)',
    description: 'K-POPファンの投票がアーティスト活動に反映されるブロックチェーン基盤のプラットフォーム。',
    funding: '800万ドル (約12.4億円)',
    round: '不明',
    tags: ['Blockchain', 'K-POP', 'ファン参加型'],
    source: 'https://uptech-media.com/k-pop-startup-modhaus-raises-us8m-to-transform-fan-engagement-via-blockchain/'
  },
    {
    name: 'STAN (インド)',
    description: 'ブロックチェーンを基盤としたeスポーツのファンエンゲージメントプラットフォーム。デジタルコレクタブルやNFTを提供。',
    funding: '250万ドル (約3.9億円)',
    round: 'シード',
    tags: ['Blockchain', 'NFT', 'eスポーツ'],
    source: 'https://inc42.com/buzz/esports-fan-engagement-startup-stan-bags-investment-to-ramp-up-partnerships-engagement-in-the-ecosystem/'
  },
  {
    name: 'Forever Network (オーストラリア)',
    description: 'スポーツファン向けソーシャルメディアブランド「Basketball Forever」などを運営。',
    funding: '600万ドル (約9.3億円)',
    round: 'シリーズA',
    tags: ['SNS', 'スポーツ'],
    source: 'https://www.startupdaily.net/topic/funding/sports-social-media-platform-forever-network-shoots-and-scores-6-million-series-a/'
  },
    {
    name: 'CrowdTransfer (スイス)',
    description: 'ファンが応援するサッカークラブの選手移籍資金をクラウドファンディングできるフィンテックサービス。',
    funding: 'Venture Leader Fintechに選出',
    round: '不明',
    tags: ['Fintech', 'クラウドファンディング', 'スポーツ'],
    source: 'https://www.venturelab.swiss/CrowdTransfer-The-Venture-Leader-Fintech-empowering-football-fans-to-fund'
  },
  {
    name: 'Manifest Financial (米国)',
    description: '元Spotify幹部が設立。ファンにリワードや特別な体験を提供するクリエイター向け銀行アプリ。',
    funding: 'パートナーシップ締結',
    round: '不明',
    tags: ['Fintech', 'リワード'],
    source: 'https://musically.com/2025/04/14/ex-spotify-execs-fintech-startup-promises-superfan-rewards/'
  }
];

const marketIssues = [
  {
    issue: '不安定な収入',
    solution: '収入の平滑化ツールにより、不規則な収入を安定した給与のように受け取れるようにする。',
    source: 'https://avanti3.com/fintech-for-creators/'
  },
  {
    issue: '支払いの遅延',
    solution: '請求書ファクタリングや前払いにより、ブランドからの支払いを即時に現金化する。',
    source: 'https://thefintechtimes.com/payment-issues-continue-to-snuff-out-the-full-potential-of-the-creator-economy/'
  },
  {
    issue: '金融サービスへのアクセス困難',
    solution: 'エンゲージメント率などのソーシャルデータを基にした収益ベースの融資を提供する。',
    source: 'https://www.citi.com/ventures/perspectives/opinion/creator-economy-fintech.html'
  },
  {
    issue: '複雑な事務・税務作業',
    solution: 'AIを活用した経費分類や自動化された税務申告ツールを提供する。',
    source: 'https://avanti3.com/fintech-for-creators/'
  }
];

const FundingCard = ({ company }) => (
  <div className="bg-white rounded-lg shadow-md p-6 border border-gray-200 hover:shadow-lg transition-shadow duration-300">
    <h3 className="text-xl font-bold text-gray-800 mb-2">{company.name}</h3>
    <p className="text-gray-600 mb-4 h-20 overflow-hidden">{company.description}</p>
    <div className="mb-4">
      <p className="text-sm text-gray-500">調達額</p>
      <p className="text-lg font-semibold text-indigo-600">{company.funding}</p>
    </div>
     <div className="mb-4">
      <p className="text-sm text-gray-500">ラウンド</p>
      <p className="text-md font-semibold text-gray-700">{company.round}</p>
    </div>
    <div className="flex flex-wrap gap-2 mb-4">
      {company.tags.map(tag => (
        <span key={tag} className="bg-indigo-100 text-indigo-800 text-xs font-medium px-2.5 py-0.5 rounded-full">{tag}</span>
      ))}
    </div>
    <a href={company.source} target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700 text-sm">
      出典元を見る
    </a>
  </div>
);

const App = () => {
  return (
    <div className="bg-gray-50 min-h-screen p-4 sm:p-6 lg:p-8">
      <div className="max-w-7xl mx-auto">
        <header className="text-center mb-12">
          <h1 className="text-4xl font-extrabold text-gray-900 mb-2">推し活・ファンエンゲージメント領域の資金調達動向</h1>
          <p className="text-lg text-gray-600">フィンテックを活用した国内外のスタートアップの最新動向</p>
        </header>

        <section className="mb-16">
          <h2 className="text-3xl font-bold text-gray-800 mb-8 border-b-2 border-indigo-500 pb-2">クリエイターエコノミーの課題とFintechによる解決策</h2>
           <div className="overflow-x-auto bg-white rounded-lg shadow-md">
              <table className="min-w-full divide-y divide-gray-200">
                <thead className="bg-gray-100">
                  <tr>
                    <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">クリエイターが直面する課題</th>
                    <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">フィンテックによる解決策</th>
                  </tr>
                </thead>
                <tbody className="bg-white divide-y divide-gray-200">
                  {marketIssues.map((item) => (
                    <tr key={item.issue}>
                      <td className="px-6 py-4 whitespace-nowrap font-medium text-gray-900">{item.issue}</td>
                      <td className="px-6 py-4 text-gray-600">{item.solution} <a href={item.source} target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700 text-xs">[出典]</a></td>
                    </tr>
                  ))}
                </tbody>
              </table>
            </div>
        </section>

        <section className="mb-16">
          <h2 className="text-3xl font-bold text-gray-800 mb-8 border-b-2 border-indigo-500 pb-2">【国内】注目スタートアップ</h2>
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            {domesticCompanies.map(company => (
              <FundingCard key={company.name} company={company} />
            ))}
          </div>
        </section>

        <section>
          <h2 className="text-3xl font-bold text-gray-800 mb-8 border-b-2 border-indigo-500 pb-2">【海外】注目スタートアップ</h2>
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            {internationalCompanies.map(company => (
              <FundingCard key={company.name} company={company} />
            ))}
          </div>
        </section>

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

export default App;