YetiForceCRM \u54c1\u8cea\u7ba1\u7406\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&family=Noto+Sans+JP:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\n background-color: #F0F8FF;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .kpi-card {\n background-color: #004AAD;\n color: white;\n padding: 2rem;\n border-radius: 0.5rem;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .kpi-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);\n }\n .flow-arrow {\n font-size: 2rem;\n color: #0079FF;\n align-self: center;\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n <div class=\"container mx-auto p-4 sm:p-6 lg:p-8 max-w-7xl\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-black text-[#004AAD] mb-2\">\u54c1\u8cea\u7ba1\u7406\u306eDX\u9769\u547d<\/h1>\n <p class=\"text-lg md:text-xl text-[#0079FF] font-bold\">YetiForceCRM\u304c\u5b9f\u73fe\u3059\u308b\u3001\u30c7\u30fc\u30bf\u99c6\u52d5\u578b\u306e\u54c1\u8cea\u4fdd\u8a3c<\/p>\n <\/header>\n\n <section id=\"challenges\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8 text-[#004AAD]\">\u591a\u304f\u306e\u54c1\u8cea\u7ba1\u7406\u90e8\u9580\u304c\u76f4\u9762\u3059\u308b\u30013\u3064\u306e\u58c1<\/h2>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"bg-white p-6 rounded-lg shadow-lg text-center\">\n <div class=\"text-6xl mb-4\">\u23f3<\/div>\n <h3 class=\"text-xl font-bold mb-2 text-[#004AAD]\">\u521d\u52d5\u5bfe\u5fdc\u306e\u9045\u5ef6<\/h3>\n <p class=\"text-gray-600\">\u4e0d\u5177\u5408\u306e\u691c\u77e5\u304b\u3089\u539f\u56e0\u7a76\u660e\u3001\u60c5\u5831\u4f1d\u9054\u307e\u3067\u306b\u6642\u9593\u304c\u304b\u304b\u308a\u3001\u554f\u984c\u304c\u62e1\u5927\u3059\u308b\u30ea\u30b9\u30af\u3092\u62b1\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-lg text-center\">\n <div class=\"text-6xl mb-4\">\ud83d\udcc2<\/div>\n <h3 class=\"text-xl font-bold mb-2 text-[#004AAD]\">\u60c5\u5831\u306e\u5206\u65ad<\/h3>\n <p class=\"text-gray-600\">\u54c1\u8cea\u8a18\u9332\u304c\u7d19\u3084\u500b\u5225\u30d5\u30a1\u30a4\u30eb\u3067\u7ba1\u7406\u3055\u308c\u3001\u30c8\u30ec\u30fc\u30b5\u30d3\u30ea\u30c6\u30a3\u306e\u78ba\u4fdd\u3068\u60c5\u5831\u5171\u6709\u304c\u56f0\u96e3\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-lg text-center\">\n <div class=\"text-6xl mb-4\">\ud83d\udcdc<\/div>\n <h3 class=\"text-xl font-bold mb-2 text-[#004AAD]\">\u8981\u6c42\u306e\u8907\u96d1\u5316<\/h3>\n <p class=\"text-gray-600\">\u9867\u5ba2\u8981\u6c42\u3084\u56fd\u969b\u898f\u683c(ISO)\u3078\u306e\u5bfe\u5fdc\u304c\u8907\u96d1\u5316\u3057\u3001\u30b3\u30f3\u30d7\u30e9\u30a4\u30a2\u30f3\u30b9\u7dad\u6301\u306e\u8ca0\u62c5\u304c\u5897\u5927\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"transformation\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8 text-[#004AAD]\">YetiForceCRM\u306b\u3088\u308b\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u306e\u5909\u9769<\/h2>\n <div class=\"bg-white p-8 rounded-lg shadow-xl\">\n <div class=\"grid grid-cols-1 md:grid-cols-[1fr_auto_1fr] gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold text-center mb-4 text-red-600\">Before: \u5f93\u6765\u306e\u30a2\u30ca\u30ed\u30b0\u7ba1\u7406<\/h3>\n <div class=\"space-y-4\">\n <div class=\"border border-red-300 bg-red-50 p-3 rounded-md text-center\">\u9867\u5ba2\u304b\u3089\u30af\u30ec\u30fc\u30e0\u767a\u751f<\/div>\n <div class=\"text-center text-red-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-red-300 bg-red-50 p-3 rounded-md text-center\">\u62c5\u5f53\u8005\u304c\u624b\u52d5\u3067\u8a18\u9332\u30fb\u5831\u544a<\/div>\n <div class=\"text-center text-red-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-red-300 bg-red-50 p-3 rounded-md text-center\">\u95a2\u4fc2\u90e8\u7f72\u3078\u306e\u5171\u6709\u306b\u9045\u308c<\/div>\n <div class=\"text-center text-red-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-red-300 bg-red-50 p-3 rounded-md text-center\">\u539f\u56e0\u7a76\u660e\u3068\u5bfe\u5fdc\u304c\u9577\u671f\u5316<\/div>\n <\/div>\n <\/div>\n\n <div class=\"text-center\">\n <div class=\"hidden md:block flow-arrow\">\u2794<\/div>\n <div class=\"block md:hidden text-2xl font-bold text-gray-400 my-4\">\u25bc<\/div>\n <\/div>\n\n <div>\n <h3 class=\"text-2xl font-bold text-center mb-4 text-[#0079FF]\">After: YetiForceCRM\u306b\u3088\u308b\u4e00\u5143\u7ba1\u7406<\/h3>\n <div class=\"space-y-4\">\n <div class=\"border border-blue-300 bg-blue-50 p-3 rounded-md text-center\">\u9867\u5ba2\u60c5\u5831\u3092CRM\u306b\u767b\u9332<\/div>\n <div class=\"text-center text-blue-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-blue-300 bg-blue-50 p-3 rounded-md text-center\">\u30af\u30ec\u30fc\u30e0\u60c5\u5831\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u5171\u6709<\/div>\n <div class=\"text-center text-blue-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-blue-300 bg-blue-50 p-3 rounded-md text-center\">\u95a2\u9023\u30c7\u30fc\u30bf\u3068\u7d10\u3065\u3051\u3066\u5206\u6790<\/div>\n <div class=\"text-center text-blue-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-blue-300 bg-blue-50 p-3 rounded-md text-center\">\u8fc5\u901f\u306a\u539f\u56e0\u7a76\u660e\u3068\u4e88\u9632\u63aa\u7f6e<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"solutions\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8 text-[#004AAD]\">\u30c7\u30fc\u30bf\u304c\u5c0e\u304f\u30013\u3064\u306e\u89e3\u6c7a\u7b56<\/h2>\n <div class=\"grid lg:grid-cols-2 gap-8\">\n <div class=\"bg-white p-6 rounded-lg shadow-lg lg:col-span-2\">\n <h3 class=\"text-xl font-bold mb-4 text-[#004AAD]\">\u89e3\u6c7a\u7b561: \u4e0d\u5177\u5408\u30fb\u30af\u30ec\u30fc\u30e0\u5bfe\u5fdc\u306e\u8fc5\u901f\u5316<\/h3>\n <p class=\"text-gray-600 mb-4\">\u9867\u5ba2\u304b\u3089\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u4e00\u5143\u7ba1\u7406\u3059\u308b\u3053\u3068\u3067\u3001\u521d\u52d5\u5bfe\u5fdc\u307e\u3067\u306e\u6642\u9593\u304c\u5287\u7684\u306b\u77ed\u7e2e\u3002\u4e0b\u306e\u30b0\u30e9\u30d5\u306f\u3001CRM\u5c0e\u5165\u5f8c\u306e\u4e0d\u5177\u5408\u691c\u77e5\u304b\u3089\u5bfe\u5fdc\u5b8c\u4e86\u307e\u3067\u306e\u5e73\u5747\u6642\u9593\uff08\u6642\u9593\uff09\u306e\u63a8\u79fb\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <div class=\"chart-container h-64 md:h-80\">\n <canvas id=\"responseTimeChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-lg\">\n <h3 class=\"text-xl font-bold mb-4 text-[#004AAD]\">\u89e3\u6c7a\u7b562: \u54c1\u8cea\u8a18\u9332\u306e\u7d71\u5408\u3068\u30c8\u30ec\u30fc\u30b5\u30d3\u30ea\u30c6\u30a3\u78ba\u4fdd<\/h3>\n <p class=\"text-gray-600 mb-4\">\u88fd\u54c1\u306e\u88fd\u9020\u304b\u3089\u51fa\u8377\u307e\u3067\u306e\u5168\u5de5\u7a0b\u306e\u8a18\u9332\u3092CRM\u3067\u4e00\u5143\u7ba1\u7406\u3002\u554f\u984c\u767a\u751f\u6642\u306e\u539f\u56e0\u7a76\u660e\u304c\u8fc5\u901f\u5316\u3057\u3001\u54c1\u8cea\u306e\u3070\u3089\u3064\u304d\u8981\u56e0\u3092\u7279\u5b9a\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\u30b0\u30e9\u30d5\u306f\u3001\u5c0e\u5165\u524d\u5f8c\u3067\u306e\u539f\u56e0\u7a76\u660e\u306b\u304b\u304b\u308b\u5e73\u5747\u6642\u9593\u306e\u6bd4\u8f03\u3067\u3059\u3002<\/p>\n <div class=\"chart-container h-64 md:h-80\">\n <canvas id=\"traceabilityChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-lg\">\n <h3 class=\"text-xl font-bold mb-4 text-[#004AAD]\">\u89e3\u6c7a\u7b563: \u30ec\u30dd\u30fc\u30c8\u306b\u3088\u308b\u54c1\u8cea\u30c7\u30fc\u30bf\u306e\u53ef\u8996\u5316<\/h3>\n <p class=\"text-gray-600 mb-4\">\u84c4\u7a4d\u3055\u308c\u305f\u30c7\u30fc\u30bf\u3092\u57fa\u306b\u3001\u4e0d\u5177\u5408\u306e\u50be\u5411\u3084\u30af\u30ec\u30fc\u30e0\u5185\u5bb9\u3092\u5206\u6790\u3002\u4e0b\u306e\u30b0\u30e9\u30d5\u306f\u3001CRM\u5c0e\u5165\u5f8c\u306e\u56db\u534a\u671f\u3054\u3068\u306e\u88fd\u54c1\u4e0d\u826f\u7387\u306e\u63a8\u79fb\u3092\u793a\u3057\u3066\u304a\u308a\u3001\u7d99\u7d9a\u7684\u306a\u6539\u5584\u6d3b\u52d5\u306e\u52b9\u679c\u304c\u308f\u304b\u308a\u307e\u3059\u3002<\/p>\n <div class=\"chart-container h-64 md:h-80\">\n <canvas id=\"defectRateChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"kpis\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8 text-[#004AAD]\">\u5c0e\u5165\u304c\u3082\u305f\u3089\u3059\u3001\u6e2c\u5b9a\u53ef\u80fd\u306a\u30a4\u30f3\u30d1\u30af\u30c8<\/h2>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"kpi-card\">\n <div class=\"text-6xl font-black\">40%<\/div>\n <div class=\"text-xl font-bold mt-2\">\u54c1\u8cea\u6539\u5584\u30b5\u30a4\u30af\u30eb\u306e\u52a0\u901f<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"text-6xl font-black\">75%<\/div>\n <div class=\"text-xl font-bold mt-2\">\u539f\u56e0\u7a76\u660e\u6642\u9593\u306e\u77ed\u7e2e<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"text-6xl font-black\">30%<\/div>\n <div class=\"text-xl font-bold mt-2\">\u624b\u76f4\u3057\u30b3\u30b9\u30c8\u306e\u524a\u6e1b<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"summary-table\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8 text-[#004AAD]\">\u6a5f\u80fd\u3068\u52b9\u679c\u306e\u307e\u3068\u3081<\/h2>\n <div class=\"bg-white rounded-lg shadow-xl overflow-x-auto\">\n <table class=\"w-full text-sm text-left text-gray-600\">\n <thead class=\"text-xs text-[#004AAD] uppercase bg-[#B4D4FF]\">\n <tr>\n <th scope=\"col\" class=\"p-4\">\u4e3b\u8981\u6a5f\u80fd<\/th>\n <th scope=\"col\" class=\"p-4\">\u89e3\u6c7a\u3055\u308c\u308b\u8ab2\u984c<\/th>\n <th scope=\"col\" class=\"p-4\">\u5c0e\u5165\u306b\u3088\u308b\u52b9\u679c<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-white border-b border-gray-200\">\n <td class=\"p-4 font-bold text-gray-900\">\u4e0d\u5177\u5408\u30fb\u30af\u30ec\u30fc\u30e0\u7ba1\u7406<\/td>\n <td class=\"p-4\">\u7570\u5e38\u691c\u77e5\u306e\u9045\u308c\u3001\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u4e0d\u8db3<\/td>\n <td class=\"p-4\">\u54c1\u8cea\u6539\u5584\u30b5\u30a4\u30af\u30eb\u306e\u52a0\u901f\u3001\u4e0d\u826f\u54c1\u767a\u751f\u306e\u6291\u5236<\/td>\n <\/tr>\n <tr class=\"bg-gray-50 border-b border-gray-200\">\n <td class=\"p-4 font-bold text-gray-900\">\u54c1\u8cea\u8a18\u9332\u306e\u4e00\u5143\u7ba1\u7406<\/td>\n <td class=\"p-4\">\u8a18\u9332\u306e\u500b\u5225\u7ba1\u7406\u3001\u539f\u56e0\u7a76\u660e\u306e\u56f0\u96e3\u3055<\/td>\n <td class=\"p-4\">\u8fc5\u901f\u306a\u539f\u56e0\u7a76\u660e\u3001\u54c1\u8cea\u306e\u3070\u3089\u3064\u304d\u5206\u6790<\/td>\n <\/tr>\n <tr class=\"bg-white\">\n <td class=\"p-4 font-bold text-gray-900\">\u30ec\u30dd\u30fc\u30c8\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/td>\n <td class=\"p-4\">\u54c1\u8cea\u306e\u5ba2\u89b3\u7684\u8a55\u4fa1\u304c\u56f0\u96e3\u3001\u6539\u5584\u70b9\u306e\u7279\u5b9a\u9045\u5ef6<\/td>\n <td class=\"p-4\">\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u304f\u54c1\u8cea\u6539\u5584\u3001\u7684\u78ba\u306a\u610f\u601d\u6c7a\u5b9a\u652f\u63f4<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <footer class=\"text-center pt-8 border-t border-[#B4D4FF]\">\n <h2 class=\"text-2xl font-bold text-[#004AAD] mb-4\">\u300c\u4e88\u9632\u7684\u54c1\u8cea\u7ba1\u7406\u300d\u3067\u3001\u672a\u6765\u306e\u4fe1\u983c\u3092\u7bc9\u304f<\/h2>\n <p class=\"text-gray-600 max-w-3xl mx-auto\">YetiForceCRM\u306f\u3001\u5358\u306a\u308b\u696d\u52d9\u52b9\u7387\u5316\u30c4\u30fc\u30eb\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u554f\u984c\u767a\u751f\u5f8c\u306e\u5bfe\u51e6\u304b\u3089\u3001\u767a\u751f\u306e\u5146\u5019\u3092\u6349\u3048\u672a\u7136\u306b\u9632\u3050\u300c\u4e88\u9632\u7684\u54c1\u8cea\u7ba1\u7406\u300d\u3078\u306e\u30b7\u30d5\u30c8\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u88fd\u9020\u30b3\u30b9\u30c8\u306e\u524a\u6e1b\u3068\u9867\u5ba2\u6e80\u8db3\u5ea6\u306e\u5411\u4e0a\u3092\u4e21\u7acb\u3055\u305b\u3001\u4f01\u696d\u306e\u30d6\u30e9\u30f3\u30c9\u4fa1\u5024\u3068\u6301\u7d9a\u7684\u306a\u6210\u9577\u3092\u652f\u3048\u308b\u6226\u7565\u7684\u306a\u4e00\u624b\u3067\u3059\u3002<\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n const brilliantBlues = {\n dark: '#004AAD',\n bright: '#0079FF',\n light: '#B4D4FF',\n background: '#F0F8FF',\n text: '#333333'\n };\n\n const defaultChartOptions = {\n maintainAspectRatio: false,\n responsive: true,\n plugins: {\n legend: {\n labels: {\n color: brilliantBlues.text,\n font: {\n family: \"'Inter', 'Noto Sans JP', sans-serif\",\n size: 14\n }\n }\n },\n tooltip: {\n callbacks: {\n title: function(tooltipItems) {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n }\n return label;\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n ticks: { color: brilliantBlues.text },\n grid: { color: '#e0e0e0' }\n },\n x: {\n ticks: { color: brilliantBlues.text },\n grid: { display: false }\n }\n }\n };\n \n function wrapLabel(str, maxWidth) {\n if (str.length <= maxWidth) {\n return str;\n }\n const words = str.split(' ');\n let lines = [];\n let currentLine = '';\n for (const word of words) {\n if ((currentLine + word).length > maxWidth) {\n lines.push(currentLine.trim());\n currentLine = '';\n }\n currentLine += word + ' ';\n }\n lines.push(currentLine.trim());\n return lines.filter(line => line.length > 0);\n }\n\n new Chart(document.getElementById('responseTimeChart'), {\n type: 'line',\n data: {\n labels: ['1\u6708', '2\u6708', '3\u6708', '4\u6708', '5\u6708', '6\u6708'],\n datasets: [{\n label: '\u5e73\u5747\u5bfe\u5fdc\u5b8c\u4e86\u6642\u9593 (\u6642\u9593)',\n data: [48, 36, 24, 18, 12, 8],\n borderColor: brilliantBlues.bright,\n backgroundColor: 'rgba(0, 121, 255, 0.1)',\n fill: true,\n tension: 0.4\n }]\n },\n options: defaultChartOptions\n });\n\n new Chart(document.getElementById('traceabilityChart'), {\n type: 'bar',\n data: {\n labels: ['\u5c0e\u5165\u524d', '\u5c0e\u5165\u5f8c'],\n datasets: [{\n label: '\u539f\u56e0\u7a76\u660e\u306e\u5e73\u5747\u6642\u9593 (\u6642\u9593)',\n data: [96, 24],\n backgroundColor: [\n 'rgba(255, 99, 132, 0.6)',\n brilliantBlues.bright\n ],\n borderColor: [\n 'rgba(255, 99, 132, 1)',\n brilliantBlues.dark\n ],\n borderWidth: 1\n }]\n },\n options: {\n ...defaultChartOptions,\n plugins: {\n ...defaultChartOptions.plugins,\n legend: { display: false }\n }\n }\n });\n \n const defectRateLabels = ['\u524d\u5e74Q4', '\u5f53\u5e74Q1', '\u5f53\u5e74Q2', '\u5f53\u5e74Q3'];\n const wrappedDefectRateLabels = defectRateLabels.map(label => wrapLabel(label, 16));\n\n new Chart(document.getElementById('defectRateChart'), {\n type: 'bar',\n data: {\n labels: wrappedDefectRateLabels,\n datasets: [{\n label: '\u88fd\u54c1\u4e0d\u826f\u7387 (%)',\n data: [2.5, 1.8, 1.2, 0.9],\n backgroundColor: brilliantBlues.light,\n borderColor: brilliantBlues.bright,\n borderWidth: 2,\n borderRadius: 5\n }]\n },\n options: defaultChartOptions\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>YetiForceCRM \u54c1\u8cea\u7ba1\u7406\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af \u54c1\u8cea\u7ba1\u7406\u306eDX\u9769\u547d YetiForceCRM\u304c\u5b9f\u73fe\u3059\u308b\u3001\u30c7\u30fc\u30bf\u99c6\u52d5\u578b\u306e\u54c1\u8cea\u4fdd\u8a3c \u591a\u304f\u306e\u54c1\u8cea\u7ba1\u7406\u90e8\u9580\u304c\u76f4\u9762\u3059\u308b\u30013\u3064\u306e\u58c1 \u23f3 \u521d\u52d5\u5bfe\u5fdc\u306e\u9045\u5ef6 \u4e0d\u5177\u5408\u306e\u691c\u77e5\u304b\u3089\u539f\u56e0\u7a76\u660e […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-761","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=761"}],"version-history":[{"count":3,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/761\/revisions"}],"predecessor-version":[{"id":910,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/761\/revisions\/910"}],"wp:attachment":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":761,"date":"2025-08-05T09:26:25","date_gmt":"2025-08-05T00:26:25","guid":{"rendered":"https:\/\/yetiworks.jp\/?page_id=761"},"modified":"2025-08-06T15:52:51","modified_gmt":"2025-08-06T06:52:51","slug":"%e5%93%81%e8%b3%aa%e7%ae%a1%e7%90%86%e9%83%a8%e9%96%80","status":"publish","type":"page","link":"https:\/\/yetiworks.jp\/?page_id=761","title":{"rendered":"\u54c1\u8cea\u7ba1\u7406\u90e8\u9580\uff08\u56f3\u89e3\uff09"},"content":{"rendered":"\n\n\n\n \n \n YetiForceCRM \u54c1\u8cea\u7ba1\u7406\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;900&family=Noto+Sans+JP:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\n background-color: #F0F8FF;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .kpi-card {\n background-color: #004AAD;\n color: white;\n padding: 2rem;\n border-radius: 0.5rem;\n text-align: center;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n .kpi-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 25px -5px rgb(0 0 0 \/ 0.1), 0 8px 10px -6px rgb(0 0 0 \/ 0.1);\n }\n .flow-arrow {\n font-size: 2rem;\n color: #0079FF;\n align-self: center;\n }\n <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n <div class=\"container mx-auto p-4 sm:p-6 lg:p-8 max-w-7xl\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-black text-[#004AAD] mb-2\">\u54c1\u8cea\u7ba1\u7406\u306eDX\u9769\u547d<\/h1>\n <p class=\"text-lg md:text-xl text-[#0079FF] font-bold\">YetiForceCRM\u304c\u5b9f\u73fe\u3059\u308b\u3001\u30c7\u30fc\u30bf\u99c6\u52d5\u578b\u306e\u54c1\u8cea\u4fdd\u8a3c<\/p>\n <\/header>\n\n <section id=\"challenges\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8 text-[#004AAD]\">\u591a\u304f\u306e\u54c1\u8cea\u7ba1\u7406\u90e8\u9580\u304c\u76f4\u9762\u3059\u308b\u30013\u3064\u306e\u58c1<\/h2>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"bg-white p-6 rounded-lg shadow-lg text-center\">\n <div class=\"text-6xl mb-4\">\u23f3<\/div>\n <h3 class=\"text-xl font-bold mb-2 text-[#004AAD]\">\u521d\u52d5\u5bfe\u5fdc\u306e\u9045\u5ef6<\/h3>\n <p class=\"text-gray-600\">\u4e0d\u5177\u5408\u306e\u691c\u77e5\u304b\u3089\u539f\u56e0\u7a76\u660e\u3001\u60c5\u5831\u4f1d\u9054\u307e\u3067\u306b\u6642\u9593\u304c\u304b\u304b\u308a\u3001\u554f\u984c\u304c\u62e1\u5927\u3059\u308b\u30ea\u30b9\u30af\u3092\u62b1\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-lg text-center\">\n <div class=\"text-6xl mb-4\">\ud83d\udcc2<\/div>\n <h3 class=\"text-xl font-bold mb-2 text-[#004AAD]\">\u60c5\u5831\u306e\u5206\u65ad<\/h3>\n <p class=\"text-gray-600\">\u54c1\u8cea\u8a18\u9332\u304c\u7d19\u3084\u500b\u5225\u30d5\u30a1\u30a4\u30eb\u3067\u7ba1\u7406\u3055\u308c\u3001\u30c8\u30ec\u30fc\u30b5\u30d3\u30ea\u30c6\u30a3\u306e\u78ba\u4fdd\u3068\u60c5\u5831\u5171\u6709\u304c\u56f0\u96e3\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-lg text-center\">\n <div class=\"text-6xl mb-4\">\ud83d\udcdc<\/div>\n <h3 class=\"text-xl font-bold mb-2 text-[#004AAD]\">\u8981\u6c42\u306e\u8907\u96d1\u5316<\/h3>\n <p class=\"text-gray-600\">\u9867\u5ba2\u8981\u6c42\u3084\u56fd\u969b\u898f\u683c(ISO)\u3078\u306e\u5bfe\u5fdc\u304c\u8907\u96d1\u5316\u3057\u3001\u30b3\u30f3\u30d7\u30e9\u30a4\u30a2\u30f3\u30b9\u7dad\u6301\u306e\u8ca0\u62c5\u304c\u5897\u5927\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"transformation\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8 text-[#004AAD]\">YetiForceCRM\u306b\u3088\u308b\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u306e\u5909\u9769<\/h2>\n <div class=\"bg-white p-8 rounded-lg shadow-xl\">\n <div class=\"grid grid-cols-1 md:grid-cols-[1fr_auto_1fr] gap-8 items-center\">\n <div>\n <h3 class=\"text-2xl font-bold text-center mb-4 text-red-600\">Before: \u5f93\u6765\u306e\u30a2\u30ca\u30ed\u30b0\u7ba1\u7406<\/h3>\n <div class=\"space-y-4\">\n <div class=\"border border-red-300 bg-red-50 p-3 rounded-md text-center\">\u9867\u5ba2\u304b\u3089\u30af\u30ec\u30fc\u30e0\u767a\u751f<\/div>\n <div class=\"text-center text-red-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-red-300 bg-red-50 p-3 rounded-md text-center\">\u62c5\u5f53\u8005\u304c\u624b\u52d5\u3067\u8a18\u9332\u30fb\u5831\u544a<\/div>\n <div class=\"text-center text-red-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-red-300 bg-red-50 p-3 rounded-md text-center\">\u95a2\u4fc2\u90e8\u7f72\u3078\u306e\u5171\u6709\u306b\u9045\u308c<\/div>\n <div class=\"text-center text-red-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-red-300 bg-red-50 p-3 rounded-md text-center\">\u539f\u56e0\u7a76\u660e\u3068\u5bfe\u5fdc\u304c\u9577\u671f\u5316<\/div>\n <\/div>\n <\/div>\n\n <div class=\"text-center\">\n <div class=\"hidden md:block flow-arrow\">\u2794<\/div>\n <div class=\"block md:hidden text-2xl font-bold text-gray-400 my-4\">\u25bc<\/div>\n <\/div>\n\n <div>\n <h3 class=\"text-2xl font-bold text-center mb-4 text-[#0079FF]\">After: YetiForceCRM\u306b\u3088\u308b\u4e00\u5143\u7ba1\u7406<\/h3>\n <div class=\"space-y-4\">\n <div class=\"border border-blue-300 bg-blue-50 p-3 rounded-md text-center\">\u9867\u5ba2\u60c5\u5831\u3092CRM\u306b\u767b\u9332<\/div>\n <div class=\"text-center text-blue-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-blue-300 bg-blue-50 p-3 rounded-md text-center\">\u30af\u30ec\u30fc\u30e0\u60c5\u5831\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u5171\u6709<\/div>\n <div class=\"text-center text-blue-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-blue-300 bg-blue-50 p-3 rounded-md text-center\">\u95a2\u9023\u30c7\u30fc\u30bf\u3068\u7d10\u3065\u3051\u3066\u5206\u6790<\/div>\n <div class=\"text-center text-blue-500 font-bold text-2xl\">\u25bc<\/div>\n <div class=\"border border-blue-300 bg-blue-50 p-3 rounded-md text-center\">\u8fc5\u901f\u306a\u539f\u56e0\u7a76\u660e\u3068\u4e88\u9632\u63aa\u7f6e<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"solutions\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8 text-[#004AAD]\">\u30c7\u30fc\u30bf\u304c\u5c0e\u304f\u30013\u3064\u306e\u89e3\u6c7a\u7b56<\/h2>\n <div class=\"grid lg:grid-cols-2 gap-8\">\n <div class=\"bg-white p-6 rounded-lg shadow-lg lg:col-span-2\">\n <h3 class=\"text-xl font-bold mb-4 text-[#004AAD]\">\u89e3\u6c7a\u7b561: \u4e0d\u5177\u5408\u30fb\u30af\u30ec\u30fc\u30e0\u5bfe\u5fdc\u306e\u8fc5\u901f\u5316<\/h3>\n <p class=\"text-gray-600 mb-4\">\u9867\u5ba2\u304b\u3089\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u3092\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u4e00\u5143\u7ba1\u7406\u3059\u308b\u3053\u3068\u3067\u3001\u521d\u52d5\u5bfe\u5fdc\u307e\u3067\u306e\u6642\u9593\u304c\u5287\u7684\u306b\u77ed\u7e2e\u3002\u4e0b\u306e\u30b0\u30e9\u30d5\u306f\u3001CRM\u5c0e\u5165\u5f8c\u306e\u4e0d\u5177\u5408\u691c\u77e5\u304b\u3089\u5bfe\u5fdc\u5b8c\u4e86\u307e\u3067\u306e\u5e73\u5747\u6642\u9593\uff08\u6642\u9593\uff09\u306e\u63a8\u79fb\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n <div class=\"chart-container h-64 md:h-80\">\n <canvas id=\"responseTimeChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-lg\">\n <h3 class=\"text-xl font-bold mb-4 text-[#004AAD]\">\u89e3\u6c7a\u7b562: \u54c1\u8cea\u8a18\u9332\u306e\u7d71\u5408\u3068\u30c8\u30ec\u30fc\u30b5\u30d3\u30ea\u30c6\u30a3\u78ba\u4fdd<\/h3>\n <p class=\"text-gray-600 mb-4\">\u88fd\u54c1\u306e\u88fd\u9020\u304b\u3089\u51fa\u8377\u307e\u3067\u306e\u5168\u5de5\u7a0b\u306e\u8a18\u9332\u3092CRM\u3067\u4e00\u5143\u7ba1\u7406\u3002\u554f\u984c\u767a\u751f\u6642\u306e\u539f\u56e0\u7a76\u660e\u304c\u8fc5\u901f\u5316\u3057\u3001\u54c1\u8cea\u306e\u3070\u3089\u3064\u304d\u8981\u56e0\u3092\u7279\u5b9a\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\u30b0\u30e9\u30d5\u306f\u3001\u5c0e\u5165\u524d\u5f8c\u3067\u306e\u539f\u56e0\u7a76\u660e\u306b\u304b\u304b\u308b\u5e73\u5747\u6642\u9593\u306e\u6bd4\u8f03\u3067\u3059\u3002<\/p>\n <div class=\"chart-container h-64 md:h-80\">\n <canvas id=\"traceabilityChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-lg shadow-lg\">\n <h3 class=\"text-xl font-bold mb-4 text-[#004AAD]\">\u89e3\u6c7a\u7b563: \u30ec\u30dd\u30fc\u30c8\u306b\u3088\u308b\u54c1\u8cea\u30c7\u30fc\u30bf\u306e\u53ef\u8996\u5316<\/h3>\n <p class=\"text-gray-600 mb-4\">\u84c4\u7a4d\u3055\u308c\u305f\u30c7\u30fc\u30bf\u3092\u57fa\u306b\u3001\u4e0d\u5177\u5408\u306e\u50be\u5411\u3084\u30af\u30ec\u30fc\u30e0\u5185\u5bb9\u3092\u5206\u6790\u3002\u4e0b\u306e\u30b0\u30e9\u30d5\u306f\u3001CRM\u5c0e\u5165\u5f8c\u306e\u56db\u534a\u671f\u3054\u3068\u306e\u88fd\u54c1\u4e0d\u826f\u7387\u306e\u63a8\u79fb\u3092\u793a\u3057\u3066\u304a\u308a\u3001\u7d99\u7d9a\u7684\u306a\u6539\u5584\u6d3b\u52d5\u306e\u52b9\u679c\u304c\u308f\u304b\u308a\u307e\u3059\u3002<\/p>\n <div class=\"chart-container h-64 md:h-80\">\n <canvas id=\"defectRateChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section id=\"kpis\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8 text-[#004AAD]\">\u5c0e\u5165\u304c\u3082\u305f\u3089\u3059\u3001\u6e2c\u5b9a\u53ef\u80fd\u306a\u30a4\u30f3\u30d1\u30af\u30c8<\/h2>\n <div class=\"grid md:grid-cols-3 gap-8\">\n <div class=\"kpi-card\">\n <div class=\"text-6xl font-black\">40%<\/div>\n <div class=\"text-xl font-bold mt-2\">\u54c1\u8cea\u6539\u5584\u30b5\u30a4\u30af\u30eb\u306e\u52a0\u901f<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"text-6xl font-black\">75%<\/div>\n <div class=\"text-xl font-bold mt-2\">\u539f\u56e0\u7a76\u660e\u6642\u9593\u306e\u77ed\u7e2e<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"text-6xl font-black\">30%<\/div>\n <div class=\"text-xl font-bold mt-2\">\u624b\u76f4\u3057\u30b3\u30b9\u30c8\u306e\u524a\u6e1b<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"summary-table\" class=\"mb-16\">\n <h2 class=\"text-3xl font-bold text-center mb-8 text-[#004AAD]\">\u6a5f\u80fd\u3068\u52b9\u679c\u306e\u307e\u3068\u3081<\/h2>\n <div class=\"bg-white rounded-lg shadow-xl overflow-x-auto\">\n <table class=\"w-full text-sm text-left text-gray-600\">\n <thead class=\"text-xs text-[#004AAD] uppercase bg-[#B4D4FF]\">\n <tr>\n <th scope=\"col\" class=\"p-4\">\u4e3b\u8981\u6a5f\u80fd<\/th>\n <th scope=\"col\" class=\"p-4\">\u89e3\u6c7a\u3055\u308c\u308b\u8ab2\u984c<\/th>\n <th scope=\"col\" class=\"p-4\">\u5c0e\u5165\u306b\u3088\u308b\u52b9\u679c<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"bg-white border-b border-gray-200\">\n <td class=\"p-4 font-bold text-gray-900\">\u4e0d\u5177\u5408\u30fb\u30af\u30ec\u30fc\u30e0\u7ba1\u7406<\/td>\n <td class=\"p-4\">\u7570\u5e38\u691c\u77e5\u306e\u9045\u308c\u3001\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u4e0d\u8db3<\/td>\n <td class=\"p-4\">\u54c1\u8cea\u6539\u5584\u30b5\u30a4\u30af\u30eb\u306e\u52a0\u901f\u3001\u4e0d\u826f\u54c1\u767a\u751f\u306e\u6291\u5236<\/td>\n <\/tr>\n <tr class=\"bg-gray-50 border-b border-gray-200\">\n <td class=\"p-4 font-bold text-gray-900\">\u54c1\u8cea\u8a18\u9332\u306e\u4e00\u5143\u7ba1\u7406<\/td>\n <td class=\"p-4\">\u8a18\u9332\u306e\u500b\u5225\u7ba1\u7406\u3001\u539f\u56e0\u7a76\u660e\u306e\u56f0\u96e3\u3055<\/td>\n <td class=\"p-4\">\u8fc5\u901f\u306a\u539f\u56e0\u7a76\u660e\u3001\u54c1\u8cea\u306e\u3070\u3089\u3064\u304d\u5206\u6790<\/td>\n <\/tr>\n <tr class=\"bg-white\">\n <td class=\"p-4 font-bold text-gray-900\">\u30ec\u30dd\u30fc\u30c8\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/td>\n <td class=\"p-4\">\u54c1\u8cea\u306e\u5ba2\u89b3\u7684\u8a55\u4fa1\u304c\u56f0\u96e3\u3001\u6539\u5584\u70b9\u306e\u7279\u5b9a\u9045\u5ef6<\/td>\n <td class=\"p-4\">\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u304f\u54c1\u8cea\u6539\u5584\u3001\u7684\u78ba\u306a\u610f\u601d\u6c7a\u5b9a\u652f\u63f4<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <footer class=\"text-center pt-8 border-t border-[#B4D4FF]\">\n <h2 class=\"text-2xl font-bold text-[#004AAD] mb-4\">\u300c\u4e88\u9632\u7684\u54c1\u8cea\u7ba1\u7406\u300d\u3067\u3001\u672a\u6765\u306e\u4fe1\u983c\u3092\u7bc9\u304f<\/h2>\n <p class=\"text-gray-600 max-w-3xl mx-auto\">YetiForceCRM\u306f\u3001\u5358\u306a\u308b\u696d\u52d9\u52b9\u7387\u5316\u30c4\u30fc\u30eb\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u554f\u984c\u767a\u751f\u5f8c\u306e\u5bfe\u51e6\u304b\u3089\u3001\u767a\u751f\u306e\u5146\u5019\u3092\u6349\u3048\u672a\u7136\u306b\u9632\u3050\u300c\u4e88\u9632\u7684\u54c1\u8cea\u7ba1\u7406\u300d\u3078\u306e\u30b7\u30d5\u30c8\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u88fd\u9020\u30b3\u30b9\u30c8\u306e\u524a\u6e1b\u3068\u9867\u5ba2\u6e80\u8db3\u5ea6\u306e\u5411\u4e0a\u3092\u4e21\u7acb\u3055\u305b\u3001\u4f01\u696d\u306e\u30d6\u30e9\u30f3\u30c9\u4fa1\u5024\u3068\u6301\u7d9a\u7684\u306a\u6210\u9577\u3092\u652f\u3048\u308b\u6226\u7565\u7684\u306a\u4e00\u624b\u3067\u3059\u3002<\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n const brilliantBlues = {\n dark: '#004AAD',\n bright: '#0079FF',\n light: '#B4D4FF',\n background: '#F0F8FF',\n text: '#333333'\n };\n\n const defaultChartOptions = {\n maintainAspectRatio: false,\n responsive: true,\n plugins: {\n legend: {\n labels: {\n color: brilliantBlues.text,\n font: {\n family: \"'Inter', 'Noto Sans JP', sans-serif\",\n size: 14\n }\n }\n },\n tooltip: {\n callbacks: {\n title: function(tooltipItems) {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n }\n return label;\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n ticks: { color: brilliantBlues.text },\n grid: { color: '#e0e0e0' }\n },\n x: {\n ticks: { color: brilliantBlues.text },\n grid: { display: false }\n }\n }\n };\n \n function wrapLabel(str, maxWidth) {\n if (str.length <= maxWidth) {\n return str;\n }\n const words = str.split(' ');\n let lines = [];\n let currentLine = '';\n for (const word of words) {\n if ((currentLine + word).length > maxWidth) {\n lines.push(currentLine.trim());\n currentLine = '';\n }\n currentLine += word + ' ';\n }\n lines.push(currentLine.trim());\n return lines.filter(line => line.length > 0);\n }\n\n new Chart(document.getElementById('responseTimeChart'), {\n type: 'line',\n data: {\n labels: ['1\u6708', '2\u6708', '3\u6708', '4\u6708', '5\u6708', '6\u6708'],\n datasets: [{\n label: '\u5e73\u5747\u5bfe\u5fdc\u5b8c\u4e86\u6642\u9593 (\u6642\u9593)',\n data: [48, 36, 24, 18, 12, 8],\n borderColor: brilliantBlues.bright,\n backgroundColor: 'rgba(0, 121, 255, 0.1)',\n fill: true,\n tension: 0.4\n }]\n },\n options: defaultChartOptions\n });\n\n new Chart(document.getElementById('traceabilityChart'), {\n type: 'bar',\n data: {\n labels: ['\u5c0e\u5165\u524d', '\u5c0e\u5165\u5f8c'],\n datasets: [{\n label: '\u539f\u56e0\u7a76\u660e\u306e\u5e73\u5747\u6642\u9593 (\u6642\u9593)',\n data: [96, 24],\n backgroundColor: [\n 'rgba(255, 99, 132, 0.6)',\n brilliantBlues.bright\n ],\n borderColor: [\n 'rgba(255, 99, 132, 1)',\n brilliantBlues.dark\n ],\n borderWidth: 1\n }]\n },\n options: {\n ...defaultChartOptions,\n plugins: {\n ...defaultChartOptions.plugins,\n legend: { display: false }\n }\n }\n });\n \n const defectRateLabels = ['\u524d\u5e74Q4', '\u5f53\u5e74Q1', '\u5f53\u5e74Q2', '\u5f53\u5e74Q3'];\n const wrappedDefectRateLabels = defectRateLabels.map(label => wrapLabel(label, 16));\n\n new Chart(document.getElementById('defectRateChart'), {\n type: 'bar',\n data: {\n labels: wrappedDefectRateLabels,\n datasets: [{\n label: '\u88fd\u54c1\u4e0d\u826f\u7387 (%)',\n data: [2.5, 1.8, 1.2, 0.9],\n backgroundColor: brilliantBlues.light,\n borderColor: brilliantBlues.bright,\n borderWidth: 2,\n borderRadius: 5\n }]\n },\n options: defaultChartOptions\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>YetiForceCRM \u54c1\u8cea\u7ba1\u7406\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af \u54c1\u8cea\u7ba1\u7406\u306eDX\u9769\u547d YetiForceCRM\u304c\u5b9f\u73fe\u3059\u308b\u3001\u30c7\u30fc\u30bf\u99c6\u52d5\u578b\u306e\u54c1\u8cea\u4fdd\u8a3c \u591a\u304f\u306e\u54c1\u8cea\u7ba1\u7406\u90e8\u9580\u304c\u76f4\u9762\u3059\u308b\u30013\u3064\u306e\u58c1 \u23f3 \u521d\u52d5\u5bfe\u5fdc\u306e\u9045\u5ef6 \u4e0d\u5177\u5408\u306e\u691c\u77e5\u304b\u3089\u539f\u56e0\u7a76\u660e […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-761","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=761"}],"version-history":[{"count":3,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/761\/revisions"}],"predecessor-version":[{"id":910,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/761\/revisions\/910"}],"wp:attachment":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}