YETIWORKS – \u30ce\u30fc\u30b3\u30fc\u30c9CRM\u300cYetiForce\u300d\u5c0e\u5165\u652f\u63f4\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\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\">\r\n <style>\r\n body {\r\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\r\n background-color: #F7F9FC;\r\n }\r\n .chart-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n height: 300px;\r\n max-height: 400px;\r\n }\r\n @media (min-width: 768px) {\r\n .chart-container {\r\n height: 350px;\r\n }\r\n }\r\n .gradient-text {\r\n background: linear-gradient(45deg, #2a9d8f, #e9c46a);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n .flow-arrow {\r\n color: #cbd5e1;\r\n font-weight: bold;\r\n font-size: 1.5rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800\">\r\n\r\n <div class=\"container mx-auto p-4 md:p-8\">\r\n\r\n <header class=\"text-center my-12 md:my-16\">\r\n <h1 class=\"text-4xl md:text-6xl font-black mb-4\">\r\n <span class=\"gradient-text\">\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u4e0d\u8981<\/span>\u306eDX\uff06CRM\u9769\u547d\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-600 max-w-3xl mx-auto\">\r\n \u30d3\u30b8\u30cd\u30b9\u306e\u73fe\u5834\u62c5\u5f53\u8005\u304c\u4e3b\u5f79\u306b\u3002YETIWORKS\u306a\u3089\u3001\u5c02\u9580\u77e5\u8b58\u306a\u3057\u3067\u7406\u60f3\u306eDX\uff06CRM\u30b7\u30b9\u30c6\u30e0\u3092\u69cb\u7bc9\u30fb\u904b\u7528\u3067\u304d\u307e\u3059\u3002\r\n <\/p>\r\n <\/header>\r\n\r\n <main>\r\n <section class=\"my-12 md:my-20\">\r\n <div class=\"bg-white rounded-2xl shadow-lg p-8 md:p-12 text-center\">\r\n <p class=\"text-2xl md:text-3xl font-bold text-gray-600 mb-2\">\u958b\u767a\u30b3\u30b9\u30c8\u3068\u30e9\u30a4\u30bb\u30f3\u30b9\u8cbb\u7528\u3001\u30c0\u30d6\u30eb\u3067\u524a\u6e1b<\/p>\r\n <div class=\"text-7xl md:text-9xl font-black gradient-text my-4\">\r\n \u00a50\r\n <\/div>\r\n <p class=\"text-lg md:text-xl text-gray-700\">\r\n YETIWORKS\u306f\u30e9\u30a4\u30bb\u30f3\u30b9\u7121\u6599\u3002\u3055\u3089\u306b\u30ce\u30fc\u30b3\u30fc\u30c9\u306a\u306e\u3067\u3001\u9ad8\u984d\u306a\u958b\u767a\u8cbb\u7528\u3082\u304b\u304b\u308a\u307e\u305b\u3093\u3002\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"my-16 md:my-24\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">\u30af\u30ea\u30c3\u30af\uff06\u30c9\u30e9\u30c3\u30b0\u3067\u3001\u601d\u3044\u901a\u308a\u306eDX\uff06CRM\u3092<\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30ec\u30d9\u30eb\u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3082\u3001\u76f4\u611f\u7684\u306a\u64cd\u4f5c\u3060\u3051\u3067\u8a2d\u5b9a\u30fb\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div class=\"bg-white rounded-2xl shadow-lg p-6\">\r\n <div class=\"chart-container h-80 md:h-96\">\r\n <canvas id=\"featuresRadarChart\"><\/canvas>\r\n <\/div>\r\n <p class=\"text-center mt-4 text-gray-600\">\u3053\u308c\u3089\u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u304c\u3001\u3059\u3079\u3066\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306a\u3057\u3067\u5229\u7528\u53ef\u80fd\u3067\u3059\u3002<\/p>\r\n <\/div>\r\n <div class=\"space-y-6\">\r\n <div class=\"bg-white rounded-2xl shadow-lg p-5 flex items-start space-x-4\">\r\n <div class=\"text-3xl\">\u2699\ufe0f<\/div>\r\n <div>\r\n <h3 class=\"font-bold text-xl\">\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u3092\u81ea\u52d5\u5316<\/h3>\r\n <p class=\"text-gray-600\">\u300cA\u304c\u8d77\u304d\u305f\u3089B\u3092\u5b9f\u884c\u3059\u308b\u300d\u3068\u3044\u3063\u305f\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u3001\u30d1\u30ba\u30eb\u611f\u899a\u3067\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-5 flex items-start space-x-4\">\r\n <div class=\"text-3xl\">\ud83d\udcdd<\/div>\r\n <div>\r\n <h3 class=\"font-bold text-xl\">\u5165\u529b\u9805\u76ee\u3092\u81ea\u7531\u306b\u8ffd\u52a0<\/h3>\r\n <p class=\"text-gray-600\">\u300c\u3053\u306e\u60c5\u5831\u3082\u7ba1\u7406\u3057\u305f\u3044\u300d\u3068\u601d\u3063\u305f\u3089\u3001\u305d\u306e\u5834\u3067\u7ba1\u7406\u9805\u76ee\u3092\u7c21\u5358\u306b\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-5 flex items-start space-x-4\">\r\n <div class=\"text-3xl\">\ud83d\udcca<\/div>\r\n <div>\r\n <h3 class=\"font-bold text-xl\">\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30ec\u30dd\u30fc\u30c8\u4f5c\u6210<\/h3>\r\n <p class=\"text-gray-600\">\u898b\u305f\u3044\u30c7\u30fc\u30bf\u3092\u7d44\u307f\u5408\u308f\u305b\u3001\u30b0\u30e9\u30d5\u3084\u8868\u3092\u81ea\u7531\u306b\u4f5c\u6210\u3002\u7d4c\u55b6\u5224\u65ad\u3092\u52a0\u901f\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-5 flex items-start space-x-4\">\r\n <div class=\"text-3xl\">\ud83d\udd12<\/div>\r\n <div>\r\n <h3 class=\"font-bold text-xl\">\u4e07\u5168\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u8a2d\u5b9a<\/h3>\r\n <p class=\"text-gray-600\">\u300c\u8ab0\u304c\u300d\u300c\u4f55\u3092\u898b\u308c\u308b\u304b\u300d\u306a\u3069\u3001\u91cd\u8981\u306a\u6a29\u9650\u8a2d\u5b9a\u3082\u30af\u30ea\u30c3\u30af\u64cd\u4f5c\u3067\u5b8c\u7d50\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"my-16 md:my-24\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">\u3082\u3046\u3001\u5916\u90e8\u306e\u958b\u767a\u4f1a\u793e\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093<\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">YETIWOEKS\u304c\u3001\u3044\u304b\u306b\u8fc5\u901f\u304b\u3064\u67d4\u8edf\u306b\u30d3\u30b8\u30cd\u30b9\u306e\u5909\u5316\u306b\u5bfe\u5fdc\u3067\u304d\u308b\u304b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-6 md:p-8\">\r\n <div class=\"chart-container h-96 md:h-[500px]\">\r\n <canvas id=\"comparisonBarChart\"><\/canvas>\r\n <\/div>\r\n <p class=\"text-center mt-8 text-gray-600\">\u3053\u306e\u30b0\u30e9\u30d5\u306f\u3001YETIWORKS\u304c\u300c\u30ce\u30fc\u30b3\u30fc\u30c9\u3067\u306e\u67d4\u8edf\u6027\u300d\u3068\u300c\u5c0e\u5165\u30fb\u6539\u4fee\u30b9\u30d4\u30fc\u30c9\u300d\u3067\u5f93\u6765\u578bCRM\u3092\u5727\u5012\u3059\u308b\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002\u30b3\u30b9\u30c8\u3092\u6291\u3048\u3064\u3064\u3001\u81ea\u793e\u4e3b\u5c0e\u3067\u306e\u30b9\u30d4\u30fc\u30c7\u30a3\u306a\u696d\u52d9\u6539\u5584\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"my-16 md:my-24\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">\u3042\u306a\u305f\u306e\u4f1a\u793e\u306f\u300c\u30ce\u30fc\u30b3\u30fc\u30c9DX\uff06CRM\u300d\u5411\u304d\uff1f<\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">IT\u62c5\u5f53\u8005\u306b\u983c\u3089\u305a\u3001\u73fe\u5834\u4e3b\u5c0e\u3067\u696d\u52d9\u3092\u6539\u5584\u3057\u305f\u3044\u4f01\u696d\u306b\u6700\u9069\u3067\u3059\u3002<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-6 md:p-10\">\r\n <div class=\"flex flex-col items-center space-y-4\">\r\n <div class=\"p-4 bg-blue-100 border-2 border-blue-400 rounded-lg text-center shadow\">\r\n <h3 class=\"font-bold text-lg\">START: \u696d\u52d9\u6539\u5584\u306e\u5fc5\u8981\u6027\u3092\u611f\u3058\u3066\u3044\u308b<\/h3>\r\n <\/div>\r\n <div class=\"flow-arrow\">\u25bc<\/div>\r\n <div class=\"p-4 bg-orange-100 border-2 border-orange-400 rounded-lg text-center shadow\">\r\n <h3 class=\"font-bold text-lg\">IT\u62c5\u5f53\u8005\u304c\u3044\u306a\u3044\u3001\u307e\u305f\u306f\u591a\u5fd9\u3067\u983c\u307f\u3065\u3089\u3044<\/h3>\r\n <\/div>\r\n <div class=\"flow-arrow\">\u25bc<\/div>\r\n <div class=\"p-4 bg-orange-100 border-2 border-orange-400 rounded-lg text-center shadow\">\r\n <h3 class=\"font-bold text-lg\">\u5916\u90e8\u59d4\u8a17\u305b\u305a\u3001\u81ea\u5206\u305f\u3061\u3067\u8fc5\u901f\u306b\u30b7\u30b9\u30c6\u30e0\u3092\u6539\u4fee\u3057\u305f\u3044<\/h3>\r\n <\/div>\r\n <div class=\"flow-arrow\">\u25bc<\/div>\r\n <div class=\"p-6 bg-green-100 border-2 border-green-500 rounded-lg text-center shadow-xl\">\r\n <h3 class=\"font-bold text-xl text-green-800\">\u306f\u3044\uff01 YETIWORKS\u304c\u305d\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u307e\u3059\u3002<\/h3>\r\n <p class=\"text-green-700 mt-2\">\u73fe\u5834\u306e\u30a2\u30a4\u30c7\u30a2\u3092\u5373\u5ea7\u306b\u30b7\u30b9\u30c6\u30e0\u306b\u53cd\u6620\u3057\u3001\u7af6\u4e89\u529b\u3092\u9ad8\u3081\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"my-16 md:my-24\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">YETIWORKS\u304c\u300c\u30ce\u30fc\u30b3\u30fc\u30c9\u306e\u5148\u300d\u3078\u5c0e\u304f<\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">\u8a8d\u5b9a\u30d1\u30fc\u30c8\u30ca\u30fc\u3060\u304b\u3089\u3053\u305d\u3067\u304d\u308b\u3001\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u3067\u6210\u529f\u3078\u3068\u5c0e\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div class=\"space-y-4 text-lg\">\r\n <p>\u30ce\u30fc\u30b3\u30fc\u30c9\u30c4\u30fc\u30eb\u306f\u624b\u8efd\u3067\u3059\u304c\u3001\u6700\u5927\u9650\u306b\u6d3b\u7528\u3059\u308b\u306b\u306f\u300c\u4f55\u3092\u300d\u300c\u3069\u3046\u4f5c\u308b\u304b\u300d\u3068\u3044\u3046\u8a2d\u8a08\u601d\u60f3\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\r\n <p class=\"font-bold\">\u79c1\u305f\u3061YETIWORKS\u306f\u3001\u4ee5\u4e0b\u306e\u4fa1\u5024\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\r\n <ul class=\"list-disc list-inside space-y-2 pl-4\">\r\n <li><span class=\"font-bold\" style=\"color:#2a9d8f;\">\u696d\u52d9\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0:<\/span> \u8cb4\u793e\u306e\u8ab2\u984c\u3092\u6574\u7406\u3057\u3001\u6700\u9069\u306aDX&CRM\u306e\u5f62\u3092\u5171\u306b\u8a2d\u8a08\u3057\u307e\u3059\u3002<\/li>\r\n <li><span class=\"font-bold\" style=\"color:#2a9d8f;\">\u67d4\u8edf\u306a\u8a2d\u5b9a\u4ee3\u884c:<\/span> \u904b\u7528\u4ee3\u884c\u306b\u3088\u308b\u30ce\u30fc\u30b3\u30fc\u30c9\u306e\u8a2d\u5b9a\u3082\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002<\/li>\r\n <li><span class=\"font-bold\" style=\"color:#2a9d8f;\">\u6d3b\u7528\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0:<\/span> \u73fe\u5834\u306e\u7686\u69d8\u304c\u30c4\u30fc\u30eb\u3092\u4f7f\u3044\u3053\u306a\u305b\u308b\u3088\u3046\u3001\u4e01\u5be7\u306b\u30ec\u30af\u30c1\u30e3\u30fc\u3057\u307e\u3059\u3002<\/li>\r\n <li><span class=\"font-bold\" style=\"color:#2a9d8f;\">\u5b89\u5fc3\u306e\u6280\u8853\u30b5\u30dd\u30fc\u30c8:<\/span> \u4e07\u304c\u4e00\u306e\u30c8\u30e9\u30d6\u30eb\u306b\u3082\u8fc5\u901f\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-6\">\r\n <div class=\"chart-container h-80 md:h-96\">\r\n <canvas id=\"partnerValueDoughnutChart\"><\/canvas>\r\n <\/div>\r\n <p class=\"text-center mt-4 text-gray-600\">YETIWORKS\u306f\u3001\u30e9\u30a4\u30bb\u30f3\u30b9\u3068\u958b\u767a\u306e\u300c\u30b3\u30b9\u30c8\u524a\u6e1b\u300d\u306b\u52a0\u3048\u3001\u5c02\u9580\u5bb6\u306e\u4f34\u8d70\u306b\u3088\u308b\u300c\u5c0e\u5165\u52b9\u679c\u306e\u6700\u5927\u5316\u300d\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer class=\"text-center my-12 border-t pt-8\">\r\n <p class=\"text-2xl font-bold mb-4\">\u73fe\u5834\u304c\u4e3b\u5f79\u306eDX\u3092\u3001\u4eca\u3059\u3050\u3002<\/p>\r\n <p class=\"text-gray-600 mb-6\">YETIWORKS\u3067\u3001\u65b0\u3057\u3044\u50cd\u304d\u65b9\u3092\u5b9f\u73fe\u3057\u307e\u305b\u3093\u304b\uff1f<\/p>\r\n <p class=\"text-sm text-gray-500 mt-8\">\u5f53\u793e\u306f\u56fd\u5185\u552f\u4e00\u306eYetiForce\u793e\u8a8d\u5b9a\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3059\u3002<\/p>\r\n <\/footer>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const wrapLabel = (label, maxLength = 16) => {\r\n if (label.length <= maxLength) {\r\n return label;\r\n }\r\n const words = label.split(' ');\r\n const lines = [];\r\n let currentLine = '';\r\n for (const word of words) {\r\n if ((currentLine + ' ' + word).length > maxLength && currentLine.length > 0) {\r\n lines.push(currentLine);\r\n currentLine = word;\r\n } else {\r\n if (currentLine.length > 0) {\r\n currentLine += ' ' + word;\r\n } else {\r\n currentLine = word;\r\n }\r\n }\r\n }\r\n lines.push(currentLine);\r\n return lines;\r\n };\r\n\r\n const tooltipTitleCallback = (tooltipItems) => {\r\n const item = tooltipItems[0];\r\n let label = item.chart.data.labels[item.dataIndex];\r\n if (Array.isArray(label)) {\r\n return label.join(' ');\r\n }\r\n return label;\r\n };\r\n \r\n const palette = {\r\n primary: '#2a9d8f',\r\n secondary: '#e9c46a',\r\n accent: '#f4a261',\r\n danger: '#e76f51',\r\n dark: '#264653'\r\n };\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const featuresRadarCtx = document.getElementById('featuresRadarChart').getContext('2d');\r\n new Chart(featuresRadarCtx, {\r\n type: 'radar',\r\n data: {\r\n labels: ['\u81ea\u52d5\u5316', '\u30ec\u30dd\u30fc\u30c8', '\u8ca9\u58f2\u7ba1\u7406', '\u9867\u5ba2\u30b5\u30dd\u30fc\u30c8', '\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3', '\u9805\u76ee\u7de8\u96c6'],\r\n datasets: [{\r\n label: '\u30ce\u30fc\u30b3\u30fc\u30c9\u3067\u5b9f\u73fe\u3067\u304d\u308b\u6a5f\u80fd',\r\n data: [90, 92, 85, 88, 95, 98],\r\n backgroundColor: 'rgba(42, 157, 143, 0.2)',\r\n borderColor: palette.primary,\r\n pointBackgroundColor: palette.primary,\r\n pointBorderColor: '#fff',\r\n pointHoverBackgroundColor: '#fff',\r\n pointHoverBorderColor: palette.primary\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { display: false },\r\n tooltip: { callbacks: { title: tooltipTitleCallback } }\r\n },\r\n scales: {\r\n r: {\r\n angleLines: { color: '#ddd' },\r\n grid: { color: '#eee' },\r\n pointLabels: { font: { size: 14 }, color: '#333' },\r\n ticks: { backdropColor: 'transparent', stepSize: 20 },\r\n suggestedMin: 0,\r\n suggestedMax: 100\r\n }\r\n }\r\n }\r\n });\r\n\r\n const comparisonBarCtx = document.getElementById('comparisonBarChart').getContext('2d');\r\n new Chart(comparisonBarCtx, {\r\n type: 'bar',\r\n data: {\r\n labels: [wrapLabel('\u30ce\u30fc\u30b3\u30fc\u30c9\u3067\u306e\u67d4\u8edf\u6027'), wrapLabel('\u5c0e\u5165\u30fb\u6539\u4fee\u30b9\u30d4\u30fc\u30c9'), '\u30b3\u30b9\u30c8\u52b9\u7387', wrapLabel('\u81ea\u793e\u3067\u306e\u904b\u7528\u6027')],\r\n datasets: [{\r\n label: 'YetiForceCRM',\r\n data: [90, 95, 98, 92],\r\n backgroundColor: palette.primary,\r\n borderColor: palette.primary,\r\n borderWidth: 1\r\n }, {\r\n label: '\u5f93\u6765\u578bCRM\/\u958b\u767a',\r\n data: [40, 30, 30, 50],\r\n backgroundColor: palette.danger,\r\n borderColor: palette.danger,\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n indexAxis: 'y',\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { position: 'top' },\r\n tooltip: { callbacks: { title: tooltipTitleCallback } }\r\n },\r\n scales: {\r\n x: {\r\n beginAtZero: true,\r\n max: 100,\r\n grid: { display: false }\r\n },\r\n y: {\r\n grid: { display: false }\r\n }\r\n }\r\n }\r\n });\r\n\r\n const partnerValueDoughnutCtx = document.getElementById('partnerValueDoughnutChart').getContext('2d');\r\n new Chart(partnerValueDoughnutCtx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: ['\u30e9\u30a4\u30bb\u30f3\u30b9\u30b3\u30b9\u30c8\u524a\u6e1b', '\u958b\u767a\u30b3\u30b9\u30c8\u524a\u6e1b', 'YETIWORKS\u306e\u5c02\u9580\u30b5\u30dd\u30fc\u30c8'],\r\n datasets: [{\r\n data: [35, 35, 30],\r\n backgroundColor: [palette.primary, palette.secondary, palette.accent],\r\n hoverOffset: 4\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { position: 'bottom' },\r\n tooltip: { callbacks: { title: tooltipTitleCallback } }\r\n },\r\n cutout: '60%'\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CRM\u6a19\u6e96\u642d\u8f09\u30ce\u30fc\u30b3\u30fc\u30c9\u30c4\u30fc\u30eb\u3000YETIWORKS YETIWORKS – \u30ce\u30fc\u30b3\u30fc\u30c9CRM\u300cYetiForce\u300d\u5c0e\u5165\u652f\u63f4\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af \u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u4e0d\u8981\u306eDX\uff06CRM\u9769\u547d \u30d3\u30b8\u30cd\u30b9\u306e\u73fe\u5834\u62c5\u5f53\u8005\u304c\u4e3b\u5f79 […]<\/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-604","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/pages\/604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iplanner.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=604"}],"version-history":[{"count":18,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/pages\/604\/revisions"}],"predecessor-version":[{"id":793,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/pages\/604\/revisions\/793"}],"wp:attachment":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":604,"date":"2025-07-31T17:50:58","date_gmt":"2025-07-31T08:50:58","guid":{"rendered":"https:\/\/iplanner.jp\/?page_id=604"},"modified":"2025-08-06T12:28:46","modified_gmt":"2025-08-06T03:28:46","slug":"yetiworks","status":"publish","type":"page","link":"https:\/\/iplanner.jp\/?page_id=604","title":{"rendered":"YETIWORKS\uff08\u56f3\u89e3\u7248\uff09"},"content":{"rendered":"\n

CRM\u6a19\u6e96\u642d\u8f09\u30ce\u30fc\u30b3\u30fc\u30c9\u30c4\u30fc\u30eb\u3000YETIWORKS<\/strong><\/span><\/strong><\/span><\/h2>\n\n\n\n\r\n\r\n\r\n \r\n \r\n YETIWORKS – \u30ce\u30fc\u30b3\u30fc\u30c9CRM\u300cYetiForce\u300d\u5c0e\u5165\u652f\u63f4\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\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\">\r\n <style>\r\n body {\r\n font-family: 'Inter', 'Noto Sans JP', sans-serif;\r\n background-color: #F7F9FC;\r\n }\r\n .chart-container {\r\n position: relative;\r\n width: 100%;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n height: 300px;\r\n max-height: 400px;\r\n }\r\n @media (min-width: 768px) {\r\n .chart-container {\r\n height: 350px;\r\n }\r\n }\r\n .gradient-text {\r\n background: linear-gradient(45deg, #2a9d8f, #e9c46a);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n .flow-arrow {\r\n color: #cbd5e1;\r\n font-weight: bold;\r\n font-size: 1.5rem;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800\">\r\n\r\n <div class=\"container mx-auto p-4 md:p-8\">\r\n\r\n <header class=\"text-center my-12 md:my-16\">\r\n <h1 class=\"text-4xl md:text-6xl font-black mb-4\">\r\n <span class=\"gradient-text\">\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u4e0d\u8981<\/span>\u306eDX\uff06CRM\u9769\u547d\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-gray-600 max-w-3xl mx-auto\">\r\n \u30d3\u30b8\u30cd\u30b9\u306e\u73fe\u5834\u62c5\u5f53\u8005\u304c\u4e3b\u5f79\u306b\u3002YETIWORKS\u306a\u3089\u3001\u5c02\u9580\u77e5\u8b58\u306a\u3057\u3067\u7406\u60f3\u306eDX\uff06CRM\u30b7\u30b9\u30c6\u30e0\u3092\u69cb\u7bc9\u30fb\u904b\u7528\u3067\u304d\u307e\u3059\u3002\r\n <\/p>\r\n <\/header>\r\n\r\n <main>\r\n <section class=\"my-12 md:my-20\">\r\n <div class=\"bg-white rounded-2xl shadow-lg p-8 md:p-12 text-center\">\r\n <p class=\"text-2xl md:text-3xl font-bold text-gray-600 mb-2\">\u958b\u767a\u30b3\u30b9\u30c8\u3068\u30e9\u30a4\u30bb\u30f3\u30b9\u8cbb\u7528\u3001\u30c0\u30d6\u30eb\u3067\u524a\u6e1b<\/p>\r\n <div class=\"text-7xl md:text-9xl font-black gradient-text my-4\">\r\n \u00a50\r\n <\/div>\r\n <p class=\"text-lg md:text-xl text-gray-700\">\r\n YETIWORKS\u306f\u30e9\u30a4\u30bb\u30f3\u30b9\u7121\u6599\u3002\u3055\u3089\u306b\u30ce\u30fc\u30b3\u30fc\u30c9\u306a\u306e\u3067\u3001\u9ad8\u984d\u306a\u958b\u767a\u8cbb\u7528\u3082\u304b\u304b\u308a\u307e\u305b\u3093\u3002\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"my-16 md:my-24\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">\u30af\u30ea\u30c3\u30af\uff06\u30c9\u30e9\u30c3\u30b0\u3067\u3001\u601d\u3044\u901a\u308a\u306eDX\uff06CRM\u3092<\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30ec\u30d9\u30eb\u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3082\u3001\u76f4\u611f\u7684\u306a\u64cd\u4f5c\u3060\u3051\u3067\u8a2d\u5b9a\u30fb\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div class=\"bg-white rounded-2xl shadow-lg p-6\">\r\n <div class=\"chart-container h-80 md:h-96\">\r\n <canvas id=\"featuresRadarChart\"><\/canvas>\r\n <\/div>\r\n <p class=\"text-center mt-4 text-gray-600\">\u3053\u308c\u3089\u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u304c\u3001\u3059\u3079\u3066\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306a\u3057\u3067\u5229\u7528\u53ef\u80fd\u3067\u3059\u3002<\/p>\r\n <\/div>\r\n <div class=\"space-y-6\">\r\n <div class=\"bg-white rounded-2xl shadow-lg p-5 flex items-start space-x-4\">\r\n <div class=\"text-3xl\">\u2699\ufe0f<\/div>\r\n <div>\r\n <h3 class=\"font-bold text-xl\">\u696d\u52d9\u30d7\u30ed\u30bb\u30b9\u3092\u81ea\u52d5\u5316<\/h3>\r\n <p class=\"text-gray-600\">\u300cA\u304c\u8d77\u304d\u305f\u3089B\u3092\u5b9f\u884c\u3059\u308b\u300d\u3068\u3044\u3063\u305f\u30ef\u30fc\u30af\u30d5\u30ed\u30fc\u3092\u3001\u30d1\u30ba\u30eb\u611f\u899a\u3067\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-5 flex items-start space-x-4\">\r\n <div class=\"text-3xl\">\ud83d\udcdd<\/div>\r\n <div>\r\n <h3 class=\"font-bold text-xl\">\u5165\u529b\u9805\u76ee\u3092\u81ea\u7531\u306b\u8ffd\u52a0<\/h3>\r\n <p class=\"text-gray-600\">\u300c\u3053\u306e\u60c5\u5831\u3082\u7ba1\u7406\u3057\u305f\u3044\u300d\u3068\u601d\u3063\u305f\u3089\u3001\u305d\u306e\u5834\u3067\u7ba1\u7406\u9805\u76ee\u3092\u7c21\u5358\u306b\u8ffd\u52a0\u3067\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-5 flex items-start space-x-4\">\r\n <div class=\"text-3xl\">\ud83d\udcca<\/div>\r\n <div>\r\n <h3 class=\"font-bold text-xl\">\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30ec\u30dd\u30fc\u30c8\u4f5c\u6210<\/h3>\r\n <p class=\"text-gray-600\">\u898b\u305f\u3044\u30c7\u30fc\u30bf\u3092\u7d44\u307f\u5408\u308f\u305b\u3001\u30b0\u30e9\u30d5\u3084\u8868\u3092\u81ea\u7531\u306b\u4f5c\u6210\u3002\u7d4c\u55b6\u5224\u65ad\u3092\u52a0\u901f\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-5 flex items-start space-x-4\">\r\n <div class=\"text-3xl\">\ud83d\udd12<\/div>\r\n <div>\r\n <h3 class=\"font-bold text-xl\">\u4e07\u5168\u306e\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u8a2d\u5b9a<\/h3>\r\n <p class=\"text-gray-600\">\u300c\u8ab0\u304c\u300d\u300c\u4f55\u3092\u898b\u308c\u308b\u304b\u300d\u306a\u3069\u3001\u91cd\u8981\u306a\u6a29\u9650\u8a2d\u5b9a\u3082\u30af\u30ea\u30c3\u30af\u64cd\u4f5c\u3067\u5b8c\u7d50\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"my-16 md:my-24\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">\u3082\u3046\u3001\u5916\u90e8\u306e\u958b\u767a\u4f1a\u793e\u306f\u5fc5\u8981\u3042\u308a\u307e\u305b\u3093<\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">YETIWOEKS\u304c\u3001\u3044\u304b\u306b\u8fc5\u901f\u304b\u3064\u67d4\u8edf\u306b\u30d3\u30b8\u30cd\u30b9\u306e\u5909\u5316\u306b\u5bfe\u5fdc\u3067\u304d\u308b\u304b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-6 md:p-8\">\r\n <div class=\"chart-container h-96 md:h-[500px]\">\r\n <canvas id=\"comparisonBarChart\"><\/canvas>\r\n <\/div>\r\n <p class=\"text-center mt-8 text-gray-600\">\u3053\u306e\u30b0\u30e9\u30d5\u306f\u3001YETIWORKS\u304c\u300c\u30ce\u30fc\u30b3\u30fc\u30c9\u3067\u306e\u67d4\u8edf\u6027\u300d\u3068\u300c\u5c0e\u5165\u30fb\u6539\u4fee\u30b9\u30d4\u30fc\u30c9\u300d\u3067\u5f93\u6765\u578bCRM\u3092\u5727\u5012\u3059\u308b\u3053\u3068\u3092\u793a\u3057\u3066\u3044\u307e\u3059\u3002\u30b3\u30b9\u30c8\u3092\u6291\u3048\u3064\u3064\u3001\u81ea\u793e\u4e3b\u5c0e\u3067\u306e\u30b9\u30d4\u30fc\u30c7\u30a3\u306a\u696d\u52d9\u6539\u5584\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"my-16 md:my-24\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">\u3042\u306a\u305f\u306e\u4f1a\u793e\u306f\u300c\u30ce\u30fc\u30b3\u30fc\u30c9DX\uff06CRM\u300d\u5411\u304d\uff1f<\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">IT\u62c5\u5f53\u8005\u306b\u983c\u3089\u305a\u3001\u73fe\u5834\u4e3b\u5c0e\u3067\u696d\u52d9\u3092\u6539\u5584\u3057\u305f\u3044\u4f01\u696d\u306b\u6700\u9069\u3067\u3059\u3002<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-6 md:p-10\">\r\n <div class=\"flex flex-col items-center space-y-4\">\r\n <div class=\"p-4 bg-blue-100 border-2 border-blue-400 rounded-lg text-center shadow\">\r\n <h3 class=\"font-bold text-lg\">START: \u696d\u52d9\u6539\u5584\u306e\u5fc5\u8981\u6027\u3092\u611f\u3058\u3066\u3044\u308b<\/h3>\r\n <\/div>\r\n <div class=\"flow-arrow\">\u25bc<\/div>\r\n <div class=\"p-4 bg-orange-100 border-2 border-orange-400 rounded-lg text-center shadow\">\r\n <h3 class=\"font-bold text-lg\">IT\u62c5\u5f53\u8005\u304c\u3044\u306a\u3044\u3001\u307e\u305f\u306f\u591a\u5fd9\u3067\u983c\u307f\u3065\u3089\u3044<\/h3>\r\n <\/div>\r\n <div class=\"flow-arrow\">\u25bc<\/div>\r\n <div class=\"p-4 bg-orange-100 border-2 border-orange-400 rounded-lg text-center shadow\">\r\n <h3 class=\"font-bold text-lg\">\u5916\u90e8\u59d4\u8a17\u305b\u305a\u3001\u81ea\u5206\u305f\u3061\u3067\u8fc5\u901f\u306b\u30b7\u30b9\u30c6\u30e0\u3092\u6539\u4fee\u3057\u305f\u3044<\/h3>\r\n <\/div>\r\n <div class=\"flow-arrow\">\u25bc<\/div>\r\n <div class=\"p-6 bg-green-100 border-2 border-green-500 rounded-lg text-center shadow-xl\">\r\n <h3 class=\"font-bold text-xl text-green-800\">\u306f\u3044\uff01 YETIWORKS\u304c\u305d\u306e\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u307e\u3059\u3002<\/h3>\r\n <p class=\"text-green-700 mt-2\">\u73fe\u5834\u306e\u30a2\u30a4\u30c7\u30a2\u3092\u5373\u5ea7\u306b\u30b7\u30b9\u30c6\u30e0\u306b\u53cd\u6620\u3057\u3001\u7af6\u4e89\u529b\u3092\u9ad8\u3081\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"my-16 md:my-24\">\r\n <div class=\"text-center mb-12\">\r\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">YETIWORKS\u304c\u300c\u30ce\u30fc\u30b3\u30fc\u30c9\u306e\u5148\u300d\u3078\u5c0e\u304f<\/h2>\r\n <p class=\"text-lg text-gray-600 max-w-2xl mx-auto\">\u8a8d\u5b9a\u30d1\u30fc\u30c8\u30ca\u30fc\u3060\u304b\u3089\u3053\u305d\u3067\u304d\u308b\u3001\u624b\u539a\u3044\u30b5\u30dd\u30fc\u30c8\u3067\u6210\u529f\u3078\u3068\u5c0e\u304d\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div class=\"space-y-4 text-lg\">\r\n <p>\u30ce\u30fc\u30b3\u30fc\u30c9\u30c4\u30fc\u30eb\u306f\u624b\u8efd\u3067\u3059\u304c\u3001\u6700\u5927\u9650\u306b\u6d3b\u7528\u3059\u308b\u306b\u306f\u300c\u4f55\u3092\u300d\u300c\u3069\u3046\u4f5c\u308b\u304b\u300d\u3068\u3044\u3046\u8a2d\u8a08\u601d\u60f3\u304c\u91cd\u8981\u3067\u3059\u3002<\/p>\r\n <p class=\"font-bold\">\u79c1\u305f\u3061YETIWORKS\u306f\u3001\u4ee5\u4e0b\u306e\u4fa1\u5024\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\r\n <ul class=\"list-disc list-inside space-y-2 pl-4\">\r\n <li><span class=\"font-bold\" style=\"color:#2a9d8f;\">\u696d\u52d9\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0:<\/span> \u8cb4\u793e\u306e\u8ab2\u984c\u3092\u6574\u7406\u3057\u3001\u6700\u9069\u306aDX&CRM\u306e\u5f62\u3092\u5171\u306b\u8a2d\u8a08\u3057\u307e\u3059\u3002<\/li>\r\n <li><span class=\"font-bold\" style=\"color:#2a9d8f;\">\u67d4\u8edf\u306a\u8a2d\u5b9a\u4ee3\u884c:<\/span> \u904b\u7528\u4ee3\u884c\u306b\u3088\u308b\u30ce\u30fc\u30b3\u30fc\u30c9\u306e\u8a2d\u5b9a\u3082\u304a\u4efb\u305b\u304f\u3060\u3055\u3044\u3002<\/li>\r\n <li><span class=\"font-bold\" style=\"color:#2a9d8f;\">\u6d3b\u7528\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0:<\/span> \u73fe\u5834\u306e\u7686\u69d8\u304c\u30c4\u30fc\u30eb\u3092\u4f7f\u3044\u3053\u306a\u305b\u308b\u3088\u3046\u3001\u4e01\u5be7\u306b\u30ec\u30af\u30c1\u30e3\u30fc\u3057\u307e\u3059\u3002<\/li>\r\n <li><span class=\"font-bold\" style=\"color:#2a9d8f;\">\u5b89\u5fc3\u306e\u6280\u8853\u30b5\u30dd\u30fc\u30c8:<\/span> \u4e07\u304c\u4e00\u306e\u30c8\u30e9\u30d6\u30eb\u306b\u3082\u8fc5\u901f\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"bg-white rounded-2xl shadow-lg p-6\">\r\n <div class=\"chart-container h-80 md:h-96\">\r\n <canvas id=\"partnerValueDoughnutChart\"><\/canvas>\r\n <\/div>\r\n <p class=\"text-center mt-4 text-gray-600\">YETIWORKS\u306f\u3001\u30e9\u30a4\u30bb\u30f3\u30b9\u3068\u958b\u767a\u306e\u300c\u30b3\u30b9\u30c8\u524a\u6e1b\u300d\u306b\u52a0\u3048\u3001\u5c02\u9580\u5bb6\u306e\u4f34\u8d70\u306b\u3088\u308b\u300c\u5c0e\u5165\u52b9\u679c\u306e\u6700\u5927\u5316\u300d\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer class=\"text-center my-12 border-t pt-8\">\r\n <p class=\"text-2xl font-bold mb-4\">\u73fe\u5834\u304c\u4e3b\u5f79\u306eDX\u3092\u3001\u4eca\u3059\u3050\u3002<\/p>\r\n <p class=\"text-gray-600 mb-6\">YETIWORKS\u3067\u3001\u65b0\u3057\u3044\u50cd\u304d\u65b9\u3092\u5b9f\u73fe\u3057\u307e\u305b\u3093\u304b\uff1f<\/p>\r\n <p class=\"text-sm text-gray-500 mt-8\">\u5f53\u793e\u306f\u56fd\u5185\u552f\u4e00\u306eYetiForce\u793e\u8a8d\u5b9a\u30d1\u30fc\u30c8\u30ca\u30fc\u3067\u3059\u3002<\/p>\r\n <\/footer>\r\n\r\n <\/div>\r\n\r\n <script>\r\n const wrapLabel = (label, maxLength = 16) => {\r\n if (label.length <= maxLength) {\r\n return label;\r\n }\r\n const words = label.split(' ');\r\n const lines = [];\r\n let currentLine = '';\r\n for (const word of words) {\r\n if ((currentLine + ' ' + word).length > maxLength && currentLine.length > 0) {\r\n lines.push(currentLine);\r\n currentLine = word;\r\n } else {\r\n if (currentLine.length > 0) {\r\n currentLine += ' ' + word;\r\n } else {\r\n currentLine = word;\r\n }\r\n }\r\n }\r\n lines.push(currentLine);\r\n return lines;\r\n };\r\n\r\n const tooltipTitleCallback = (tooltipItems) => {\r\n const item = tooltipItems[0];\r\n let label = item.chart.data.labels[item.dataIndex];\r\n if (Array.isArray(label)) {\r\n return label.join(' ');\r\n }\r\n return label;\r\n };\r\n \r\n const palette = {\r\n primary: '#2a9d8f',\r\n secondary: '#e9c46a',\r\n accent: '#f4a261',\r\n danger: '#e76f51',\r\n dark: '#264653'\r\n };\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const featuresRadarCtx = document.getElementById('featuresRadarChart').getContext('2d');\r\n new Chart(featuresRadarCtx, {\r\n type: 'radar',\r\n data: {\r\n labels: ['\u81ea\u52d5\u5316', '\u30ec\u30dd\u30fc\u30c8', '\u8ca9\u58f2\u7ba1\u7406', '\u9867\u5ba2\u30b5\u30dd\u30fc\u30c8', '\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3', '\u9805\u76ee\u7de8\u96c6'],\r\n datasets: [{\r\n label: '\u30ce\u30fc\u30b3\u30fc\u30c9\u3067\u5b9f\u73fe\u3067\u304d\u308b\u6a5f\u80fd',\r\n data: [90, 92, 85, 88, 95, 98],\r\n backgroundColor: 'rgba(42, 157, 143, 0.2)',\r\n borderColor: palette.primary,\r\n pointBackgroundColor: palette.primary,\r\n pointBorderColor: '#fff',\r\n pointHoverBackgroundColor: '#fff',\r\n pointHoverBorderColor: palette.primary\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { display: false },\r\n tooltip: { callbacks: { title: tooltipTitleCallback } }\r\n },\r\n scales: {\r\n r: {\r\n angleLines: { color: '#ddd' },\r\n grid: { color: '#eee' },\r\n pointLabels: { font: { size: 14 }, color: '#333' },\r\n ticks: { backdropColor: 'transparent', stepSize: 20 },\r\n suggestedMin: 0,\r\n suggestedMax: 100\r\n }\r\n }\r\n }\r\n });\r\n\r\n const comparisonBarCtx = document.getElementById('comparisonBarChart').getContext('2d');\r\n new Chart(comparisonBarCtx, {\r\n type: 'bar',\r\n data: {\r\n labels: [wrapLabel('\u30ce\u30fc\u30b3\u30fc\u30c9\u3067\u306e\u67d4\u8edf\u6027'), wrapLabel('\u5c0e\u5165\u30fb\u6539\u4fee\u30b9\u30d4\u30fc\u30c9'), '\u30b3\u30b9\u30c8\u52b9\u7387', wrapLabel('\u81ea\u793e\u3067\u306e\u904b\u7528\u6027')],\r\n datasets: [{\r\n label: 'YetiForceCRM',\r\n data: [90, 95, 98, 92],\r\n backgroundColor: palette.primary,\r\n borderColor: palette.primary,\r\n borderWidth: 1\r\n }, {\r\n label: '\u5f93\u6765\u578bCRM\/\u958b\u767a',\r\n data: [40, 30, 30, 50],\r\n backgroundColor: palette.danger,\r\n borderColor: palette.danger,\r\n borderWidth: 1\r\n }]\r\n },\r\n options: {\r\n indexAxis: 'y',\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { position: 'top' },\r\n tooltip: { callbacks: { title: tooltipTitleCallback } }\r\n },\r\n scales: {\r\n x: {\r\n beginAtZero: true,\r\n max: 100,\r\n grid: { display: false }\r\n },\r\n y: {\r\n grid: { display: false }\r\n }\r\n }\r\n }\r\n });\r\n\r\n const partnerValueDoughnutCtx = document.getElementById('partnerValueDoughnutChart').getContext('2d');\r\n new Chart(partnerValueDoughnutCtx, {\r\n type: 'doughnut',\r\n data: {\r\n labels: ['\u30e9\u30a4\u30bb\u30f3\u30b9\u30b3\u30b9\u30c8\u524a\u6e1b', '\u958b\u767a\u30b3\u30b9\u30c8\u524a\u6e1b', 'YETIWORKS\u306e\u5c02\u9580\u30b5\u30dd\u30fc\u30c8'],\r\n datasets: [{\r\n data: [35, 35, 30],\r\n backgroundColor: [palette.primary, palette.secondary, palette.accent],\r\n hoverOffset: 4\r\n }]\r\n },\r\n options: {\r\n responsive: true,\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: { position: 'bottom' },\r\n tooltip: { callbacks: { title: tooltipTitleCallback } }\r\n },\r\n cutout: '60%'\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CRM\u6a19\u6e96\u642d\u8f09\u30ce\u30fc\u30b3\u30fc\u30c9\u30c4\u30fc\u30eb\u3000YETIWORKS YETIWORKS – \u30ce\u30fc\u30b3\u30fc\u30c9CRM\u300cYetiForce\u300d\u5c0e\u5165\u652f\u63f4\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af \u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u4e0d\u8981\u306eDX\uff06CRM\u9769\u547d \u30d3\u30b8\u30cd\u30b9\u306e\u73fe\u5834\u62c5\u5f53\u8005\u304c\u4e3b\u5f79 […]<\/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-604","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/pages\/604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iplanner.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=604"}],"version-history":[{"count":18,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/pages\/604\/revisions"}],"predecessor-version":[{"id":793,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/pages\/604\/revisions\/793"}],"wp:attachment":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}