{"id":767,"date":"2025-08-05T09:35:44","date_gmt":"2025-08-05T00:35:44","guid":{"rendered":"https:\/\/yetiworks.jp\/?page_id=767"},"modified":"2025-08-06T15:55:22","modified_gmt":"2025-08-06T06:55:22","slug":"%e6%83%85%e5%a0%b1%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0%e9%83%a8%e9%96%80","status":"publish","type":"page","link":"https:\/\/yetiworks.jp\/?page_id=767","title":{"rendered":"\u60c5\u5831\u30b7\u30b9\u30c6\u30e0\u90e8\u9580\uff08\u56f3\u89e3\uff09"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>YetiForceCRM \u6d3b\u7528\u6226\u7565\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&#038;family=Noto+Sans+JP:wght@400;700;900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', 'Noto Sans JP', sans-serif;\n            background-color: #f8f9fa;\n        }\n        .chart-container {\n            position: relative;\n            width: 100%;\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n            height: 320px;\n            max-height: 400px;\n        }\n        @media (min-width: 768px) {\n            .chart-container {\n                height: 350px;\n            }\n        }\n        .gradient-text {\n            background: linear-gradient(45deg, #0a9396, #005f73);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-[#f8f9fa] text-[#001219]\">\n\n    <div class=\"container mx-auto p-4 md:p-8\">\n\n        <header class=\"text-center mb-16\">\n            <h1 class=\"text-4xl md:text-6xl font-black mb-4 gradient-text\">\u5b88\u308a\u306eIT\u304b\u3089\u3001\u653b\u3081\u306eDX\u3078<\/h1>\n            <p class=\"text-lg md:text-xl text-[#005f73]\">YetiForceCRM\u304c\u60c5\u5831\u30b7\u30b9\u30c6\u30e0\u90e8\u9580\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u5909\u9769\u3092\u52a0\u901f\u3059\u308b<\/p>\n        <\/header>\n\n        <section id=\"problems\" class=\"mb-20\">\n            <h2 class=\"text-3xl font-bold text-center mb-12\">\u591a\u304f\u306e\u60c5\u5831\u30b7\u30b9\u30c6\u30e0\u90e8\u9580\u304c\u76f4\u9762\u3059\u308b\u300c3\u3064\u306e\u58c1\u300d<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n                <div class=\"bg-white p-6 rounded-lg shadow-md\">\n                    <div class=\"text-6xl mb-4\">\ud83c\udf2a\ufe0f<\/div>\n                    <h3 class=\"text-xl font-bold mb-2\">\u30b7\u30b9\u30c6\u30e0\u306e\u30b5\u30a4\u30ed\u5316<\/h3>\n                    <p class=\"text-gray-600\">\u90e8\u9580\u3054\u3068\u306b\u30b7\u30b9\u30c6\u30e0\u304c\u4e71\u7acb\u3057\u3001\u30c7\u30fc\u30bf\u9023\u643a\u304c\u56f0\u96e3\u306b\u3002\u300c\u30b7\u30e3\u30c9\u30fcIT\u300d\u304c\u6a2a\u884c\u3057\u3001\u904b\u7528\u30b3\u30b9\u30c8\u304c\u5897\u5927\u3002<\/p>\n                <\/div>\n                <div class=\"bg-white p-6 rounded-lg shadow-md\">\n                    <div class=\"text-6xl mb-4\">\ud83d\udd10<\/div>\n                    <h3 class=\"text-xl font-bold mb-2\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u5c5e\u4eba\u5316<\/h3>\n                    <p class=\"text-gray-600\">\u30a2\u30af\u30bb\u30b9\u6a29\u9650\u3084\u5bfe\u7b56\u304c\u7279\u5b9a\u62c5\u5f53\u8005\u306b\u4f9d\u5b58\u3002\u60c5\u5831\u6f0f\u6d29\u306e\u30ea\u30b9\u30af\u3068\u7ba1\u7406\u306e\u975e\u52b9\u7387\u6027\u304c\u8ab2\u984c\u306b\u3002<\/p>\n                <\/div>\n                <div class=\"bg-white p-6 rounded-lg shadow-md\">\n                    <div class=\"text-6xl mb-4\">\ud83d\udcca<\/div>\n                    <h3 class=\"text-xl font-bold mb-2\">\u30c7\u30fc\u30bf\u6d3b\u7528\u306e\u505c\u6ede<\/h3>\n                    <p class=\"text-gray-600\">\u30c7\u30fc\u30bf\u306f\u5b58\u5728\u3059\u308b\u304c\u3001\u5206\u6790\u30fb\u53ef\u8996\u5316\u3059\u308b\u57fa\u76e4\u304c\u4e0d\u8db3\u3002\u30c7\u30fc\u30bf\u30c9\u30ea\u30d6\u30f3\u306a\u610f\u601d\u6c7a\u5b9a\u3092\u963b\u5bb3\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"solution-overview\" class=\"mb-20\">\n            <h2 class=\"text-3xl font-bold text-center mb-4\">\u305d\u306e\u8ab2\u984c\u3001YetiForce\u3067\u300c\u7d71\u5408\u300d\u3059\u308b\u3002<\/h2>\n            <p class=\"text-center text-lg text-gray-700 mb-12 max-w-3xl mx-auto\">YetiForceCRM\u306f\u3001\u6563\u5728\u3059\u308b\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u3068\u30c7\u30fc\u30bf\u3092\u4e00\u5143\u5316\u3057\u3001IT\u30ac\u30d0\u30ca\u30f3\u30b9\u3068\u30d3\u30b8\u30cd\u30b9\u306e\u6210\u9577\u3092\u4e21\u7acb\u3055\u305b\u308b\u7d71\u5408\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3059\u3002<\/p>\n            <div class=\"w-full p-8 bg-white rounded-lg shadow-lg\">\n                <div class=\"flex flex-col md:flex-row items-center justify-center space-y-8 md:space-y-0 md:space-x-8\">\n                    <div class=\"text-center\">\n                        <div class=\"p-4 bg-[#e9d8a6] rounded-full inline-block\">\n                            <span class=\"text-4xl\">\ud83c\udfe2<\/span>\n                        <\/div>\n                        <p class=\"font-bold mt-2\">\u5404\u696d\u52d9\u90e8\u9580<\/p>\n                    <\/div>\n                    <div class=\"text-5xl text-[#94d2bd] font-thin transform md:-rotate-0\">\u2192<\/div>\n                    <div class=\"text-center\">\n                        <div class=\"p-6 bg-[#0a9396] text-white rounded-xl shadow-2xl\">\n                            <h3 class=\"text-2xl font-black\">YetiForce<\/h3>\n                            <p class=\"text-sm\">\u7d71\u5408CRM\u57fa\u76e4<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"text-5xl text-[#94d2bd] font-thin transform md:-rotate-0\">\u2192<\/div>\n                    <div class=\"text-center\">\n                         <div class=\"p-4 bg-[#e9d8a6] rounded-full inline-block\">\n                            <span class=\"text-4xl\">\ud83d\ude80<\/span>\n                        <\/div>\n                        <p class=\"font-bold mt-2\">\u30d3\u30b8\u30cd\u30b9\u5909\u9769 (DX)<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"deep-dive\" class=\"mb-20\">\n            <h2 class=\"text-3xl font-bold text-center mb-12\">\u30c7\u30fc\u30bf\u3067\u898b\u308bYetiForce\u5c0e\u5165\u52b9\u679c<\/h2>\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n\n                <div class=\"bg-white p-6 rounded-lg shadow-md\">\n                    <h3 class=\"text-xl font-bold mb-2 text-[#005f73]\">\u30b3\u30b9\u30c8\u524a\u6e1b\uff1a\u30b7\u30b9\u30c6\u30e0\u4e71\u7acb\u304b\u3089\u7d71\u5408\u57fa\u76e4\u3078<\/h3>\n                    <p class=\"text-gray-600 mb-4\">\u30ce\u30fc\u30b3\u30fc\u30c9\/\u30ed\u30fc\u30b3\u30fc\u30c9\u958b\u767a\u3067\u5404\u90e8\u9580\u306e\u30cb\u30fc\u30ba\u306b\u5bfe\u5fdc\u3057\u3001\u30b7\u30b9\u30c6\u30e0\u3092\u7d71\u5408\u3002\u904b\u7528\u30fb\u4fdd\u5b88\u30b3\u30b9\u30c8\u3092\u5287\u7684\u306b\u524a\u6e1b\u3057\u307e\u3059\u3002<\/p>\n                    <div class=\"chart-container\"><canvas id=\"costChart\"><\/canvas><\/div>\n                <\/div>\n\n                <div class=\"bg-white p-6 rounded-lg shadow-md\">\n                    <h3 class=\"text-xl font-bold mb-2 text-[#005f73]\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5f37\u5316\uff1a\u5c5e\u4eba\u5316\u304b\u3089\u7d44\u7e54\u7684\u7ba1\u7406\u3078<\/h3>\n                    <p class=\"text-gray-600 mb-4\">\u5305\u62ec\u7684\u306a\u6a29\u9650\u7ba1\u7406\u306860\u4ee5\u4e0a\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd\u3067\u3001\u7d44\u7e54\u5168\u4f53\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30ec\u30d9\u30eb\u3092\u98db\u8e8d\u7684\u306b\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/p>\n                    <div class=\"chart-container\"><canvas id=\"securityChart\"><\/canvas><\/div>\n                <\/div>\n\n                <div class=\"bg-white p-6 rounded-lg shadow-md\">\n                    <h3 class=\"text-xl font-bold mb-2 text-[#005f73]\">\u30c7\u30fc\u30bf\u6d3b\u7528\uff1a\u7d4c\u9a13\u3068\u52d8\u304b\u3089\u30c7\u30fc\u30bf\u30c9\u30ea\u30d6\u30f3\u7d4c\u55b6\u3078<\/h3>\n                    <p class=\"text-gray-600 mb-4\">\u7d71\u5408\u3055\u308c\u305f\u30c7\u30fc\u30bf\u3068\u5f37\u529b\u306a\u30ec\u30dd\u30fc\u30c8\u6a5f\u80fd\u306b\u3088\u308a\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306a\u6d1e\u5bdf\u3092\u5f97\u3066\u3001\u8fc5\u901f\u304b\u3064\u6b63\u78ba\u306a\u610f\u601d\u6c7a\u5b9a\u3092\u652f\u63f4\u3057\u307e\u3059\u3002<\/p>\n                    <div class=\"chart-container\"><canvas id=\"dataUtilizationChart\"><\/canvas><\/div>\n                <\/div>\n\n                <div class=\"bg-white p-6 rounded-lg shadow-md\">\n                    <h3 class=\"text-xl font-bold mb-2 text-[#005f73]\">\u6226\u7565\u7684\u512a\u4f4d\u6027\uff1a\u30d9\u30f3\u30c0\u30fc\u30ed\u30c3\u30af\u30a4\u30f3\u304b\u3089\u306e\u89e3\u653e<\/h3>\n                    <p class=\"text-gray-600 mb-4\">\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u3067\u3042\u308b\u305f\u3081\u3001\u7279\u5b9a\u306e\u30d9\u30f3\u30c0\u30fc\u306b\u4f9d\u5b58\u305b\u305a\u3001\u81ea\u793e\u306e\u6226\u7565\u306b\u5408\u308f\u305b\u305f\u67d4\u8edf\u3067\u6301\u7d9a\u53ef\u80fd\u306a\u30b7\u30b9\u30c6\u30e0\u904b\u7528\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n                    <div class=\"flex items-center justify-around h-full\">\n                        <div class=\"text-center\">\n                            <div class=\"text-6xl font-black text-[#0a9396]\">12,500+<\/div>\n                            <div class=\"text-lg font-bold text-gray-700\">\u30e6\u30fc\u30b6\u30fc\u5bfe\u5fdc\u5b9f\u7e3e<\/div>\n                            <p class=\"text-sm text-gray-500\">\u4f01\u696d\u306e\u6210\u9577\u3092\u652f\u3048\u308b\u62e1\u5f35\u6027<\/p>\n                        <\/div>\n                        <div class=\"text-center\">\n                            <div class=\"text-7xl\">\ud83d\udd4a\ufe0f<\/div>\n                            <div class=\"text-lg font-bold text-gray-700\">\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9<\/div>\n                             <p class=\"text-sm text-gray-500\">\u81ea\u7531\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3068\u904b\u7528<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <section id=\"summary-table\" class=\"mb-20\">\n            <h2 class=\"text-3xl font-bold text-center mb-12\">\u6a5f\u80fd\u3068\u52b9\u679c\u306e\u307e\u3068\u3081<\/h2>\n            <div class=\"bg-white p-6 rounded-lg shadow-lg overflow-x-auto\">\n                <table class=\"w-full text-left border-collapse\">\n                    <thead>\n                        <tr>\n                            <th class=\"p-4 bg-[#0a9396] text-white font-bold border-b-2 border-white\">\u8ab2\u984c<\/th>\n                            <th class=\"p-4 bg-[#0a9396] text-white font-bold border-b-2 border-white\">YetiForce\u306e\u4e3b\u8981\u6a5f\u80fd<\/th>\n                            <th class=\"p-4 bg-[#0a9396] text-white font-bold border-b-2 border-white\">\u5c0e\u5165\u306b\u3088\u308b\u52b9\u679c<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr class=\"hover:bg-gray-100\">\n                            <td class=\"p-4 border-b border-gray-200 font-semibold text-[#005f73]\">\u30b7\u30b9\u30c6\u30e0\u306e\u30b5\u30a4\u30ed\u5316<br>\u30b7\u30e3\u30c9\u30fcIT<\/td>\n                            <td class=\"p-4 border-b border-gray-200\">\u30ce\u30fc\u30b3\u30fc\u30c9\/\u30ed\u30fc\u30b3\u30fc\u30c9\u958b\u767a<br>\u5916\u90e8\u30b7\u30b9\u30c6\u30e0\u9023\u643a\u30fbAPI<\/td>\n                            <td class=\"p-4 border-b border-gray-200\">IT\u30ac\u30d0\u30ca\u30f3\u30b9\u5f37\u5316<br>\u904b\u7528\u30b3\u30b9\u30c8\u524a\u6e1b<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-gray-100\">\n                            <td class=\"p-4 border-b border-gray-200 font-semibold text-[#005f73]\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u30ea\u30b9\u30af<br>\u5c5e\u4eba\u5316<\/td>\n                            <td class=\"p-4 border-b border-gray-200\">\u5305\u62ec\u7684\u306a\u6a29\u9650\u7ba1\u7406<br>60\u4ee5\u4e0a\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u6a5f\u80fd<\/td>\n                            <td class=\"p-4 border-b border-gray-200\">\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u5f37\u5316<br>\u5185\u90e8\u7d71\u5236\u306e\u5411\u4e0a<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-gray-100\">\n                            <td class=\"p-4 border-b border-gray-200 font-semibold text-[#005f73]\">\u30c7\u30fc\u30bf\u6d3b\u7528\u57fa\u76e4\u306e\u4e0d\u8db3<\/td>\n                            <td class=\"p-4 border-b border-gray-200\">\u30ec\u30dd\u30fc\u30c8\u30fb\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u6a5f\u80fd<\/td>\n                            <td class=\"p-4 border-b border-gray-200\">\u30c7\u30fc\u30bf\u30c9\u30ea\u30d6\u30f3\u306a\u610f\u601d\u6c7a\u5b9a\u652f\u63f4<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-gray-100\">\n                            <td class=\"p-4 border-b-0 font-semibold text-[#005f73]\">\u30d9\u30f3\u30c0\u30fc\u3078\u306e\u4f9d\u5b58<\/td>\n                            <td class=\"p-4 border-b-0\">\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9<\/td>\n                            <td class=\"p-4 border-b-0\">\u30d9\u30f3\u30c0\u30fc\u30ed\u30c3\u30af\u30a4\u30f3\u306e\u56de\u907f<br>\u6301\u7d9a\u53ef\u80fd\u306a\u30b7\u30b9\u30c6\u30e0\u904b\u7528<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/section>\n\n        <footer class=\"text-center pt-10 border-t border-gray-300\">\n            <h2 class=\"text-3xl font-bold text-center mb-4\">IT\u90e8\u9580\u3092\u3001\u4f01\u696d\u306e\u6210\u9577\u30a8\u30f3\u30b8\u30f3\u306b\u3002<\/h2>\n            <p class=\"text-lg text-gray-700 mb-8\">YetiForceCRM\u306f\u3001\u60c5\u5831\u30b7\u30b9\u30c6\u30e0\u90e8\u9580\u306e\u30c7\u30b8\u30bf\u30eb\u30c8\u30e9\u30f3\u30b9\u30d5\u30a9\u30fc\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u6210\u529f\u306b\u5c0e\u304f\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3059\u3002<\/p>\n        <\/footer>\n\n    <\/div>\n\n    <script>\n        const brilliantBlues = {\n            darkTeal: '#005f73',\n            mediumTeal: '#0a9396',\n            lightMint: '#94d2bd',\n            paleGold: '#e9d8a6',\n            darkBlue: '#001219',\n            white: '#FFFFFF'\n        };\n\n        function wrapText(label, maxWidth = 16) {\n            if (typeof label !== 'string' || label.length <= maxWidth) {\n                return label;\n            }\n            const words = label.split('');\n            const lines = [];\n            let currentLine = '';\n            words.forEach(word => {\n                if ((currentLine + word).length > maxWidth) {\n                    lines.push(currentLine);\n                    currentLine = '';\n                }\n                currentLine += word;\n            });\n            lines.push(currentLine);\n            return lines;\n        }\n\n        const tooltipTitleCallback = (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        const commonChartOptions = {\n            responsive: true,\n            maintainAspectRatio: false,\n            plugins: {\n                legend: {\n                    position: 'top',\n                    labels: {\n                        color: brilliantBlues.darkBlue,\n                        font: {\n                            family: \"'Inter', 'Noto Sans JP', sans-serif\",\n                        }\n                    }\n                },\n                tooltip: {\n                    callbacks: {\n                        title: tooltipTitleCallback\n                    }\n                }\n            },\n            scales: {\n                y: {\n                    ticks: { color: brilliantBlues.darkBlue },\n                    grid: { color: '#e0e0e0' }\n                },\n                x: {\n                    ticks: { color: brilliantBlues.darkBlue },\n                    grid: { display: false }\n                }\n            }\n        };\n\n        const costChartCtx = document.getElementById('costChart').getContext('2d');\n        new Chart(costChartCtx, {\n            type: 'bar',\n            data: {\n                labels: ['\u5c0e\u5165\u524d (Before)', '\u5c0e\u5165\u5f8c (After)'],\n                datasets: [{\n                    label: '\u30e9\u30a4\u30bb\u30f3\u30b9\u30fb\u4fdd\u5b88\u8cbb\u7528 (\u767e\u4e07\u5186)',\n                    data: [5, 1.5],\n                    backgroundColor: [brilliantBlues.paleGold, brilliantBlues.lightMint],\n                    borderColor: [brilliantBlues.paleGold, brilliantBlues.lightMint],\n                    borderWidth: 1\n                }, {\n                    label: '\u90e8\u9580\u3054\u3068\u306e\u500b\u5225\u958b\u767a\u30fb\u904b\u7528\u8cbb\u7528 (\u767e\u4e07\u5186)',\n                    data: [8, 0],\n                    backgroundColor: [brilliantBlues.mediumTeal, brilliantBlues.mediumTeal],\n                    borderColor: [brilliantBlues.mediumTeal, brilliantBlues.mediumTeal],\n                    borderWidth: 1\n                }]\n            },\n            options: {\n                ...commonChartOptions,\n                scales: {\n                    x: { stacked: true, ticks: { color: brilliantBlues.darkBlue }, grid: { display: false } },\n                    y: { stacked: true, ticks: { color: brilliantBlues.darkBlue }, grid: { color: '#e0e0e0' }, title: { display: true, text: '\u5e74\u9593\u7dcf\u30b3\u30b9\u30c8 (\u767e\u4e07\u5186)' } }\n                }\n            }\n        });\n\n        const securityChartCtx = document.getElementById('securityChart').getContext('2d');\n        new Chart(securityChartCtx, {\n            type: 'radar',\n            data: {\n                labels: ['\u30a2\u30af\u30bb\u30b9\u5236\u5fa1', '\u30c7\u30fc\u30bf\u6697\u53f7\u5316', '\u76e3\u67fb\u8a3c\u8de1', '\u8106\u5f31\u6027\u5bfe\u7b56', '\u6a29\u9650\u7ba1\u7406\u306e\u67d4\u8edf\u6027'].map(l => wrapText(l)),\n                datasets: [{\n                    label: '\u5c0e\u5165\u524d (Before)',\n                    data: [40, 50, 30, 45, 35],\n                    fill: true,\n                    backgroundColor: 'rgba(233, 216, 166, 0.4)',\n                    borderColor: brilliantBlues.paleGold,\n                    pointBackgroundColor: brilliantBlues.paleGold,\n                }, {\n                    label: '\u5c0e\u5165\u5f8c (After)',\n                    data: [95, 90, 85, 90, 98],\n                    fill: true,\n                    backgroundColor: 'rgba(10, 147, 150, 0.4)',\n                    borderColor: brilliantBlues.mediumTeal,\n                    pointBackgroundColor: brilliantBlues.mediumTeal,\n                }]\n            },\n            options: {\n                ...commonChartOptions,\n                scales: {\n                    r: {\n                        angleLines: { color: '#e0e0e0' },\n                        grid: { color: '#e0e0e0' },\n                        pointLabels: {\n                            color: brilliantBlues.darkBlue,\n                            font: { size: 12, family: \"'Inter', 'Noto Sans JP', sans-serif\" }\n                        },\n                        ticks: {\n                            backdropColor: 'rgba(255, 255, 255, 0.75)',\n                            color: brilliantBlues.darkBlue\n                        },\n                        min: 0,\n                        max: 100\n                    }\n                }\n            }\n        });\n\n        const dataUtilizationChartCtx = document.getElementById('dataUtilizationChart').getContext('2d');\n        new Chart(dataUtilizationChartCtx, {\n            type: 'line',\n            data: {\n                labels: ['\u5c0e\u5165\u524d', '3\u30f6\u6708\u5f8c', '6\u30f6\u6708\u5f8c', '9\u30f6\u6708\u5f8c', '12\u30f6\u6708\u5f8c'],\n                datasets: [{\n                    label: '\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u304f\u610f\u601d\u6c7a\u5b9a\u7387 (%)',\n                    data: [15, 45, 65, 80, 92],\n                    borderColor: brilliantBlues.mediumTeal,\n                    backgroundColor: 'rgba(10, 147, 150, 0.2)',\n                    fill: true,\n                    tension: 0.3\n                }]\n            },\n            options: {\n                ...commonChartOptions,\n                scales: {\n                    y: {\n                        min: 0,\n                        max: 100,\n                        ticks: { callback: value => value + '%' }\n                    }\n                }\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>YetiForceCRM \u6d3b\u7528\u6226\u7565\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af \u5b88\u308a\u306eIT\u304b\u3089\u3001\u653b\u3081\u306eDX\u3078 YetiForceCRM\u304c\u60c5\u5831\u30b7\u30b9\u30c6\u30e0\u90e8\u9580\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u3001\u30d3\u30b8\u30cd\u30b9\u5909\u9769\u3092\u52a0\u901f\u3059\u308b \u591a\u304f\u306e\u60c5\u5831\u30b7\u30b9\u30c6\u30e0\u90e8\u9580\u304c\u76f4\u9762\u3059\u308b\u300c3\u3064\u306e\u58c1\u300d \ud83c\udf2a\ufe0f  [&hellip;]<\/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-767","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/767","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=767"}],"version-history":[{"count":3,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/767\/revisions"}],"predecessor-version":[{"id":917,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/767\/revisions\/917"}],"wp:attachment":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}