\u7b2c30\u56de\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u7d50\u679c\u5fb9\u5e95\u89e3\u8aac | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Noto Sans JP', sans-serif; }\n .gradient-text {\n background: linear-gradient(90deg, #2563EB, #06B6D4);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .card-shadow {\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n transition: transform 0.2s;\n }\n .card-shadow:hover {\n transform: translateY(-2px);\n }\n \/* Chart container height utility *\/\n .chart-h-sm { height: 250px; }\n .chart-h-md { height: 350px; }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n \n <header class=\"bg-white border-b border-gray-200 sticky top-0 z-50\">\n <div class=\"container mx-auto px-4 py-4 flex justify-between items-center\">\n <h1 class=\"text-xl font-bold text-gray-800\">\n <a href=\"https:\/\/career-c.sognoplanning.com\/\" class=\"flex items-center gap-2\">\n <span class=\"bg-blue-600 text-white px-2 py-1 rounded text-sm\">\u5922\u30ed\u30fc\u30d7\u30ec<\/span>\n \u7814\u7a76\u5ba4\n <\/a>\n <\/h1>\n <nav class=\"hidden md:flex gap-6 text-sm font-medium\">\n <a href=\"#analysis-examinees\" class=\"hover:text-blue-600\">\u53d7\u9a13\u8005\u6570\u52d5\u5411<\/a>\n <a href=\"#analysis-trend\" class=\"hover:text-blue-600\">\u5408\u683c\u7387\u63a8\u79fb<\/a>\n <a href=\"#analysis-30th\" class=\"hover:text-blue-600\">\u56e3\u4f53\u5225\u8a73\u7d30<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section class=\"bg-white py-12 lg:py-20\">\n <div class=\"container mx-auto px-4 text-center\">\n <span class=\"inline-block py-1 px-3 rounded-full bg-blue-100 text-blue-800 text-sm font-bold mb-4\">\u6700\u65b0\u30c7\u30fc\u30bf\u66f4\u65b0<\/span>\n <h2 class=\"text-3xl lg:text-5xl font-bold mb-6 leading-tight\">\n \u7b2c30\u56de \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13<br>\n <span class=\"gradient-text\">\u30c7\u30fc\u30bf\u3067\u8aad\u307f\u89e3\u304f\u5408\u683c\u306e\u30d2\u30f3\u30c8<\/span>\n <\/h2>\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto mb-8\">\n \u300c\u53d7\u9a13\u8005\u6570\u306f\u5897\u3048\u3066\u3044\u308b\uff1f\u300d\u300c\u30ad\u30e3\u30ea\u5354\u3068JCDA\u3001\u4eba\u306f\u3069\u3063\u3061\u304c\u591a\u3044\uff1f\u300d<br>\n \u516c\u958b\u30c7\u30fc\u30bf\u304b\u3089\u898b\u3048\u3066\u304f\u308b\u6700\u65b0\u306e\u30c8\u30ec\u30f3\u30c9\u3092\u5fb9\u5e95\u5206\u6790\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/section>\n\n \n <main id=\"analysis-main\" class=\"container mx-auto px-4 py-12 space-y-16\">\n\n \n <section id=\"analysis-examinees\" class=\"scroll-mt-24\">\n <div class=\"bg-white rounded-2xl p-6 lg:p-10 card-shadow border-l-8 border-indigo-600\">\n <h3 class=\"text-2xl font-bold mb-6 flex items-center gap-3\">\n <svg class=\"w-8 h-8 text-indigo-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\n \u53d7\u9a13\u8005\u6570\u306e\u63a8\u79fb\u3068\u56e3\u4f53\u5225\u30b7\u30a7\u30a2\n <\/h3>\n\n <div class=\"grid lg:grid-cols-2 gap-10\">\n \n <div>\n <h4 class=\"text-lg font-bold mb-3 text-gray-700\">\u53d7\u9a13\u8005\u6570\u306f5,000\u4eba\u898f\u6a21\u3067\u5b89\u5b9a<\/h4>\n <div class=\"chart-h-md mb-4\">\n <canvas id=\"examineeVolumeChart\"><\/canvas>\n <\/div>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \u7b2c28\u56de\u306b\u5b66\u79d16,298\u540d\u30fb\u5b9f\u62805,969\u540d\u3068\u3044\u3046\u30d4\u30fc\u30af\u3092\u8fce\u3048\u307e\u3057\u305f\u304c\u3001\u305d\u306e\u5f8c\u306f\u843d\u3061\u7740\u304d\u3092\u898b\u305b\u3066\u3044\u307e\u3059\u3002\n \u7b2c30\u56de\u306f<strong>\u5b66\u79d15,013\u540d\u3001\u5b9f\u62805,182\u540d<\/strong>\u3068\u306a\u308a\u3001\u524d\u56de\uff08\u7b2c29\u56de\uff09\u3088\u308a\u5fae\u5897\u3002\u4f9d\u7136\u3068\u3057\u3066\u9ad8\u3044\u4eba\u6c17\u8cc7\u683c\u3067\u3042\u308b\u3053\u3068\u304c\u308f\u304b\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n \n <div>\n <h4 class=\"text-lg font-bold mb-3 text-gray-700\">\u76f4\u8fd13\u56de\uff1a\u30ad\u30e3\u30ea\u5354 vs JCDA \u53d7\u9a13\u8005\u6570<\/h4>\n <div class=\"chart-h-md mb-4\">\n <canvas id=\"orgVolumeChart\"><\/canvas>\n <\/div>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \u5b9f\u6280\u8a66\u9a13\u306e\u53d7\u9a13\u8005\u6570\u3092\u898b\u308b\u3068\u3001<strong>\u30ad\u30e3\u30ea\u5354\u304c\u5168\u4f53\u306e\u7d0479%<\/strong>\u3092\u5360\u3081\u3066\u3044\u307e\u3059\u3002<br>\n \u7b2c30\u56de\u3067\u306f\u3001\u30ad\u30e3\u30ea\u5354\u306e\u53d7\u9a13\u8005\u304c\u524d\u56de\u3088\u308a300\u540d\u4ee5\u4e0a\u5897\u52a0\uff083,778\u540d\u21924,095\u540d\uff09\u3057\u305f\u4e00\u65b9\u3001JCDA\u306f\u307b\u307c\u6a2a\u3070\u3044\uff081,089\u540d\u21921,087\u540d\uff09\u3067\u3057\u305f\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"analysis-trend\" class=\"scroll-mt-24\">\n <div class=\"bg-white rounded-2xl p-6 lg:p-10 card-shadow\">\n <div class=\"flex flex-col lg:flex-row gap-8 items-center\">\n <div class=\"lg:w-1\/3\">\n <h3 class=\"text-2xl font-bold mb-4 border-l-4 border-blue-500 pl-4\">\u5b66\u79d1\u306f\u4e71\u9ad8\u4e0b\u3001\u5b9f\u6280\u306f\u5b89\u5b9a<\/h3>\n <p class=\"text-gray-600 mb-4\">\n <strong>\u5b66\u79d1\u8a66\u9a13<\/strong>\uff08\u9752\u7dda\uff09\u306f\u56de\u306b\u3088\u3063\u3066\u96e3\u6613\u5ea6\u304c\u6fc0\u5909\u3057\u307e\u3059\u3002\u7b2c30\u56de\u306f<span class=\"text-blue-600 font-bold text-xl\">76.9%<\/span>\u3068\u3001\u975e\u5e38\u306b\u5408\u683c\u3057\u3084\u3059\u3044\u56de\u3067\u3057\u305f\u3002\n <\/p>\n <p class=\"text-gray-600\">\n \u4e00\u65b9\u3001<strong>\u5b9f\u6280\u8a66\u9a13<\/strong>\uff08\u8d64\u7dda\uff09\u306f\u5e38\u306b60%\u301c65%\u306e\u9593\u3067\u63a8\u79fb\u3057\u3066\u304a\u308a\u3001\u4eca\u56de\u3082<span class=\"text-red-600 font-bold text-xl\">64.1%<\/span>\u3068\u5e73\u5e74\u4e26\u307f\u306e\u7d50\u679c\u3068\u306a\u308a\u307e\u3057\u305f\u3002\n <\/p>\n <\/div>\n <div class=\"lg:w-2\/3 w-full chart-h-md\">\n <canvas id=\"trendChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"analysis-30th\" class=\"scroll-mt-24\">\n <div class=\"text-center mb-10\">\n <h3 class=\"text-2xl font-bold mb-2\">\u30ad\u30e3\u30ea\u5354 vs JCDA \u7b2c30\u56de\u306e\u8ecd\u914d\u306f\uff1f<\/h3>\n <p class=\"text-gray-500\">\u540c\u3058\u56fd\u5bb6\u8cc7\u683c\u3067\u3059\u304c\u3001\u5b9f\u65bd\u56e3\u4f53\u306b\u3088\u3063\u3066\u5408\u683c\u7387\u306b\u5dee\u304c\u51fa\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-8\">\n \n <div class=\"bg-white rounded-2xl p-6 card-shadow border-t-4 border-indigo-500\">\n <h4 class=\"text-xl font-bold mb-4 text-center\">\u5b66\u79d1\u5408\u683c\u7387\uff1a\u5dee\u306f\u306a\u3057<\/h4>\n <div class=\"chart-h-sm mb-4\">\n <canvas id=\"gakkaOrgChart\"><\/canvas>\n <\/div>\n <p class=\"text-sm text-gray-600 bg-gray-50 p-4 rounded-lg\">\n \u5b66\u79d1\u306f\u5171\u901a\u554f\u984c\u306e\u305f\u3081\u3001\u56e3\u4f53\u5dee\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br>\n \u30ad\u30e3\u30ea\u5354\uff1a<strong>77.6%<\/strong> \/ JCDA\uff1a<strong>77.8%<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl p-6 card-shadow border-t-4 border-pink-500\">\n <h4 class=\"text-xl font-bold mb-4 text-center\">\u5b9f\u6280\u5408\u683c\u7387\uff1aJCDA\u304c\u9ad8\u6c34\u6e96<\/h4>\n <div class=\"chart-h-sm mb-4\">\n <canvas id=\"jitsugiOrgChart\"><\/canvas>\n <\/div>\n <p class=\"text-sm text-gray-600 bg-gray-50 p-4 rounded-lg\">\n \u4eca\u56de\u306fJCDA\u306e\u5408\u683c\u7387\u304c\u982d\u4e00\u3064\u629c\u3051\u307e\u3057\u305f\u3002<br>\n \u30ad\u30e3\u30ea\u5354\uff1a<strong>63.0%<\/strong> \/ JCDA\uff1a<span class=\"text-pink-600 font-bold text-lg\">68.2%<\/span>\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"analysis-route\" class=\"scroll-mt-24\">\n <div class=\"bg-white rounded-2xl p-6 lg:p-10 card-shadow overflow-hidden relative\">\n <div class=\"absolute top-0 left-0 w-2 h-full bg-green-500\"><\/div>\n <h3 class=\"text-2xl font-bold mb-6 pl-4\">\u990a\u6210\u8b1b\u5ea7\u4fee\u4e86\u8005 vs \u5b9f\u52d9\u7d4c\u9a13\u8005<\/h3>\n \n <div class=\"grid lg:grid-cols-2 gap-12\">\n <div>\n <p class=\"text-gray-600 mb-6 leading-relaxed\">\n <strong>\u300c\u5b9f\u52d9\u7d4c\u9a13\u306e\u307f\u3067\u306e\u53d7\u9a13\u306f\u30cf\u30fc\u30c9\u30eb\u304c\u9ad8\u3044\u300d<\/strong>\u3068\u3044\u3046\u4e8b\u5b9f\u304c\u30c7\u30fc\u30bf\u306b\u8868\u308c\u3066\u3044\u307e\u3059\u3002<br>\n \u7b2c30\u56de\u5b9f\u6280\u8a66\u9a13\u306b\u304a\u3044\u3066\u3001\u5b9f\u52d9\u7d4c\u9a13\u8005\u306e\u5408\u683c\u7387\u306f\u990a\u6210\u8b1b\u5ea7\u4fee\u4e86\u8005\u306b\u6bd4\u3079\u306610\u30dd\u30a4\u30f3\u30c8\u4ee5\u4e0a\u4f4e\u3044\u7d50\u679c\u3068\u306a\u308a\u307e\u3057\u305f\u3002\n <\/p>\n <div class=\"bg-yellow-50 p-4 rounded-lg mb-4\">\n <p class=\"text-sm font-bold text-yellow-800 mb-2\">\u7b2c30\u56de \u5b9f\u6280\u8a66\u9a13 \u5408\u683c\u7387\uff08\u5408\u8a08\uff09<\/p>\n <div class=\"flex justify-between items-center mb-1\">\n <span>\u990a\u6210\u8b1b\u5ea7\u4fee\u4e86\u8005<\/span>\n <span class=\"font-bold text-green-600\">65.6%<\/span>\n <\/div>\n <div class=\"flex justify-between items-center\">\n <span>\u5b9f\u52d9\u7d4c\u9a13\u8005<\/span>\n <span class=\"font-bold text-red-500\">54.0%<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"chart-h-sm\">\n <canvas id=\"qualificationChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-gradient-to-r from-blue-600 to-indigo-700 rounded-3xl p-8 lg:p-16 text-center text-white shadow-2xl\">\n <h2 class=\"text-3xl font-bold mb-4\">\u5408\u683c\u3078\u306e\u8fd1\u9053\u306f\u300c\u81ea\u5206\u306e\u7656\u300d\u3092\u77e5\u308b\u3053\u3068<\/h2>\n <p class=\"text-blue-100 mb-8 max-w-2xl mx-auto\">\n \u30c7\u30fc\u30bf\u304c\u793a\u3059\u901a\u308a\u3001\u5b9f\u6280\u8a66\u9a13\u306f\u5b89\u5b9a\u3057\u305f\u5bfe\u7b56\u304c\u5fc5\u8981\u3067\u3059\u3002\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u3067\u306f\u3001\u3042\u306a\u305f\u306e\u30ed\u30fc\u30d7\u30ec\u3092\u5ba2\u89b3\u7684\u306b\u5206\u6790\u3057\u3001\u5408\u683c\u30e9\u30a4\u30f3\u3078\u306e\u4fee\u6b63\u3092\u304a\u624b\u4f1d\u3044\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n <a href=\"https:\/\/career-c.sognoplanning.com\/\" target=\"_blank\" class=\"bg-white text-blue-700 font-bold py-3 px-8 rounded-full hover:bg-gray-100 transition shadow-lg flex items-center justify-center gap-2\">\n <span>\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u3092\u898b\u308b<\/span>\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"bg-gray-800 text-gray-400 py-8\">\n <div class=\"container mx-auto px-4 text-center\">\n <p class=\"text-sm\">© \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 All Rights Reserved.<\/p>\n <p class=\"text-xs mt-2\">\u51fa\u5178\uff1a\u539a\u751f\u52b4\u50cd\u7701\u30fb\u767b\u9332\u8a66\u9a13\u6a5f\u95a2\u516c\u8868\u306e\u7b2c30\u56de\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u7d50\u679c\u30c7\u30fc\u30bf\u3092\u57fa\u306b\u4f5c\u6210<\/p>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ Common Options\n const commonOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom' },\n tooltip: { mode: 'index', intersect: false }\n }\n };\n\n \/\/ --- Data Definitions ---\n\n \/\/ 1. \u53d7\u9a13\u8005\u6570\u63a8\u79fb (\u5168\u4f53) - From Trend Data 25th-30th\n const volLabels = ['25\u56de', '26\u56de', '27\u56de', '28\u56de', '29\u56de', '30\u56de'];\n const volGakka = [5692, 5002, 5516, 6298, 4944, 5013];\n const volJitsugi = [5501, 4741, 5544, 5969, 4822, 5182];\n\n \/\/ 2. \u76f4\u8fd13\u56de \u56e3\u4f53\u5225\u53d7\u9a13\u8005\u6570 (\u5b9f\u6280) - From Detailed Data\n const recentLabels = ['28\u56de', '29\u56de', '30\u56de'];\n \/\/ CC \u5b9f\u6280: 4705, 3778, 4095 (Data Sheet 2 & 3)\n const recentCC = [4705, 3778, 4095]; \n \/\/ JCDA \u5b9f\u6280: 1264, 1089, 1087\n const recentJCDA = [1264, 1089, 1087];\n\n \/\/ 3. Pass Rate Trend (15-30)\n const labelsTrend = ['15\u56de', '16\u56de', '17\u56de', '18\u56de', '19\u56de', '20\u56de', '21\u56de', '22\u56de', '23\u56de', '24\u56de', '25\u56de', '26\u56de', '27\u56de', '28\u56de', '29\u56de', '30\u56de'];\n const dataGakkaTrend = [75, 64.6, 56.8, 81.1, 61.6, 77.9, 61.7, 82.2, 83.6, 52.4, 63.7, 65.5, 59.7, 68.4, 72.7, 76.9];\n const dataJitsugiTrend = [63, 61.2, 58.1, 63.5, 61.1, 60.2, 57.7, 64.6, 63, 65.4, 66.5, 62.2, 67.4, 67.7, 64.3, 64.1];\n\n \/\/ 4. 30th Org Comparison Pass Rate\n const orgs = ['\u30ad\u30e3\u30ea\u5354', 'JCDA'];\n const dataGakka30 = [77.6, 77.8];\n const dataJitsugi30 = [63.0, 68.1]; \/\/ Updated to precise provided values\n\n \/\/ --- Chart Generation ---\n\n \/\/ Chart 1: Examinee Volume Trend (NEW)\n const ctxVol = document.getElementById('examineeVolumeChart').getContext('2d');\n new Chart(ctxVol, {\n type: 'bar',\n data: {\n labels: volLabels,\n datasets: [\n { label: '\u5b66\u79d1\u53d7\u9a13\u8005', data: volGakka, backgroundColor: '#93C5FD' }, \/\/ Blue-300\n { label: '\u5b9f\u6280\u53d7\u9a13\u8005', data: volJitsugi, backgroundColor: '#FCA5A5' } \/\/ Red-300\n ]\n },\n options: {\n ...commonOptions,\n plugins: { ...commonOptions.plugins, title: { display: false } },\n scales: { y: { beginAtZero: true, title: { display: true, text: '\u4eba\u6570' } } }\n }\n });\n\n \/\/ Chart 2: Recent Org Volume (NEW)\n const ctxOrgVol = document.getElementById('orgVolumeChart').getContext('2d');\n new Chart(ctxOrgVol, {\n type: 'bar',\n data: {\n labels: recentLabels,\n datasets: [\n { label: '\u30ad\u30e3\u30ea\u5354 (\u5b9f\u6280)', data: recentCC, backgroundColor: '#3B82F6' }, \/\/ Blue-500\n { label: 'JCDA (\u5b9f\u6280)', data: recentJCDA, backgroundColor: '#0D9488' } \/\/ Teal-600\n ]\n },\n options: {\n ...commonOptions,\n scales: { y: { beginAtZero: true, stacked: true }, x: { stacked: true } }\n }\n });\n\n\n \/\/ Chart 3: Pass Rate Trend (Existing)\n const ctxTrend = document.getElementById('trendChart').getContext('2d');\n new Chart(ctxTrend, {\n type: 'line',\n data: {\n labels: labelsTrend,\n datasets: [\n { label: '\u5b66\u79d1\u5408\u683c\u7387', data: dataGakkaTrend, borderColor: '#3B82F6', backgroundColor: 'rgba(59, 130, 246, 0.1)', tension: 0.3, fill: false },\n { label: '\u5b9f\u6280\u5408\u683c\u7387', data: dataJitsugiTrend, borderColor: '#EF4444', backgroundColor: 'rgba(239, 68, 68, 0.1)', tension: 0.3, fill: false }\n ]\n },\n options: { ...commonOptions, scales: { y: { min: 40, max: 100 } } }\n });\n\n \/\/ Chart 4: Gakka Org Comparison (Existing)\n new Chart(document.getElementById('gakkaOrgChart').getContext('2d'), {\n type: 'bar',\n data: {\n labels: orgs,\n datasets: [{ label: '\u5408\u683c\u7387', data: dataGakka30, backgroundColor: ['#6366F1', '#818CF8'] }]\n },\n options: { ...commonOptions, plugins: { legend: { display: false } }, scales: { y: { min: 0, max: 100 } } }\n });\n\n \/\/ Chart 5: Jitsugi Org Comparison (Existing)\n new Chart(document.getElementById('jitsugiOrgChart').getContext('2d'), {\n type: 'bar',\n data: {\n labels: orgs,\n datasets: [{ label: '\u5408\u683c\u7387', data: dataJitsugi30, backgroundColor: ['#EC4899', '#F472B6'] }]\n },\n options: { ...commonOptions, plugins: { legend: { display: false } }, scales: { y: { min: 0, max: 100 } } }\n });\n\n \/\/ Chart 6: Qualification Gap (Existing - Updated colors)\n new Chart(document.getElementById('qualificationChart').getContext('2d'), {\n type: 'bar',\n data: {\n labels: ['\u30ad\u30e3\u30ea\u5354', 'JCDA'],\n datasets: [\n { label: '\u990a\u6210\u8b1b\u5ea7\u4fee\u4e86\u8005', data: [63.9, 71.9], backgroundColor: '#10B981' }, \/\/ Green\n { label: '\u5b9f\u52d9\u7d4c\u9a13\u8005', data: [56.5, 44.8], backgroundColor: '#EF4444' } \/\/ Red\n ]\n },\n options: {\n ...commonOptions,\n scales: { y: { min: 0, max: 80 } }\n }\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u7b2c30\u56de\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u7d50\u679c\u5fb9\u5e95\u89e3\u8aac | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u5922\u30ed\u30fc\u30d7\u30ec \u7814\u7a76\u5ba4 \u53d7\u9a13\u8005\u6570\u52d5\u5411 \u5408\u683c\u7387\u63a8\u79fb \u56e3\u4f53\u5225\u8a73\u7d30 \u6700\u65b0\u30c7\u30fc\u30bf\u66f4\u65b0 \u7b2c30\u56de \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13 \u30c7\u30fc\u30bf\u3067\u8aad\u307f\u89e3\u304f\u5408\u683c\u306e\u30d2\u30f3\u30c8 \u300c\u53d7\u9a13\u8005 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"vkexunit_cta_each_option":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-3062","post","type-post","status-publish","format-standard","hentry","category-5"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/3062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3062"}],"version-history":[{"count":1,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/3062\/revisions"}],"predecessor-version":[{"id":3063,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/3062\/revisions\/3063"}],"wp:attachment":[{"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3062"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3062,"date":"2025-12-17T11:49:31","date_gmt":"2025-12-17T02:49:31","guid":{"rendered":"https:\/\/career-c.sognoplanning.com\/?p=3062"},"modified":"2025-12-17T11:49:32","modified_gmt":"2025-12-17T02:49:32","slug":"%e7%ac%ac30%e5%9b%9e%e5%9b%bd%e5%ae%b6%e8%b3%87%e6%a0%bc%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2%e3%82%b3%e3%83%b3%e3%82%b5%e3%83%ab%e3%82%bf%e3%83%b3%e3%83%88%e8%a9%a6%e9%a8%93%e7%b5%90%e6%9e%9c","status":"publish","type":"post","link":"http:\/\/career-c.sognoplanning.com\/?p=3062","title":{"rendered":"\u7b2c30\u56de\u56fd\u5bb6\u8cc7\u683c\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u7d50\u679c"},"content":{"rendered":"\n\n\n\n \n \n \u7b2c30\u56de\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u7d50\u679c\u5fb9\u5e95\u89e3\u8aac | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Noto Sans JP', sans-serif; }\n .gradient-text {\n background: linear-gradient(90deg, #2563EB, #06B6D4);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .card-shadow {\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n transition: transform 0.2s;\n }\n .card-shadow:hover {\n transform: translateY(-2px);\n }\n \/* Chart container height utility *\/\n .chart-h-sm { height: 250px; }\n .chart-h-md { height: 350px; }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n \n <header class=\"bg-white border-b border-gray-200 sticky top-0 z-50\">\n <div class=\"container mx-auto px-4 py-4 flex justify-between items-center\">\n <h1 class=\"text-xl font-bold text-gray-800\">\n <a href=\"https:\/\/career-c.sognoplanning.com\/\" class=\"flex items-center gap-2\">\n <span class=\"bg-blue-600 text-white px-2 py-1 rounded text-sm\">\u5922\u30ed\u30fc\u30d7\u30ec<\/span>\n \u7814\u7a76\u5ba4\n <\/a>\n <\/h1>\n <nav class=\"hidden md:flex gap-6 text-sm font-medium\">\n <a href=\"#analysis-examinees\" class=\"hover:text-blue-600\">\u53d7\u9a13\u8005\u6570\u52d5\u5411<\/a>\n <a href=\"#analysis-trend\" class=\"hover:text-blue-600\">\u5408\u683c\u7387\u63a8\u79fb<\/a>\n <a href=\"#analysis-30th\" class=\"hover:text-blue-600\">\u56e3\u4f53\u5225\u8a73\u7d30<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section class=\"bg-white py-12 lg:py-20\">\n <div class=\"container mx-auto px-4 text-center\">\n <span class=\"inline-block py-1 px-3 rounded-full bg-blue-100 text-blue-800 text-sm font-bold mb-4\">\u6700\u65b0\u30c7\u30fc\u30bf\u66f4\u65b0<\/span>\n <h2 class=\"text-3xl lg:text-5xl font-bold mb-6 leading-tight\">\n \u7b2c30\u56de \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13<br>\n <span class=\"gradient-text\">\u30c7\u30fc\u30bf\u3067\u8aad\u307f\u89e3\u304f\u5408\u683c\u306e\u30d2\u30f3\u30c8<\/span>\n <\/h2>\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto mb-8\">\n \u300c\u53d7\u9a13\u8005\u6570\u306f\u5897\u3048\u3066\u3044\u308b\uff1f\u300d\u300c\u30ad\u30e3\u30ea\u5354\u3068JCDA\u3001\u4eba\u306f\u3069\u3063\u3061\u304c\u591a\u3044\uff1f\u300d<br>\n \u516c\u958b\u30c7\u30fc\u30bf\u304b\u3089\u898b\u3048\u3066\u304f\u308b\u6700\u65b0\u306e\u30c8\u30ec\u30f3\u30c9\u3092\u5fb9\u5e95\u5206\u6790\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n <\/section>\n\n \n <main id=\"analysis-main\" class=\"container mx-auto px-4 py-12 space-y-16\">\n\n \n <section id=\"analysis-examinees\" class=\"scroll-mt-24\">\n <div class=\"bg-white rounded-2xl p-6 lg:p-10 card-shadow border-l-8 border-indigo-600\">\n <h3 class=\"text-2xl font-bold mb-6 flex items-center gap-3\">\n <svg class=\"w-8 h-8 text-indigo-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\n \u53d7\u9a13\u8005\u6570\u306e\u63a8\u79fb\u3068\u56e3\u4f53\u5225\u30b7\u30a7\u30a2\n <\/h3>\n\n <div class=\"grid lg:grid-cols-2 gap-10\">\n \n <div>\n <h4 class=\"text-lg font-bold mb-3 text-gray-700\">\u53d7\u9a13\u8005\u6570\u306f5,000\u4eba\u898f\u6a21\u3067\u5b89\u5b9a<\/h4>\n <div class=\"chart-h-md mb-4\">\n <canvas id=\"examineeVolumeChart\"><\/canvas>\n <\/div>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \u7b2c28\u56de\u306b\u5b66\u79d16,298\u540d\u30fb\u5b9f\u62805,969\u540d\u3068\u3044\u3046\u30d4\u30fc\u30af\u3092\u8fce\u3048\u307e\u3057\u305f\u304c\u3001\u305d\u306e\u5f8c\u306f\u843d\u3061\u7740\u304d\u3092\u898b\u305b\u3066\u3044\u307e\u3059\u3002\n \u7b2c30\u56de\u306f<strong>\u5b66\u79d15,013\u540d\u3001\u5b9f\u62805,182\u540d<\/strong>\u3068\u306a\u308a\u3001\u524d\u56de\uff08\u7b2c29\u56de\uff09\u3088\u308a\u5fae\u5897\u3002\u4f9d\u7136\u3068\u3057\u3066\u9ad8\u3044\u4eba\u6c17\u8cc7\u683c\u3067\u3042\u308b\u3053\u3068\u304c\u308f\u304b\u308a\u307e\u3059\u3002\n <\/p>\n <\/div>\n\n \n <div>\n <h4 class=\"text-lg font-bold mb-3 text-gray-700\">\u76f4\u8fd13\u56de\uff1a\u30ad\u30e3\u30ea\u5354 vs JCDA \u53d7\u9a13\u8005\u6570<\/h4>\n <div class=\"chart-h-md mb-4\">\n <canvas id=\"orgVolumeChart\"><\/canvas>\n <\/div>\n <p class=\"text-sm text-gray-600 leading-relaxed\">\n \u5b9f\u6280\u8a66\u9a13\u306e\u53d7\u9a13\u8005\u6570\u3092\u898b\u308b\u3068\u3001<strong>\u30ad\u30e3\u30ea\u5354\u304c\u5168\u4f53\u306e\u7d0479%<\/strong>\u3092\u5360\u3081\u3066\u3044\u307e\u3059\u3002<br>\n \u7b2c30\u56de\u3067\u306f\u3001\u30ad\u30e3\u30ea\u5354\u306e\u53d7\u9a13\u8005\u304c\u524d\u56de\u3088\u308a300\u540d\u4ee5\u4e0a\u5897\u52a0\uff083,778\u540d\u21924,095\u540d\uff09\u3057\u305f\u4e00\u65b9\u3001JCDA\u306f\u307b\u307c\u6a2a\u3070\u3044\uff081,089\u540d\u21921,087\u540d\uff09\u3067\u3057\u305f\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"analysis-trend\" class=\"scroll-mt-24\">\n <div class=\"bg-white rounded-2xl p-6 lg:p-10 card-shadow\">\n <div class=\"flex flex-col lg:flex-row gap-8 items-center\">\n <div class=\"lg:w-1\/3\">\n <h3 class=\"text-2xl font-bold mb-4 border-l-4 border-blue-500 pl-4\">\u5b66\u79d1\u306f\u4e71\u9ad8\u4e0b\u3001\u5b9f\u6280\u306f\u5b89\u5b9a<\/h3>\n <p class=\"text-gray-600 mb-4\">\n <strong>\u5b66\u79d1\u8a66\u9a13<\/strong>\uff08\u9752\u7dda\uff09\u306f\u56de\u306b\u3088\u3063\u3066\u96e3\u6613\u5ea6\u304c\u6fc0\u5909\u3057\u307e\u3059\u3002\u7b2c30\u56de\u306f<span class=\"text-blue-600 font-bold text-xl\">76.9%<\/span>\u3068\u3001\u975e\u5e38\u306b\u5408\u683c\u3057\u3084\u3059\u3044\u56de\u3067\u3057\u305f\u3002\n <\/p>\n <p class=\"text-gray-600\">\n \u4e00\u65b9\u3001<strong>\u5b9f\u6280\u8a66\u9a13<\/strong>\uff08\u8d64\u7dda\uff09\u306f\u5e38\u306b60%\u301c65%\u306e\u9593\u3067\u63a8\u79fb\u3057\u3066\u304a\u308a\u3001\u4eca\u56de\u3082<span class=\"text-red-600 font-bold text-xl\">64.1%<\/span>\u3068\u5e73\u5e74\u4e26\u307f\u306e\u7d50\u679c\u3068\u306a\u308a\u307e\u3057\u305f\u3002\n <\/p>\n <\/div>\n <div class=\"lg:w-2\/3 w-full chart-h-md\">\n <canvas id=\"trendChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"analysis-30th\" class=\"scroll-mt-24\">\n <div class=\"text-center mb-10\">\n <h3 class=\"text-2xl font-bold mb-2\">\u30ad\u30e3\u30ea\u5354 vs JCDA \u7b2c30\u56de\u306e\u8ecd\u914d\u306f\uff1f<\/h3>\n <p class=\"text-gray-500\">\u540c\u3058\u56fd\u5bb6\u8cc7\u683c\u3067\u3059\u304c\u3001\u5b9f\u65bd\u56e3\u4f53\u306b\u3088\u3063\u3066\u5408\u683c\u7387\u306b\u5dee\u304c\u51fa\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-8\">\n \n <div class=\"bg-white rounded-2xl p-6 card-shadow border-t-4 border-indigo-500\">\n <h4 class=\"text-xl font-bold mb-4 text-center\">\u5b66\u79d1\u5408\u683c\u7387\uff1a\u5dee\u306f\u306a\u3057<\/h4>\n <div class=\"chart-h-sm mb-4\">\n <canvas id=\"gakkaOrgChart\"><\/canvas>\n <\/div>\n <p class=\"text-sm text-gray-600 bg-gray-50 p-4 rounded-lg\">\n \u5b66\u79d1\u306f\u5171\u901a\u554f\u984c\u306e\u305f\u3081\u3001\u56e3\u4f53\u5dee\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br>\n \u30ad\u30e3\u30ea\u5354\uff1a<strong>77.6%<\/strong> \/ JCDA\uff1a<strong>77.8%<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl p-6 card-shadow border-t-4 border-pink-500\">\n <h4 class=\"text-xl font-bold mb-4 text-center\">\u5b9f\u6280\u5408\u683c\u7387\uff1aJCDA\u304c\u9ad8\u6c34\u6e96<\/h4>\n <div class=\"chart-h-sm mb-4\">\n <canvas id=\"jitsugiOrgChart\"><\/canvas>\n <\/div>\n <p class=\"text-sm text-gray-600 bg-gray-50 p-4 rounded-lg\">\n \u4eca\u56de\u306fJCDA\u306e\u5408\u683c\u7387\u304c\u982d\u4e00\u3064\u629c\u3051\u307e\u3057\u305f\u3002<br>\n \u30ad\u30e3\u30ea\u5354\uff1a<strong>63.0%<\/strong> \/ JCDA\uff1a<span class=\"text-pink-600 font-bold text-lg\">68.2%<\/span>\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"analysis-route\" class=\"scroll-mt-24\">\n <div class=\"bg-white rounded-2xl p-6 lg:p-10 card-shadow overflow-hidden relative\">\n <div class=\"absolute top-0 left-0 w-2 h-full bg-green-500\"><\/div>\n <h3 class=\"text-2xl font-bold mb-6 pl-4\">\u990a\u6210\u8b1b\u5ea7\u4fee\u4e86\u8005 vs \u5b9f\u52d9\u7d4c\u9a13\u8005<\/h3>\n \n <div class=\"grid lg:grid-cols-2 gap-12\">\n <div>\n <p class=\"text-gray-600 mb-6 leading-relaxed\">\n <strong>\u300c\u5b9f\u52d9\u7d4c\u9a13\u306e\u307f\u3067\u306e\u53d7\u9a13\u306f\u30cf\u30fc\u30c9\u30eb\u304c\u9ad8\u3044\u300d<\/strong>\u3068\u3044\u3046\u4e8b\u5b9f\u304c\u30c7\u30fc\u30bf\u306b\u8868\u308c\u3066\u3044\u307e\u3059\u3002<br>\n \u7b2c30\u56de\u5b9f\u6280\u8a66\u9a13\u306b\u304a\u3044\u3066\u3001\u5b9f\u52d9\u7d4c\u9a13\u8005\u306e\u5408\u683c\u7387\u306f\u990a\u6210\u8b1b\u5ea7\u4fee\u4e86\u8005\u306b\u6bd4\u3079\u306610\u30dd\u30a4\u30f3\u30c8\u4ee5\u4e0a\u4f4e\u3044\u7d50\u679c\u3068\u306a\u308a\u307e\u3057\u305f\u3002\n <\/p>\n <div class=\"bg-yellow-50 p-4 rounded-lg mb-4\">\n <p class=\"text-sm font-bold text-yellow-800 mb-2\">\u7b2c30\u56de \u5b9f\u6280\u8a66\u9a13 \u5408\u683c\u7387\uff08\u5408\u8a08\uff09<\/p>\n <div class=\"flex justify-between items-center mb-1\">\n <span>\u990a\u6210\u8b1b\u5ea7\u4fee\u4e86\u8005<\/span>\n <span class=\"font-bold text-green-600\">65.6%<\/span>\n <\/div>\n <div class=\"flex justify-between items-center\">\n <span>\u5b9f\u52d9\u7d4c\u9a13\u8005<\/span>\n <span class=\"font-bold text-red-500\">54.0%<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"chart-h-sm\">\n <canvas id=\"qualificationChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-gradient-to-r from-blue-600 to-indigo-700 rounded-3xl p-8 lg:p-16 text-center text-white shadow-2xl\">\n <h2 class=\"text-3xl font-bold mb-4\">\u5408\u683c\u3078\u306e\u8fd1\u9053\u306f\u300c\u81ea\u5206\u306e\u7656\u300d\u3092\u77e5\u308b\u3053\u3068<\/h2>\n <p class=\"text-blue-100 mb-8 max-w-2xl mx-auto\">\n \u30c7\u30fc\u30bf\u304c\u793a\u3059\u901a\u308a\u3001\u5b9f\u6280\u8a66\u9a13\u306f\u5b89\u5b9a\u3057\u305f\u5bfe\u7b56\u304c\u5fc5\u8981\u3067\u3059\u3002\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u3067\u306f\u3001\u3042\u306a\u305f\u306e\u30ed\u30fc\u30d7\u30ec\u3092\u5ba2\u89b3\u7684\u306b\u5206\u6790\u3057\u3001\u5408\u683c\u30e9\u30a4\u30f3\u3078\u306e\u4fee\u6b63\u3092\u304a\u624b\u4f1d\u3044\u3057\u307e\u3059\u3002\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4\">\n <a href=\"https:\/\/career-c.sognoplanning.com\/\" target=\"_blank\" class=\"bg-white text-blue-700 font-bold py-3 px-8 rounded-full hover:bg-gray-100 transition shadow-lg flex items-center justify-center gap-2\">\n <span>\u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4\u3092\u898b\u308b<\/span>\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"><\/path><\/svg>\n <\/a>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <footer class=\"bg-gray-800 text-gray-400 py-8\">\n <div class=\"container mx-auto px-4 text-center\">\n <p class=\"text-sm\">© \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 All Rights Reserved.<\/p>\n <p class=\"text-xs mt-2\">\u51fa\u5178\uff1a\u539a\u751f\u52b4\u50cd\u7701\u30fb\u767b\u9332\u8a66\u9a13\u6a5f\u95a2\u516c\u8868\u306e\u7b2c30\u56de\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u7d50\u679c\u30c7\u30fc\u30bf\u3092\u57fa\u306b\u4f5c\u6210<\/p>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ Common Options\n const commonOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom' },\n tooltip: { mode: 'index', intersect: false }\n }\n };\n\n \/\/ --- Data Definitions ---\n\n \/\/ 1. \u53d7\u9a13\u8005\u6570\u63a8\u79fb (\u5168\u4f53) - From Trend Data 25th-30th\n const volLabels = ['25\u56de', '26\u56de', '27\u56de', '28\u56de', '29\u56de', '30\u56de'];\n const volGakka = [5692, 5002, 5516, 6298, 4944, 5013];\n const volJitsugi = [5501, 4741, 5544, 5969, 4822, 5182];\n\n \/\/ 2. \u76f4\u8fd13\u56de \u56e3\u4f53\u5225\u53d7\u9a13\u8005\u6570 (\u5b9f\u6280) - From Detailed Data\n const recentLabels = ['28\u56de', '29\u56de', '30\u56de'];\n \/\/ CC \u5b9f\u6280: 4705, 3778, 4095 (Data Sheet 2 & 3)\n const recentCC = [4705, 3778, 4095]; \n \/\/ JCDA \u5b9f\u6280: 1264, 1089, 1087\n const recentJCDA = [1264, 1089, 1087];\n\n \/\/ 3. Pass Rate Trend (15-30)\n const labelsTrend = ['15\u56de', '16\u56de', '17\u56de', '18\u56de', '19\u56de', '20\u56de', '21\u56de', '22\u56de', '23\u56de', '24\u56de', '25\u56de', '26\u56de', '27\u56de', '28\u56de', '29\u56de', '30\u56de'];\n const dataGakkaTrend = [75, 64.6, 56.8, 81.1, 61.6, 77.9, 61.7, 82.2, 83.6, 52.4, 63.7, 65.5, 59.7, 68.4, 72.7, 76.9];\n const dataJitsugiTrend = [63, 61.2, 58.1, 63.5, 61.1, 60.2, 57.7, 64.6, 63, 65.4, 66.5, 62.2, 67.4, 67.7, 64.3, 64.1];\n\n \/\/ 4. 30th Org Comparison Pass Rate\n const orgs = ['\u30ad\u30e3\u30ea\u5354', 'JCDA'];\n const dataGakka30 = [77.6, 77.8];\n const dataJitsugi30 = [63.0, 68.1]; \/\/ Updated to precise provided values\n\n \/\/ --- Chart Generation ---\n\n \/\/ Chart 1: Examinee Volume Trend (NEW)\n const ctxVol = document.getElementById('examineeVolumeChart').getContext('2d');\n new Chart(ctxVol, {\n type: 'bar',\n data: {\n labels: volLabels,\n datasets: [\n { label: '\u5b66\u79d1\u53d7\u9a13\u8005', data: volGakka, backgroundColor: '#93C5FD' }, \/\/ Blue-300\n { label: '\u5b9f\u6280\u53d7\u9a13\u8005', data: volJitsugi, backgroundColor: '#FCA5A5' } \/\/ Red-300\n ]\n },\n options: {\n ...commonOptions,\n plugins: { ...commonOptions.plugins, title: { display: false } },\n scales: { y: { beginAtZero: true, title: { display: true, text: '\u4eba\u6570' } } }\n }\n });\n\n \/\/ Chart 2: Recent Org Volume (NEW)\n const ctxOrgVol = document.getElementById('orgVolumeChart').getContext('2d');\n new Chart(ctxOrgVol, {\n type: 'bar',\n data: {\n labels: recentLabels,\n datasets: [\n { label: '\u30ad\u30e3\u30ea\u5354 (\u5b9f\u6280)', data: recentCC, backgroundColor: '#3B82F6' }, \/\/ Blue-500\n { label: 'JCDA (\u5b9f\u6280)', data: recentJCDA, backgroundColor: '#0D9488' } \/\/ Teal-600\n ]\n },\n options: {\n ...commonOptions,\n scales: { y: { beginAtZero: true, stacked: true }, x: { stacked: true } }\n }\n });\n\n\n \/\/ Chart 3: Pass Rate Trend (Existing)\n const ctxTrend = document.getElementById('trendChart').getContext('2d');\n new Chart(ctxTrend, {\n type: 'line',\n data: {\n labels: labelsTrend,\n datasets: [\n { label: '\u5b66\u79d1\u5408\u683c\u7387', data: dataGakkaTrend, borderColor: '#3B82F6', backgroundColor: 'rgba(59, 130, 246, 0.1)', tension: 0.3, fill: false },\n { label: '\u5b9f\u6280\u5408\u683c\u7387', data: dataJitsugiTrend, borderColor: '#EF4444', backgroundColor: 'rgba(239, 68, 68, 0.1)', tension: 0.3, fill: false }\n ]\n },\n options: { ...commonOptions, scales: { y: { min: 40, max: 100 } } }\n });\n\n \/\/ Chart 4: Gakka Org Comparison (Existing)\n new Chart(document.getElementById('gakkaOrgChart').getContext('2d'), {\n type: 'bar',\n data: {\n labels: orgs,\n datasets: [{ label: '\u5408\u683c\u7387', data: dataGakka30, backgroundColor: ['#6366F1', '#818CF8'] }]\n },\n options: { ...commonOptions, plugins: { legend: { display: false } }, scales: { y: { min: 0, max: 100 } } }\n });\n\n \/\/ Chart 5: Jitsugi Org Comparison (Existing)\n new Chart(document.getElementById('jitsugiOrgChart').getContext('2d'), {\n type: 'bar',\n data: {\n labels: orgs,\n datasets: [{ label: '\u5408\u683c\u7387', data: dataJitsugi30, backgroundColor: ['#EC4899', '#F472B6'] }]\n },\n options: { ...commonOptions, plugins: { legend: { display: false } }, scales: { y: { min: 0, max: 100 } } }\n });\n\n \/\/ Chart 6: Qualification Gap (Existing - Updated colors)\n new Chart(document.getElementById('qualificationChart').getContext('2d'), {\n type: 'bar',\n data: {\n labels: ['\u30ad\u30e3\u30ea\u5354', 'JCDA'],\n datasets: [\n { label: '\u990a\u6210\u8b1b\u5ea7\u4fee\u4e86\u8005', data: [63.9, 71.9], backgroundColor: '#10B981' }, \/\/ Green\n { label: '\u5b9f\u52d9\u7d4c\u9a13\u8005', data: [56.5, 44.8], backgroundColor: '#EF4444' } \/\/ Red\n ]\n },\n options: {\n ...commonOptions,\n scales: { y: { min: 0, max: 80 } }\n }\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u7b2c30\u56de\u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13\u7d50\u679c\u5fb9\u5e95\u89e3\u8aac | \u5922\u30ed\u30fc\u30d7\u30ec\u7814\u7a76\u5ba4 \u5922\u30ed\u30fc\u30d7\u30ec \u7814\u7a76\u5ba4 \u53d7\u9a13\u8005\u6570\u52d5\u5411 \u5408\u683c\u7387\u63a8\u79fb \u56e3\u4f53\u5225\u8a73\u7d30 \u6700\u65b0\u30c7\u30fc\u30bf\u66f4\u65b0 \u7b2c30\u56de \u30ad\u30e3\u30ea\u30a2\u30b3\u30f3\u30b5\u30eb\u30bf\u30f3\u30c8\u8a66\u9a13 \u30c7\u30fc\u30bf\u3067\u8aad\u307f\u89e3\u304f\u5408\u683c\u306e\u30d2\u30f3\u30c8 \u300c\u53d7\u9a13\u8005 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"vkexunit_cta_each_option":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-3062","post","type-post","status-publish","format-standard","hentry","category-5"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/3062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3062"}],"version-history":[{"count":1,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/3062\/revisions"}],"predecessor-version":[{"id":3063,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=\/wp\/v2\/posts\/3062\/revisions\/3063"}],"wp:attachment":[{"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3062"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/career-c.sognoplanning.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}