ITキャリア推進協会の役割と目的

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

const data = [
  { name: '自律した強いIT人材', value: 1200 },
  { name: '志・人間力・技術力の強化', value: 800 },
  { name: 'トライアンドエラーの重要性', value: 600 },
];

const App = () => {
  return (
    <div className="p-5">
      <h1 className="text-2xl font-bold mb-4">ITキャリア推進協会の活動分析</h1>
      <p className="mb-4">一般社団法人ITキャリア推進協会は、IT業界において自律した強い人材を育成することを目的としています。以下は、協会の活動に関するデータです。</p>
      <h2 className="text-xl font-semibold mb-2">活動内容の概要</h2>
      <ul className="list-disc list-inside mb-4">
        <li>自らの行動を促す環境の創出</li>
        <li>志・人間力・技術力の強化</li>
        <li>トライアンドエラーの重要性</li>
      </ul>
      <h2 className="text-xl font-semibold mb-2">活動内容のデータ</h2>
      <ResponsiveContainer width="100%" height={300}>
        <BarChart data={data}>
          <XAxis dataKey="name" />
          <YAxis />
          <Tooltip />
          <Legend />
          <Bar dataKey="value" fill="#8884d8" />
        </BarChart>
      </ResponsiveContainer>
      <p className="mt-4">このグラフは、ITキャリア推進協会の活動内容に対する評価を示しています。各活動がどの程度重要視されているかを視覚的に表現しています。</p>
    </div>
  );
};

export default App;