製造業R&Dの未来を変えるAIエージェント：最新スタートアップと資金調達事例

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

const App = () => {
  const startups = [
    {
      name: 'Frinks AI',
      logo: 'https://images.yourstory.com/cs/2/fe056c90507811eea8de27f99b086345/FrinksAIFounderPicture-1748329368978.png',
      description: 'Vision AIによる生産ラインの品質検査と自動化。少数画像によるファインチューニングで99.99%の精度を保証。',
      funding: '$5.4M (Pre-Series A)',
      investors: 'Prime Ventures Partners, Chiratae Ventures 他',
      source: 'https://yourstory.com/ai-story/manufacturing-ai-startup-frinks-ai-54-million-prime-ventures-partners'
    },
    {
      name: 'CloEE',
      logo: 'https://cdn.tech.eu/uploads/2025/06/untitled-design-15.png',
      description: 'MES/ERP連携による離散製造業向けAIデジタルアドバイザー。2週間で導入可能なプラグアンドプレイ型。',
      funding: '$0.6M (Pre-Seed)',
      investors: 'Miro Vertanen, Innovestor Angel Co-fund 他',
      source: 'https://tech.eu/2025/06/23/cloee-secures-600k-to-reinvent-industrial-efficiency-with-ai/'
    },
    {
      name: 'Potato',
      logo: 'https://www.rdworldonline.com/wp-content/uploads/2025/04/Logo-Full-Transparent-1.png',
      description: '自律型AI科学者が研究開発ワークフローを自動化。実験計画からラボオートメーションまでを担う。',
      funding: '$4.5M',
      investors: 'Draper Associates, Dolby Family Ventures 他',
      source: 'https://www.rdworldonline.com/draper-associates-leads-4-5m-investment-in-startup-potato-to-drive-ai-driven-runaway-knowledge-production/'
    },
    {
      name: 'PhaseTree',
      logo: 'https://img-cdn.tnwcdn.com/image/tnw-blurple?filter_last=1&fit=1280%2C640&url=https%3A%2F%2Fcdn0.tnwcdn.com%2Fwp-content%2Fblogs.dir%2F1%2Ffiles%2F2025%2F03%2FUntitled-design-29.jpg&signature=c7b9fd5263c98795b991a16452a88176',
      description: '物理学優先(Physics-First)とAIを組み合わせ、グリーンな新素材発見を10倍高速化。',
      funding: '€3M',
      investors: 'Heartcore Capital',
      source: 'https://thenextweb.com/news/phastree-combines-physics-ai-to-discover-green-materials'
    },
    {
      name: 'Dunia.ai',
      logo: 'https://cdn.startbase.com/images/magazine/2024/10/dunia-screenshot.png',
      description: '自己駆動型ラボとAIアルゴリズムを組み合わせ、持続可能な材料発見（特に電解触媒）を加速。',
      funding: '$11.5M',
      investors: 'Elaia, redalpine, EIC 他',
      source: 'https://www.startbase.com/news/dunia-ai-erhaelt-11-5-millionen-dollar/'
    },
     {
      name: 'CuspAI',
      logo: 'https://i.tracxn.com/logo/company/cusp_ai_25165f26-25cb-40da-baf2-7dcb0ddc4e4e?format=webp&height=120&width=120',
      description: '生成AIによる材料検索エンジン。ユーザーが求める特性から、必要な化学組成を生成する。',
      funding: '$30M (Seed)',
      investors: 'Hoxton Ventures, Lightspeed Venture Partners 他',
      source: 'https://tracxn.com/d/artificial-intelligence/ai-startups-in-materials-tech-in-united-states/__bzkMQaMMNbFE1Hlg1r1dTwelSD6pIfuWmVj4NX9TAeM/companies'
    }
  ];

  const japaneseStartups = [
    {
        name: 'キャディ株式会社',
        logo: 'https://assets.st-note.com/production/uploads/images/147448960/rectangle_large_type_2_3ab5641dae09a2e6a156c2d8acf68a5b.jpeg?width=1200',
        description: '製造業の図面データをAIで資産化する「CADDi Drawer」を核に、設計から調達までのバリューチェーン全体の効率化を目指すAIデータプラットフォーム。',
        source: 'https://note.com/yushirodesu/n/n604bcca89964'
    },
    {
        name: '株式会社ロビンソン・コンサルティング',
        logo: 'https://robinson-consulting.co.jp/wp-content/uploads/2023/11/logo_2-1-1.png',
        description: '東大発AIスタートアップ。過去の設計データや製造トラブル情報をAIで分析し、類似設計の検索や最適化を提案する「AI設計支援システム」を提供。',
        source: 'https://prtimes.jp/main/html/rd/p/000000024.000125282.html'
    },
  ];

 const marketData = [
    { year: '2016', '資金調達額(M$)': 8.76 },
    { year: '2017', '資金調達額(M$)': 7.6 },
    { year: '2018', '資金調達額(M$)': 13.1 },
    { year: '2019', '資金調達額(M$)': 20.9 },
    { year: '2020', '資金調達額(M$)': 25.1 },
    { year: '2021', '資金調達額(M$)': 10.3 },
    { year: '2022', '資金調達額(M$)': 58.5 },
    { year: '2023', '資金調達額(M$)': 49.4 },
    { year: '2024', '資金調達額(M$)': 55.2 },
    { year: '2025', '資金調達額(M$)': 2.6 },
  ];

  const StartupCard = ({ logo, name, description, funding, investors, source }) => (
    <div className="bg-white rounded-lg shadow-md overflow-hidden transform hover:scale-105 transition-transform duration-300">
      <div className="p-6">
        <div className="flex items-center mb-4">
          <img src={logo} alt={`${name} logo`} className="h-16 w-auto object-contain mr-4" />
        </div>
        <h3 className="text-2xl font-bold text-gray-800 mb-2">{name}</h3>
        <p className="text-gray-600 mb-4 h-24 overflow-auto">{description}</p>
        <div className="text-sm text-gray-500">
          <p><span className="font-semibold">資金調達:</span> {funding}</p>
          <p><span className="font-semibold">主要投資家:</span> {investors}</p>
        </div>
        <a href={source} target="_blank" rel="noopener noreferrer" className="mt-4 inline-block text-blue-600 hover:underline">情報源へ</a>
      </div>
    </div>
  );

    const JapaneseStartupCard = ({ logo, name, description, source }) => (
    <div className="bg-white rounded-lg shadow-md overflow-hidden transform hover:scale-105 transition-transform duration-300">
      <div className="p-6">
          <img src={logo} alt={`${name} logo`} className="h-20 w-auto object-contain mb-4" />
        <h3 className="text-2xl font-bold text-gray-800 mb-2">{name}</h3>
        <p className="text-gray-600 mb-4 h-28 overflow-auto">{description}</p>
        <a href={source} target="_blank" rel="noopener noreferrer" className="mt-4 inline-block text-blue-600 hover:underline">情報源へ</a>
      </div>
    </div>
  );

  return (
    <div className="bg-gray-100 min-h-screen font-sans">
      <div className="container mx-auto p-8">
        <header className="text-center mb-12">
          <h1 className="text-5xl font-extrabold text-gray-900 mb-4">製造業R&Dの未来を変えるAIエージェント</h1>
          <p className="text-xl text-gray-600">最新スタートアップと資金調達動向</p>
        </header>

        <section className="mb-16">
          <h2 className="text-3xl font-bold text-gray-800 mb-8 text-center">注目スタートアップ事例</h2>
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            {startups.map((startup, index) => (
              <StartupCard key={index} {...startup} />
            ))}
          </div>
        </section>

        <section className="mb-16">
          <h2 className="text-3xl font-bold text-gray-800 mb-8 text-center">日本の注目企業</h2>
          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
            {japaneseStartups.map((startup, index) => (
              <JapaneseStartupCard key={index} {...startup} />
            ))}
          </div>
        </section>


        <section className="mb-16 bg-white p-8 rounded-lg shadow-lg">
            <h2 className="text-3xl font-bold text-gray-800 mb-2 text-center">市場トレンド：米国材料技術AI分野の資金調達</h2>
            <p className="text-center text-gray-500 mb-8">過去10年間で合計2億5,200万ドル以上が調達されています。</p>
            <ResponsiveContainer width="100%" height={400}>
                <BarChart data={marketData} margin={{ top: 20, right: 30, left: 20, bottom: 5 }}>
                <CartesianGrid strokeDasharray="3 3" />
                <XAxis dataKey="year" />
                <YAxis label={{ value: '百万ドル', angle: -90, position: 'insideLeft' }} />
                <Tooltip formatter={(value) => `${value.toLocaleString()}百万ドル`} />
                <Legend />
                <Bar dataKey="資金調達額(M$)" fill="#4A90E2" />
                </BarChart>
            </ResponsiveContainer>
            <p className="text-xs text-gray-500 mt-4 text-right">出典: 
                <a href="https://tracxn.com/d/artificial-intelligence/ai-startups-in-materials-tech-in-united-states/__bzkMQaMMNbFE1Hlg1r1dTwelSD6pIfuWmVj4NX9TAeM/" target="_blank" rel="noopener noreferrer" className="underline">Tracxn</a>
            </p>
        </section>

        <section className="mb-16">
          <h2 className="text-3xl font-bold text-gray-800 mb-8 text-center">キーテクノロジー：AIによる材料発見の加速</h2>
          <div className="bg-white p-8 rounded-lg shadow-lg flex flex-col md:flex-row items-center">
            <div className="md:w-1/2 p-4">
              <h3 className="text-2xl font-bold mb-4">Microsoft: MatterGen & MatterSim</h3>
              <p className="text-gray-700 mb-4">Microsoft Researchが開発したAI for Scienceイニシアチブの中核ツール。MatterGenが新しい材料の候補を生成し、MatterSimがその安定性や実行可能性をシミュレーションする。この連携により、従来数十年かかっていた材料発見プロセスを劇的に短縮します。</p>
                <ul className="list-disc list-inside text-gray-600">
                    <li><span className="font-semibold">MatterGen:</span> アイデア生成器として機能し、特定の要件を満たす新材料を提案。</li>
                    <li><span className="font-semibold">MatterSim:</span> 物理シミュレーションにより、候補材料の実現可能性を予測・検証。</li>
                </ul>
                 <p className="text-xs text-gray-500 mt-4 text-left">出典: 
                    <a href="https://www.microsoft.com/en-us/research/story/ai-meets-materials-discovery/" target="_blank" rel="noopener noreferrer" className="underline">Microsoft Research</a>
                </p>
            </div>
            <div className="md:w-1/2 p-4 flex justify-center">
               <img src="https://www.microsoft.com/en-us/research/wp-content/uploads/2025/01/MatterGenSim_1600-1024x369.png" alt="MatterGen and MatterSim diagram" className="rounded-lg shadow-md"/>
            </div>
          </div>
        </section>

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

export default App;