{"id":741,"date":"2025-08-04T16:59:28","date_gmt":"2025-08-04T07:59:28","guid":{"rendered":"https:\/\/yetiworks.jp\/?page_id=741"},"modified":"2025-08-06T15:50:17","modified_gmt":"2025-08-06T06:50:17","slug":"%e4%ba%ba%e4%ba%8b%e3%83%bb%e7%b7%8f%e5%8b%99%e9%83%a8%e9%96%80","status":"publish","type":"page","link":"https:\/\/yetiworks.jp\/?page_id=741","title":{"rendered":"\u4eba\u4e8b\u30fb\u7dcf\u52d9\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: \u4eba\u4e8b\u30fb\u7dcf\u52d9\u90e8\u9580\u306eDX\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            color: #212529;\n        }\n        .chart-container {\n            position: relative;\n            margin-left: auto;\n            margin-right: auto;\n            height: 300px;\n            width: 100%;\n            max-width: 500px;\n        }\n        @media (min-width: 768px) {\n            .chart-container {\n                height: 350px;\n            }\n        }\n        .gradient-text {\n            background: linear-gradient(90deg, #00A6FB, #662E9B);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        .kpi-card {\n            background-color: white;\n            border-radius: 0.75rem;\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n            padding: 2rem;\n            text-align: center;\n            border-left: 8px solid;\n        }\n        .flowchart-step {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            padding: 1rem;\n            background-color: #ffffff;\n            border-radius: 0.5rem;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n            width: 130px;\n            height: 130px;\n        }\n    <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n    <div class=\"container mx-auto p-4 md:p-8 max-w-7xl\">\n\n        <header class=\"text-center mb-16\">\n            <h1 class=\"text-4xl md:text-6xl font-black gradient-text mb-4\">\u6226\u7565\u7684\u4eba\u4e8b\u90e8\u9580\u3078\u306e\u5909\u9769<\/h1>\n            <p class=\"text-lg md:text-xl text-gray-600 max-w-3xl mx-auto\">YetiForceCRM\u304c\u3001\u4eba\u4e8b\u30fb\u7dcf\u52d9\u90e8\u9580\u306e\u7169\u96d1\u306a\u696d\u52d9\u3092\u3044\u304b\u306b\u52b9\u7387\u5316\u3057\u3001\u4f01\u696d\u306e\u6210\u9577\u3092\u52a0\u901f\u3055\u305b\u308b\u304b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/p>\n        <\/header>\n\n        <section class=\"mb-20\">\n            <h2 class=\"text-3xl font-bold text-center mb-12\">\u3042\u306a\u305f\u306e\u90e8\u9580\u306f\u3001\u307e\u3060\u3053\u3093\u306a\u8ab2\u984c\u3092\u62b1\u3048\u3066\u3044\u307e\u305b\u3093\u304b\uff1f<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <div class=\"bg-white p-8 rounded-xl shadow-lg transform hover:scale-105 transition-transform duration-300\">\n                    <div class=\"text-5xl mb-4\">\ud83d\uddc2\ufe0f<\/div>\n                    <h3 class=\"text-xl font-bold mb-2\">\u7169\u96d1\u306a\u5f93\u696d\u54e1\u30fb\u7814\u4fee\u7ba1\u7406<\/h3>\n                    <p class=\"text-gray-600\">\u5f93\u696d\u54e1\u60c5\u5831\u304c\u7d19\u3084Excel\u306b\u6563\u5728\u3002\u5fc5\u8981\u306a\u60c5\u5831\u3092\u63a2\u3059\u3060\u3051\u3067\u4e00\u82e6\u52b4\u3002\u7814\u4fee\u5c65\u6b74\u3084\u8cc7\u683c\u3082\u30d0\u30e9\u30d0\u30e9\u3067\u3001\u9069\u5207\u306a\u4eba\u54e1\u914d\u7f6e\u304c\u56f0\u96e3\u306b\u3002<\/p>\n                <\/div>\n                <div class=\"bg-white p-8 rounded-xl shadow-lg transform hover:scale-105 transition-transform duration-300\">\n                    <div class=\"text-5xl mb-4\">\u23f1\ufe0f<\/div>\n                    <h3 class=\"text-xl font-bold mb-2\">\u6642\u9593\u306e\u304b\u304b\u308b\u554f\u3044\u5408\u308f\u305b\u5bfe\u5fdc<\/h3>\n                    <p class=\"text-gray-600\">\u798f\u5229\u539a\u751f\u3084\u624b\u7d9a\u304d\u306b\u95a2\u3059\u308b\u540c\u3058\u3088\u3046\u306a\u554f\u3044\u5408\u308f\u305b\u306b\u3001\u591a\u304f\u306e\u6642\u9593\u304c\u596a\u308f\u308c\u308b\u3002\u5eb6\u52d9\u696d\u52d9\u306b\u8ffd\u308f\u308c\u3001\u30b3\u30a2\u696d\u52d9\u306b\u96c6\u4e2d\u3067\u304d\u306a\u3044\u3002<\/p>\n                <\/div>\n                <div class=\"bg-white p-8 rounded-xl shadow-lg transform hover:scale-105 transition-transform duration-300\">\n                    <div class=\"text-5xl mb-4\">\ud83d\udd17<\/div>\n                    <h3 class=\"text-xl font-bold mb-2\">\u9023\u643a\u3057\u306a\u3044\u63a1\u7528\u3068\u793e\u54e1\u30c7\u30fc\u30bf<\/h3>\n                    <p class=\"text-gray-600\">\u63a1\u7528\u30c7\u30fc\u30bf\u3068\u5165\u793e\u5f8c\u306e\u793e\u54e1\u30c7\u30fc\u30bf\u304c\u5206\u65ad\u3002\u4e8c\u91cd\u5165\u529b\u3084\u60c5\u5831\u30ed\u30b9\u304c\u767a\u751f\u3057\u3001\u65b0\u5165\u793e\u54e1\u306e\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u304c\u975e\u52b9\u7387\u306b\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"mb-20\">\n            <h2 class=\"text-3xl font-bold text-center mb-12\">YetiForceCRM\u306b\u3088\u308b3\u3064\u306e\u5909\u9769<\/h2>\n            <div class=\"space-y-16\">\n\n                <div class=\"bg-white p-8 rounded-xl shadow-2xl\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n                        <div>\n                            <h3 class=\"text-2xl font-bold mb-4 text-[#00A6FB]\">\u5909\u97691: \u5f93\u696d\u54e1\u30c7\u30fc\u30bf\u3092\u4e00\u5143\u5316\u3057\u3001\u6226\u7565\u7684\u4eba\u54e1\u914d\u7f6e\u3092\u5b9f\u73fe<\/h3>\n                            <p class=\"text-gray-700 mb-6\">\u6563\u5728\u3057\u3066\u3044\u305f\u5f93\u696d\u54e1\u60c5\u5831\u3001\u7570\u52d5\u5c65\u6b74\u3001\u8a55\u4fa1\u3001\u30b9\u30ad\u30eb\u30bb\u30c3\u30c8\u3092\u4e00\u3064\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u96c6\u7d04\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u60c5\u5831\u306e\u30b5\u30a4\u30ed\u5316\u3092\u89e3\u6d88\u3057\u3001\u30c7\u30fc\u30bf\u306b\u57fa\u3065\u3044\u305f\u8fc5\u901f\u306a\u610f\u601d\u6c7a\u5b9a\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002<\/p>\n                            <div class=\"flex flex-col md:flex-row items-center justify-center gap-2 md:gap-4\">\n                                <div class=\"flowchart-step\">\n                                    <span class=\"text-4xl\">\ud83d\udcc4<br>\ud83d\udcc1<\/span>\n                                    <span class=\"font-bold mt-2\">\u6563\u5728\u30c7\u30fc\u30bf<\/span>\n                                <\/div>\n                                <div class=\"text-4xl text-[#F86624] font-bold transform rotate-90 md:rotate-0\">\u2192<\/div>\n                                <div class=\"flowchart-step bg-[#00A6FB] text-white\">\n                                    <span class=\"text-4xl\">\ud83d\uddc4\ufe0f<\/span>\n                                    <span class=\"font-bold mt-2\">YetiForce<\/span>\n                                <\/div>\n                                <div class=\"text-4xl text-[#F86624] font-bold transform rotate-90 md:rotate-0\">\u2192<\/div>\n                                <div class=\"flowchart-step\">\n                                    <span class=\"text-4xl\">\ud83d\udca1<\/span>\n                                    <span class=\"font-bold mt-2\">\u6226\u7565\u7684\u610f\u601d\u6c7a\u5b9a<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"text-center mt-8 md:mt-0\">\n                             <p class=\"text-lg font-bold text-gray-800 mb-2\">\u60c5\u5831\u691c\u7d22\u306b\u304b\u304b\u308b\u6642\u9593<\/p>\n                             <div class=\"text-6xl font-black text-[#00A6FB]\">80%<span class=\"text-3xl ml-2\">\u524a\u6e1b<\/span><\/div>\n                             <p class=\"text-gray-600 mt-2\">(\u5f53\u793e\u5c0e\u5165\u4f01\u696d\u5e73\u5747)<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-white p-8 rounded-xl shadow-2xl\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n                        <div class=\"chart-container order-2 md:order-1\">\n                            <canvas id=\"onboardingChart\"><\/canvas>\n                        <\/div>\n                        <div class=\"order-1 md:order-2\">\n                            <h3 class=\"text-2xl font-bold mb-4 text-[#F86624]\">\u5909\u97692: \u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u3092\u9ad8\u901f\u5316\u3057\u3001\u65e9\u671f\u6226\u529b\u5316\u3092\u652f\u63f4<\/h3>\n                            <p class=\"text-gray-700\">\u63a1\u7528\u304b\u3089\u5165\u793e\u5f8c\u306e\u30d7\u30ed\u30bb\u30b9\u3092\u30b7\u30fc\u30e0\u30ec\u30b9\u306b\u9023\u643a\u3002\u624b\u4f5c\u696d\u306b\u3088\u308b\u30c7\u30fc\u30bf\u79fb\u884c\u3084\u30bf\u30b9\u30af\u7ba1\u7406\u3092\u81ea\u52d5\u5316\u3059\u308b\u3053\u3068\u3067\u3001\u65b0\u5165\u793e\u54e1\u306e\u7acb\u3061\u4e0a\u304c\u308a\u3092\u5287\u7684\u306b\u6539\u5584\u3057\u3001\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u3092\u9ad8\u3081\u307e\u3059\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bg-white p-8 rounded-xl shadow-2xl\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n                         <div>\n                            <h3 class=\"text-2xl font-bold mb-4 text-[#662E9B]\">\u5909\u97693: \u696d\u52d9\u306e\u81ea\u52d5\u5316\u3067\u3001\u30b3\u30a2\u696d\u52d9\u3078\u96c6\u4e2d<\/h3>\n                            <p class=\"text-gray-700 mb-6\">\u5b9a\u578b\u7684\u306a\u554f\u3044\u5408\u308f\u305b\u5bfe\u5fdc\u3084\u5eb6\u52d9\u624b\u7d9a\u304d\u3092\u81ea\u52d5\u5316\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u4eba\u4e8b\u30fb\u7dcf\u52d9\u62c5\u5f53\u8005\u306f\u5358\u7d14\u4f5c\u696d\u304b\u3089\u89e3\u653e\u3055\u308c\u3001\u3088\u308a\u4ed8\u52a0\u4fa1\u5024\u306e\u9ad8\u3044\u6226\u7565\u7684\u306a\u696d\u52d9\u306b\u30ea\u30bd\u30fc\u30b9\u3092\u96c6\u4e2d\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n                        <\/div>\n                        <div class=\"chart-container\">\n                            <canvas id=\"workAllocationChart\"><\/canvas>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <section class=\"mb-20\">\n             <h2 class=\"text-3xl font-bold text-center mb-8\">\u5c0e\u5165\u304c\u3082\u305f\u3089\u3059\u3001\u5727\u5012\u7684\u306a\u751f\u7523\u6027\u5411\u4e0a<\/h2>\n             <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <div class=\"kpi-card border-l-[#00A6FB]\">\n                    <h3 class=\"text-xl font-bold mb-2\">\u60c5\u5831\u691c\u7d22\u306e\u52b9\u7387\u5316<\/h3>\n                    <p class=\"text-5xl font-black text-[#00A6FB]\">95%<\/p>\n                    <p class=\"text-gray-600 mt-2\">\u306e\u62c5\u5f53\u8005\u304c\u300c\u5fc5\u8981\u306a\u60c5\u5831\u306b\u3059\u3050\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u3063\u305f\u300d\u3068\u56de\u7b54\u3002<\/p>\n                <\/div>\n                <div class=\"kpi-card border-l-[#F86624]\">\n                    <h3 class=\"text-xl font-bold mb-2\">\u65b0\u5165\u793e\u54e1\u306e\u5b9a\u7740\u7387<\/h3>\n                    <p class=\"text-5xl font-black text-[#F86624]\">15%<span class=\"text-2xl\">\u5411\u4e0a<\/span><\/p>\n                    <p class=\"text-gray-600 mt-2\">\u30b9\u30e0\u30fc\u30ba\u306a\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u304c\u5f93\u696d\u54e1\u6e80\u8db3\u5ea6\u3092\u6539\u5584\u3002<\/p>\n                <\/div>\n                <div class=\"kpi-card border-l-[#662E9B]\">\n                    <h3 class=\"text-xl font-bold mb-2\">\u7ba1\u7406\u30b3\u30b9\u30c8<\/h3>\n                    <p class=\"text-5xl font-black text-[#662E9B]\">30%<span class=\"text-2xl\">\u524a\u6e1b<\/span><\/p>\n                    <p class=\"text-gray-600 mt-2\">\u30da\u30fc\u30d1\u30fc\u30ec\u30b9\u5316\u3068\u696d\u52d9\u81ea\u52d5\u5316\u306b\u3088\u308b\u76f4\u63a5\u7684\u306a\u52b9\u679c\u3002<\/p>\n                <\/div>\n             <\/div>\n        <\/section>\n\n        <section class=\"mb-20\">\n            <h2 class=\"text-3xl font-bold text-center mb-12\">\u4e3b\u8981\u6a5f\u80fd\u3068\u52b9\u679c\u306e\u307e\u3068\u3081<\/h2>\n            <div class=\"bg-white p-6 md:p-8 rounded-xl shadow-2xl overflow-x-auto\">\n                <table class=\"w-full text-left border-collapse min-w-[800px]\">\n                    <thead>\n                        <tr class=\"border-b-2 border-gray-300 bg-gray-50\">\n                            <th class=\"p-4 font-bold uppercase text-gray-600 tracking-wider\">\u4e3b\u8981\u6a5f\u80fd<\/th>\n                            <th class=\"p-4 font-bold uppercase text-gray-600 tracking-wider\">\u5177\u4f53\u7684\u306a\u6d3b\u7528\u65b9\u6cd5<\/th>\n                            <th class=\"p-4 font-bold uppercase text-gray-600 tracking-wider\">\u89e3\u6c7a\u3055\u308c\u308b\u8ab2\u984c<\/th>\n                            <th class=\"p-4 font-bold uppercase text-gray-600 tracking-wider\">\u751f\u7523\u6027\u5411\u4e0a\u30dd\u30a4\u30f3\u30c8<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody class=\"text-gray-700\">\n                        <tr class=\"border-b border-gray-200 hover:bg-gray-50\">\n                            <td class=\"p-4 font-bold text-gray-900\">\u5f93\u696d\u54e1\u30c7\u30fc\u30bf\u7ba1\u7406<\/td>\n                            <td class=\"p-4\">\u793e\u54e1\u60c5\u5831\u3001\u7570\u52d5\u5c65\u6b74\u3001\u8a55\u4fa1\u30e1\u30e2\u306e\u4e00\u5143\u7ba1\u7406\u3001\u691c\u7d22<\/td>\n                            <td class=\"p-4\">\u5f93\u696d\u54e1\u60c5\u5831\u30fb\u7814\u4fee\u7ba1\u7406\u306e\u7169\u96d1\u3055\u3001\u60c5\u5831\u691c\u7d22\u306e\u624b\u9593<\/td>\n                            <td class=\"p-4\">\u60c5\u5831\u691c\u7d22\u306e\u52b9\u7387\u5316\u3001\u6226\u7565\u7684\u306a\u4eba\u54e1\u914d\u7f6e<\/td>\n                        <\/tr>\n                        <tr class=\"border-b border-gray-200 hover:bg-gray-50 bg-gray-50\">\n                            <td class=\"p-4 font-bold text-gray-900\">\u63a1\u7528\u6d3b\u52d5\u9023\u643a<\/td>\n                            <td class=\"p-4\">\u5019\u88dc\u8005\u60c5\u5831\u767b\u9332\u3001\u5185\u5b9a\u6642\u30c7\u30fc\u30bf\u79fb\u884c\u3001\u30bf\u30b9\u30af\u81ea\u52d5\u5272\u308a\u5f53\u3066<\/td>\n                            <td class=\"p-4\">\u63a1\u7528\u6d3b\u52d5\u3068\u793e\u54e1\u30c7\u30fc\u30bf\u306e\u9023\u643a\u4e0d\u8db3\u3001\u4e8c\u91cd\u5165\u529b<\/td>\n                            <td class=\"p-4\">\u65b0\u5165\u793e\u54e1\u306e\u65e9\u671f\u6226\u529b\u5316\u3001\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u306e\u52b9\u7387\u5316<\/td>\n                        <\/tr>\n                        <tr class=\"border-b border-gray-200 hover:bg-gray-50\">\n                            <td class=\"p-4 font-bold text-gray-900\">\u52e4\u6020\u30fb\u4f5c\u696d\u6642\u9593\u7ba1\u7406<\/td>\n                            <td class=\"p-4\">\u5f93\u696d\u54e1\u306e\u52e4\u52d9\u6642\u9593\u3001\u4f5c\u696d\u5de5\u6570\u306e\u8a18\u9332\u30fb\u96c6\u8a08<\/td>\n                            <td class=\"p-4\">\u52e4\u6020\u7ba1\u7406\u306e\u7169\u96d1\u3055\u3001\u30c7\u30fc\u30bf\u96c6\u8a08\u306e\u624b\u9593<\/td>\n                            <td class=\"p-4\">\u52e4\u6020\u7ba1\u7406\u306e\u52b9\u7387\u5316\u3001\u6b63\u78ba\u306a\u5de5\u6570\u628a\u63e1<\/td>\n                        <\/tr>\n                        <tr class=\"hover:bg-gray-50 bg-gray-50\">\n                            <td class=\"p-4 font-bold text-gray-900\">\u30ce\u30fc\u30b3\u30fc\u30c9\u958b\u767a<\/td>\n                            <td class=\"p-4\">GUI\u8a2d\u5b9a\u306b\u3088\u308b\u81ea\u793e\u5411\u3051\u4eba\u4e8b\u30a2\u30d7\u30ea\uff08\u4f8b\uff1a\u6709\u7d66\u7ba1\u7406\uff09\u69cb\u7bc9<\/td>\n                            <td class=\"p-4\">\u7279\u5b9a\u696d\u52d9\u306e\u30b7\u30b9\u30c6\u30e0\u5316\u30cb\u30fc\u30ba\u3001\u958b\u767a\u30ea\u30bd\u30fc\u30b9\u4e0d\u8db3<\/td>\n                            <td class=\"p-4\">\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u306e\u6700\u9069\u5316\u3001\u5185\u88fd\u5316\u306b\u3088\u308b\u30b3\u30b9\u30c8\u524a\u6e1b<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n    <footer class=\"text-center p-8 mt-8 bg-white text-gray-800 border-t\">\n        <p class=\"font-bold text-xl mb-2\">YetiForceCRM\u3067\u3001\u3042\u306a\u305f\u306e\u7d44\u7e54\u3082\u6b21\u306e\u30b9\u30c6\u30fc\u30b8\u3078\u3002<\/p>\n    <\/footer>\n\n    <script>\n        function wrapText(text, maxLength) {\n            if (text.length <= maxLength) {\n                return text;\n            }\n            const words = text.split(' ');\n            const lines = [];\n            let currentLine = '';\n            for (const word of words) {\n                if ((currentLine + word).length > maxLength) {\n                    lines.push(currentLine.trim());\n                    currentLine = '';\n                }\n                currentLine += word + ' ';\n            }\n            lines.push(currentLine.trim());\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: 'bottom',\n                },\n                tooltip: {\n                    callbacks: {\n                        title: tooltipTitleCallback\n                    }\n                }\n            }\n        };\n\n        const onboardingCtx = document.getElementById('onboardingChart').getContext('2d');\n        new Chart(onboardingCtx, {\n            type: 'bar',\n            data: {\n                labels: ['\u5f93\u6765\u306e\u624b\u4f5c\u696d', 'YetiForce\u306b\u3088\u308b\u81ea\u52d5\u5316'],\n                datasets: [{\n                    label: '\u30aa\u30f3\u30dc\u30fc\u30c7\u30a3\u30f3\u30b0\u671f\u9593 (\u65e5)',\n                    data: [20, 8],\n                    backgroundColor: ['#F9C80E', '#F86624'],\n                    borderColor: ['#F9C80E', '#F86624'],\n                    borderWidth: 1\n                }]\n            },\n            options: {\n                ...commonChartOptions,\n                scales: {\n                    y: {\n                        beginAtZero: true,\n                        title: {\n                            display: true,\n                            text: '\u671f\u9593 (\u65e5)'\n                        }\n                    }\n                },\n                indexAxis: 'y',\n            }\n        });\n\n        const workAllocationCtx = document.getElementById('workAllocationChart').getContext('2d');\n        new Chart(workAllocationCtx, {\n            type: 'doughnut',\n            data: {\n                labels: ['\u6226\u7565\u7684\u696d\u52d9', '\u5b9a\u578b\u30fb\u5eb6\u52d9\u696d\u52d9'],\n                datasets: [{\n                    label: '\u5c0e\u5165\u5f8c\u306e\u696d\u52d9\u914d\u5206',\n                    data: [70, 30],\n                    backgroundColor: ['#662E9B', '#EA3546'],\n                    hoverOffset: 4\n                }]\n            },\n            options: {\n                ...commonChartOptions,\n                plugins: {\n                    ...commonChartOptions.plugins,\n                    title: {\n                        display: true,\n                        text: 'YetiForce\u5c0e\u5165\u5f8c\u306e\u696d\u52d9\u6642\u9593\u306e\u914d\u5206',\n                        font: {\n                            size: 16\n                        },\n                        padding: {\n                            top: 10,\n                            bottom: 20\n                        }\n                    }\n                }\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>YetiForceCRM: \u4eba\u4e8b\u30fb\u7dcf\u52d9\u90e8\u9580\u306eDX\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af \u6226\u7565\u7684\u4eba\u4e8b\u90e8\u9580\u3078\u306e\u5909\u9769 YetiForceCRM\u304c\u3001\u4eba\u4e8b\u30fb\u7dcf\u52d9\u90e8\u9580\u306e\u7169\u96d1\u306a\u696d\u52d9\u3092\u3044\u304b\u306b\u52b9\u7387\u5316\u3057\u3001\u4f01\u696d\u306e\u6210\u9577\u3092\u52a0\u901f\u3055\u305b\u308b\u304b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002 \u3042\u306a\u305f\u306e\u90e8\u9580 [&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-741","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/741","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=741"}],"version-history":[{"count":5,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/741\/revisions"}],"predecessor-version":[{"id":903,"href":"https:\/\/yetiworks.jp\/index.php?rest_route=\/wp\/v2\/pages\/741\/revisions\/903"}],"wp:attachment":[{"href":"https:\/\/yetiworks.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}