株式会社Deskrexの市場調査自動化の取り組み

import React from 'react';

const Section = ({ title, children }) => (
  <section className="mb-8 bg-white rounded-lg shadow p-6">
    <h2 className="text-2xl font-bold mb-4 border-l-4 border-blue-500 pl-3">{title}</h2>
    {children}
  </section>
);

const Table = ({ headers, rows }) => (
  <div className="overflow-x-auto">
    <table className="min-w-full border border-gray-200">
      <thead>
        <tr className="bg-gray-100">
          {headers.map((h, i) => (
            <th key={i} className="px-4 py-2 border-b border-gray-200 text-left text-sm font-semibold">{h}</th>
          ))}
        </tr>
      </thead>
      <tbody>
        {rows.map((row, i) => (
          <tr key={i} className="hover:bg-gray-50">
            {row.map((cell, j) => (
              <td key={j} className="px-4 py-2 border-b border-gray-100 text-sm">{cell}</td>
            ))}
          </tr>
        ))}
      </tbody>
    </table>
  </div>
);

const Link = ({ href, children }) => (
  <a href={href} target="_blank" rel="noopener noreferrer" className="text-blue-500 underline hover:text-blue-700">{children}</a>
);

export default function App() {
  return (
    <div className="bg-gray-50 min-h-screen py-10 px-2 md:px-8">
      <div className="max-w-3xl mx-auto">
        <h1 className="text-3xl font-extrabold mb-8 text-center text-blue-700">株式会社Deskrexの3C分析</h1>
        <Section title="Company（自社）">
          <Table
            headers={["項目", "内容"]}
            rows={[
              ["設立", "2024年5月"],
              ["本社所在地", "東京都渋谷区"],
              ["主なサービス", "Deskrex App（市場調査自動化AI）"],
              ["特徴", "生成AIによる市場調査の自動化、オートリサーチ、レポート生成、APIカスタマイズ、調査代行"],
              ["ビジョン", "AI技術で市場調査の質と効率を向上し、意思決定を支援"],
              ["公式サイト", <Link href="https://www.deskrex.ai/">deskrex.ai</Link>],
              ["参考情報", <Link href="https://prtimes.jp/main/html/rd/p/000000005.000145960.html">PR TIMES</Link>],
            ]}
          />
        </Section>
        <Section title="Customer（顧客）">
          <Table
            headers={["項目", "内容"]}
            rows={[
              ["主なニーズ", "効率的なデータ収集、競合分析の強化、カスタマイズ可能なサービス"],
              ["ターゲット市場", "D2Cブランド、中小企業、制作会社、コンサルティングファーム、ベンチャーキャピタル"],
              ["利用メリット", "調査時間の大幅短縮、データに基づく意思決定支援"],
              ["市場トレンド", "AIによる市場調査の自動化・デジタル化の進展"],
              ["出典", <Link href="https://note.com/deskrex/n/n921459de2488">note.com</Link>],
            ]}
          />
        </Section>
        <Section title="Competition（競合）">
          <Table
            headers={["競合企業・ツール", "特徴・比較ポイント"]}
            rows={[
              ["Similarweb", "ウェブトラフィック分析に強み"],
              ["SEMrush", "SEO・広告戦略分析に特化"],
              ["Ahrefs", "バックリンク・SEO分析"],
              ["AIsnap（エボラニ）", "競合リスト自動生成・情報可視化"],
              ["Deskrexの優位性", "AIによる自動化・リアルタイム情報更新・コスト効率・ユーザー体験"],
              ["出典", <Link href="https://news.3rd-in.co.jp/article/dee4ddb2-5f6f-11ef-9179-9ca3ba083d71">news.3rd-in.co.jp</Link>],
            ]}
          />
        </Section>
        <Section title="3C関係性ダイアグラム">
          <div className="bg-gray-100 rounded p-4 overflow-x-auto">
            <pre className="text-sm text-gray-800 whitespace-pre-wrap">
{`Company（自社）
  │
  ├─ 顧客ニーズに応じたAI市場調査自動化サービスを提供
  │
  ├─> Customer（顧客）
  │      └─ 効率化・自動化・カスタマイズを求めるD2Cブランドや中小企業
  │
  └─> Competition（競合）
         └─ AI市場調査ツール各社（Similarweb, SEMrush, Ahrefs, AIsnap等）
             └─ 技術革新・差別化が競争の鍵
`}
            </pre>
            <div className="mt-2 text-xs text-gray-500">※関係性図は要約イメージです。出典：<Link href="https://www.deskrex.ai/">deskrex.ai</Link></div>
          </div>
        </Section>
      </div>
    </div>
  );
}