Y Combinator 2024年秋バッチのAIスタートアップの全貌

import React from 'react';

const categories = [
  {
    name: 'AIガードレール',
    companies: ['HumanLayer', 'Galini', 'CTGT'],
    description: 'AIの安全性とコンプライアンスを確保するソリューション'
  },
  {
    name: 'AIインテリジェンス',
    companies: ['Raycaster', 'Ember Copilot', 'Bramble', 'Replexica', 'Sandra.ai'],
    description: '企業向けAIインテリジェンスと意思決定支援'
  },
  {
    name: '開発者ツール',
    companies: ['OpenFunnel', 'PearAI', 'Magic Patterns', 'Traceloop', 'sudocode'],
    description: 'AI駆動の開発者生産性向上ツール'
  },
  {
    name: 'AIアシスタント',
    companies: ['Shepherd', 'Remy', 'Hyperbound', 'Infobot', 'askLio'],
    description: '特定業界向けAIアシスタントソリューション'
  },
  {
    name: 'AIクリエイティブ',
    companies: ['AI.Fashion', 'VideoGen', 'PlayHT', 'Rosebud AI', 'Magic Hour'],
    description: 'AIを活用したクリエイティブ制作支援'
  }
];

const logos = {
  'HumanLayer': 'https://bookface-images.s3.amazonaws.com/small_logos/364a02bb6e0092111a4c8bbb119301d2264c7ace.png',
  'Galini': 'https://bookface-images.s3.us-west-2.amazonaws.com/logos/e2c59e9b75a863ca9e0b1b1c8926784838017266.png',
  'CTGT': '',
  'Raycaster': 'https://framerusercontent.com/assets/vaz7UjQxdoL3z11mPYQ8a3iCI.png',
  'Ember Copilot': '',
  'Bramble': '',
  'Replexica': '',
  'Sandra.ai': '',
  'OpenFunnel': '',
  'PearAI': '',
  'Magic Patterns': 'https://bookface-images.s3.amazonaws.com/small_logos/dea92eb42861ec8a5f86fc8f42b40fd6f8b507f0.png',
  'Traceloop': 'https://bookface-images.s3.amazonaws.com/small_logos/284ee8dcb70cf1539c35db6e20ec3370746244d6.png',
  'sudocode': 'https://bookface-images.s3.amazonaws.com/small_logos/ef63e061644f1c078acf080390ecfeb83f75521b.png',
  'Shepherd': 'https://bookface-images.s3.amazonaws.com/small_logos/8408a86c942db7875be46678809efb7e8c81bb1d.png',
  'Remy': 'https://bookface-images.s3.amazonaws.com/small_logos/93b0f6a6d9697c73c56e4ffd40933940d124fb99.png',
  'Hyperbound': 'https://bookface-images.s3.amazonaws.com/small_logos/d914e5099612c52b407ca205a19346b7915e770f.png',
  'Infobot': 'https://bookface-images.s3.amazonaws.com/small_logos/bcd595cb4b441645c0ceecb8f874f445bb04db44.png',
  'askLio': 'https://bookface-images.s3.amazonaws.com/small_logos/b1c89152097cbf044ee5d77ec6f1484a241a4ad3.png',
  'AI.Fashion': 'https://bookface-images.s3.amazonaws.com/small_logos/287995687a9786c7778f274e8e79316c0534ed44.png',
  'VideoGen': 'https://bookface-images.s3.amazonaws.com/small_logos/67133b6c1025c9a5557fc657b87ed61ad2b540c5.png',
  'PlayHT': 'https://bookface-images.s3.amazonaws.com/small_logos/b51a234c04b9c04472dc8991c3d411ee0f347db7.png',
  'Rosebud AI': 'https://bookface-images.s3.amazonaws.com/small_logos/0669f9afff20bf775d9b001b89480415cdb33109.png',
  'Magic Hour': 'https://bookface-images.s3.amazonaws.com/small_logos/57875ffefcede579f19a1952d91ce8fd43305cc7.png'
};

export default function YCF24AIStartups() {
  return (
    <div className="p-8 bg-gray-100 min-h-screen">
      <div className="max-w-7xl mx-auto">
        <h1 className="text-3xl font-bold mb-2 text-center">Y Combinator 2024年秋バッチ AIスタートアップ カオスマップ</h1>
        <p className="text-sm text-gray-600 mb-6 text-center">
          出典: <a href="https://techcrunch.com/2024/12/07/the-four-startups-from-ycs-fall-batch-that-enterprises-should-pay-attention-to/" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">TechCrunch記事</a>
          によると、2024年秋バッチの95社中83社（約87%）がAIスタートアップです。
        </p>
        <div className="flex flex-wrap justify-center gap-6">
          {categories.map((category) => (
            <div key={category.name} className="bg-white p-6 rounded-lg shadow-lg w-80">
              <h2 className="text-xl font-semibold mb-2">{category.name}</h2>
              <p className="text-sm text-gray-600 mb-4">{category.description}</p>
              <ul className="space-y-3">
                {category.companies.map((company) => (
                  <li key={company} className="flex items-center">
                    {logos[company] ? (
                      <img
                        src={logos[company]}
                        alt={`${company} logo`}
                        width={24}
                        height={24}
                        className="mr-3"
                      />
                    ) : (
                      <div className="w-6 h-6 bg-gray-200 rounded-full mr-3 flex items-center justify-center">
                        <span className="text-xs text-gray-400">No logo</span>
                      </div>
                    )}
                    <span className="text-gray-800">{company}</span>
                  </li>
                ))}
              </ul>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
}