{"id":46,"date":"2025-07-08T13:38:03","date_gmt":"2025-07-08T04:38:03","guid":{"rendered":"https:\/\/iplanner.jp\/?p=46"},"modified":"2025-08-06T14:27:20","modified_gmt":"2025-08-06T05:27:20","slug":"%e3%81%8a%e5%ae%a2%e6%a7%98%e3%82%b5%e3%83%9d%e3%83%bc%e3%83%88%e3%82%bb%e3%83%b3%e3%82%bf%e3%83%bc%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0%e3%81%ae%e5%86%8d%e6%a7%8b%e7%af%89","status":"publish","type":"post","link":"https:\/\/iplanner.jp\/?p=46","title":{"rendered":"\u304a\u5ba2\u69d8\u30b5\u30dd\u30fc\u30c8\u30bb\u30f3\u30bf\u30fc\u30b7\u30b9\u30c6\u30e0\u306e\u518d\u69cb\u7bc9"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center is-style-none epb-margin-top__0 has-ep-white-color has-dark-01-background-color has-text-color has-background has-link-color wp-elements-6fca11ab946fadb091dee844cea023b9\"><strong><span data-fontsize=\"26px\" style=\"font-size:26px;\" class=\"epb-font-size\">IT\u4f01\u696d\u3000\u304a\u5ba2\u69d8\u30b5\u30dd\u30fc\u30c8\u30bb\u30f3\u30bf\u30fc\u30b7\u30b9\u30c6\u30e0\u306e\u518d\u69cb\u7bc9<\/span><\/strong><\/h2>\n\n\n\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>VtigerCRM\u5c0e\u5165\u4e8b\u4f8b\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=Noto+Sans+JP:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Noto Sans JP', sans-serif;\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        .flow-arrow {\n            position: relative;\n            padding-right: 20px;\n        }\n        .flow-arrow::after {\n            content: '\u2192';\n            position: absolute;\n            right: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            color: #CA6702;\n            font-weight: bold;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-100 text-gray-800\">\n\n    <div class=\"container mx-auto p-4 md:p-8\">\n\n        <header class=\"text-center mb-12 text-gray-800\">\n            <h1 class=\"text-4xl md:text-5xl font-bold text-[#005F73]\">\u3010VtigerCRM\u5c0e\u5165\u4e8b\u4f8b\u3011<\/h1>\n            <p class=\"mt-4 text-lg md:text-xl max-w-4xl mx-auto text-gray-700\">\u30e9\u30a4\u30bb\u30f3\u30b9\u30b3\u30b9\u30c8\u306e\u5897\u5927\u3068\u30b7\u30b9\u30c6\u30e0\u306e\u786c\u76f4\u5316\u304b\u3089\u306e\u8131\u5374\u3002\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9CRM\u3078\u306e\u6226\u7565\u7684\u79fb\u884c\u304c\u5b9f\u73fe\u3057\u305f\u3001\u5168\u793e\u898f\u6a21\u3067\u306e\u60c5\u5831\u5171\u6709\u3068\u7d99\u7d9a\u7684\u306a\u696d\u52d9\u6539\u5584\u3002<\/p>\n        <\/header>\n\n        <main class=\"space-y-8\">\n\n            <section id=\"before\" class=\"bg-white rounded-2xl shadow-xl p-6 md:p-8\">\n                <h2 class=\"text-3xl font-bold text-[#AE2012] mb-2\">Before: \u5c0e\u5165\u524d\u306e\u8ab2\u984c<\/h2>\n                <p class=\"text-lg text-gray-600 mb-8\">\u5c0e\u5165\u304b\u30895\u5e74\u4ee5\u4e0a\u304c\u7d4c\u904e\u3057\u305f\u6d77\u5916\u88fdCRM\u306f\u3001\u6df1\u523b\u306a\u300c\u30b3\u30b9\u30c8\u300d\u3068\u300c\u786c\u76f4\u6027\u300d\u306e\u554f\u984c\u3092\u62b1\u3048\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    \n                    <div class=\"bg-gray-50 rounded-xl p-6\">\n                        <h3 class=\"text-2xl font-bold mb-4\">\u6b62\u307e\u3089\u306a\u3044\u30b3\u30b9\u30c8\u306e\u5897\u52a0<\/h3>\n                        <p class=\"mb-4\">\u30e6\u30fc\u30b6\u30fc\u8ab2\u91d1\u3068\u5b9a\u671f\u7684\u306a\u6599\u91d1\u6539\u5b9a\u306b\u3088\u308a\u3001\u30e9\u30f3\u30cb\u30f3\u30b0\u30b3\u30b9\u30c8\u306f\u5e74\u3005\u5897\u52a0\u3002\u5168\u793e\u5c55\u958b\u306e\u5927\u304d\u306a\u969c\u58c1\u3068\u306a\u3063\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n                        <div class=\"chart-container h-64 md:h-80\">\n                            <canvas id=\"costChart\"><\/canvas>\n                        <\/div>\n                        <p class=\"text-center mt-2 text-sm text-gray-500\">\u65e7\u30b7\u30b9\u30c6\u30e0\u306e\u63a8\u5b9a\u5e74\u9593\u30b3\u30b9\u30c8\u63a8\u79fb<\/p>\n                    <\/div>\n\n                    <div class=\"bg-gray-50 rounded-xl p-6\">\n                        <h3 class=\"text-2xl font-bold mb-4\">\u30b7\u30b9\u30c6\u30e0\u306e\u786c\u76f4\u5316\u3068\u9673\u8150\u5316<\/h3>\n                        <p class=\"mb-4\">\u73fe\u5834\u306e\u6539\u5584\u8981\u671b\u306b\u5fdc\u3048\u308b\u306b\u306f\u9ad8\u984d\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u304c\u5fc5\u9808\u3002\u7d50\u679c\u3001\u30b7\u30b9\u30c6\u30e0\u306f\u30d3\u30b8\u30cd\u30b9\u306e\u5909\u5316\u304b\u3089\u53d6\u308a\u6b8b\u3055\u308c\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n                        <div class=\"mt-8\">\n                            <p class=\"text-center font-bold mb-4\">\u65e7\u30b7\u30b9\u30c6\u30e0\u3067\u306e\u6a5f\u80fd\u6539\u5584\u30d7\u30ed\u30bb\u30b9<\/p>\n                            <div class=\"flex flex-col md:flex-row items-center justify-center space-y-4 md:space-y-0 md:space-x-4 text-center\">\n                                <div class=\"bg-[#E9D8A6] p-4 rounded-lg shadow-md\">\n                                    <p class=\"font-bold\">\u73fe\u5834\u304b\u3089\u306e<br>\u6539\u5584\u8981\u671b<\/p>\n                                <\/div>\n                                <div class=\"text-3xl font-bold text-[#CA6702]\">\u2192<\/div>\n                                <div class=\"bg-[#EE9B00] p-4 rounded-lg shadow-md\">\n                                    <p class=\"font-bold\">\u9ad8\u984d\u306a<br>\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u898b\u7a4d<\/p>\n                                <\/div>\n                                <div class=\"text-3xl font-bold text-[#BB3E03]\">\u2192<\/div>\n                                <div class=\"bg-[#AE2012] text-white p-4 rounded-lg shadow-md\">\n                                    <p class=\"font-bold\">\u6539\u5584\u306e<br>\u9045\u5ef6\u30fb\u65ad\u5ff5<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section id=\"solution\" class=\"bg-white rounded-2xl shadow-xl p-6 md:p-8\">\n                <h2 class=\"text-3xl font-bold text-[#0A9396] mb-2\">Solution: VtigerCRM\u3068\u3044\u3046\u9078\u629e<\/h2>\n                <p class=\"text-lg text-gray-600 mb-8\">\u30b3\u30b9\u30c8\u524a\u6e1b\u3068\u62e1\u5f35\u6027\u3092\u4e21\u7acb\u3059\u308b\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9CRM\u304c\u3001\u8ab2\u984c\u89e3\u6c7a\u306e\u6700\u9069\u89e3\u3068\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n                    <div class=\"bg-gray-50 rounded-xl p-6 transform hover:scale-105 transition-transform duration-300\">\n                        <div class=\"text-6xl text-[#0A9396] mb-4\">\u00a5<\/div>\n                        <h3 class=\"text-2xl font-bold mb-2\">\u5727\u5012\u7684\u306a\u30b3\u30b9\u30c8\u52b9\u7387<\/h3>\n                        <p>\u30e9\u30a4\u30bb\u30f3\u30b9\u8cbb\u7528\u304c\u4e0d\u8981\u306a\u305f\u3081\u3001\u30e6\u30fc\u30b6\u30fc\u6570\u3092\u6c17\u306b\u305b\u305a\u5168\u793e\u5c55\u958b\u304c\u53ef\u80fd\u306b\u3002\u30e9\u30f3\u30cb\u30f3\u30b0\u30b3\u30b9\u30c8\u3092\u5287\u7684\u306b\u524a\u6e1b\u3057\u307e\u3059\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 rounded-xl p-6 transform hover:scale-105 transition-transform duration-300\">\n                         <div class=\"text-6xl text-[#0A9396] mb-4\">\ud83e\udde9<\/div>\n                        <h3 class=\"text-2xl font-bold mb-2\">\u67d4\u8edf\u306a\u6a5f\u80fd\u62e1\u5f35\u6027<\/h3>\n                        <p>\u8c4a\u5bcc\u306a\u62e1\u5f35\u6a5f\u80fd\uff08\u30a8\u30af\u30b9\u30c6\u30f3\u30b7\u30e7\u30f3\uff09\u306b\u3088\u308a\u3001\u958b\u767a\u30b3\u30b9\u30c8\u3092\u6291\u3048\u3064\u3064\u3001\u8fc5\u901f\u306a\u6a5f\u80fd\u6539\u5584\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 rounded-xl p-6 transform hover:scale-105 transition-transform duration-300\">\n                         <div class=\"text-6xl text-[#0A9396] mb-4\">\ud83e\udd1d<\/div>\n                        <h3 class=\"text-2xl font-bold mb-2\">\u4fe1\u983c\u306e\u7d99\u7d9a\u30b5\u30dd\u30fc\u30c8<\/h3>\n                        <p>\u5c0e\u5165\u304b\u3089\u904b\u7528\u5b9a\u7740\u3001\u7d99\u7d9a\u7684\u306a\u6539\u5584\u307e\u3067\u3001\u30d1\u30fc\u30c8\u30ca\u30fc\u306b\u3088\u308b\u4e00\u8cab\u3057\u305f\u30b5\u30dd\u30fc\u30c8\u304c\u30b7\u30b9\u30c6\u30e0\u306e\u4fa1\u5024\u3092\u6700\u5927\u5316\u3057\u307e\u3059\u3002<\/p>\n                    <\/div>\n                <\/div>\n            <\/section>\n            \n            <section id=\"implementation\" class=\"bg-white rounded-2xl shadow-xl p-6 md:p-8\">\n                <h2 class=\"text-3xl font-bold text-[#EE9B00] mb-2\">Implementation: \u5c0e\u5165\u30d7\u30ed\u30bb\u30b9<\/h2>\n                <p class=\"text-lg text-gray-600 mb-8\">4\u30f6\u6708\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u671f\u9593\u3067\u3001\u30b9\u30e0\u30fc\u30ba\u306a\u30b7\u30b9\u30c6\u30e0\u79fb\u884c\u3068\u6a5f\u80fd\u6539\u5584\u3092\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002<\/p>\n                <div class=\"grid grid-cols-1 md:grid-cols-5 gap-8 items-center\">\n                    <div class=\"md:col-span-3\">\n                        <h3 class=\"text-2xl font-bold mb-4\">4\u30f6\u6708\u306e\u5c0e\u5165\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3<\/h3>\n                        <div class=\"relative\">\n                            <div class=\"border-l-4 border-[#0A9396] absolute h-full top-0 left-4\"><\/div>\n                            <div class=\"pl-12 mb-8\">\n                                <div class=\"bg-[#94D2BD] text-black w-10 h-10 rounded-full flex items-center justify-center font-bold absolute -left-1\">1<\/div>\n                                <h4 class=\"font-bold text-lg\">1\u30f6\u6708\u76ee: \u8981\u4ef6\u5b9a\u7fa9 &#038; \u8a08\u753b<\/h4>\n                                <p>\u65e2\u5b58\u30b7\u30b9\u30c6\u30e0\u306e\u8ab2\u984c\u3092\u6574\u7406\u3057\u3001VtigerCRM\u3067\u306e\u5b9f\u73fe\u65b9\u6cd5\u3092\u5b9a\u7fa9\u3002<\/p>\n                            <\/div>\n                             <div class=\"pl-12 mb-8\">\n                                <div class=\"bg-[#E9D8A6] text-black w-10 h-10 rounded-full flex items-center justify-center font-bold absolute -left-1\">2<\/div>\n                                <h4 class=\"font-bold text-lg\">2\u30f6\u6708\u76ee: \u69cb\u7bc9 &#038; \u30c7\u30fc\u30bf\u79fb\u884c\u6e96\u5099<\/h4>\n                                <p>\u57fa\u672c\u8a2d\u5b9a\u3068\u62e1\u5f35\u6a5f\u80fd\u5c0e\u5165\u3002\u72ec\u81ea\u30c7\u30fc\u30bf\u79fb\u884c\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u958b\u767a\u3002<\/p>\n                            <\/div>\n                             <div class=\"pl-12 mb-8\">\n                                <div class=\"bg-[#EE9B00] text-black w-10 h-10 rounded-full flex items-center justify-center font-bold absolute -left-1\">3<\/div>\n                                <h4 class=\"font-bold text-lg\">3\u30f6\u6708\u76ee: \u30c7\u30fc\u30bf\u79fb\u884c &#038; \u30c6\u30b9\u30c8<\/h4>\n                                <p>\u958b\u767a\u3057\u305f\u30d7\u30ed\u30b0\u30e9\u30e0\u3067\u672c\u756a\u30c7\u30fc\u30bf\u3092\u79fb\u884c\u3057\u3001\u5404\u6a5f\u80fd\u306e\u30c6\u30b9\u30c8\u3092\u5b9f\u65bd\u3002<\/p>\n                            <\/div>\n                             <div class=\"pl-12\">\n                                <div class=\"bg-[#CA6702] text-white w-10 h-10 rounded-full flex items-center justify-center font-bold absolute -left-1\">4<\/div>\n                                <h4 class=\"font-bold text-lg\">4\u30f6\u6708\u76ee: \u691c\u8a3c &#038; \u672c\u7a3c\u50cd<\/h4>\n                                <p>\u6700\u7d42\u691c\u8a3c\u671f\u9593\u3092\u7d4c\u3066\u3001\u5168\u793e\u3078\u306e\u5c55\u958b\u3068\u672c\u7a3c\u50cd\u3092\u958b\u59cb\u3002<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"md:col-span-2\">\n                        <h3 class=\"text-2xl font-bold mb-4\">\u958b\u767a\u306e\u5185\u8a33<\/h3>\n                        <p class=\"mb-4\">\u6539\u5584\u8981\u671b\u306e\u307b\u3068\u3093\u3069\u3092\u62e1\u5f35\u6a5f\u80fd\u3067\u30ab\u30d0\u30fc\u3002\u958b\u767a\u30b3\u30b9\u30c8\u3068\u671f\u9593\u3092\u5927\u5e45\u306b\u5727\u7e2e\u3057\u307e\u3057\u305f\u3002<\/p>\n                        <div class=\"chart-container h-64 md:h-80\">\n                            <canvas id=\"devChart\"><\/canvas>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n            <section id=\"after\" class=\"bg-white rounded-2xl shadow-xl p-6 md:p-8\">\n                <h2 class=\"text-3xl font-bold text-[#005F73] mb-2\">After: \u5c0e\u5165\u5f8c\u306e\u6210\u679c<\/h2>\n                <p class=\"text-lg text-gray-600 mb-8\">\u30b3\u30b9\u30c8\u524a\u6e1b\u306b\u7559\u307e\u3089\u305a\u3001\u5168\u793e\u7684\u306a\u60c5\u5831\u6d3b\u7528\u3068\u3001\u73fe\u5834\u4e3b\u5c0e\u306e\u300c\u751f\u304d\u305f\u30b7\u30b9\u30c6\u30e0\u300d\u304c\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002<\/p>\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                    \n                    <div class=\"bg-gray-50 rounded-xl p-6\">\n                        <h3 class=\"text-2xl font-bold mb-4\">\u5168\u793e\u898f\u6a21\u3067\u306e\u60c5\u5831\u8cc7\u7523\u306e\u5171\u6709<\/h3>\n                        <p class=\"mb-4\">\u30b3\u30b9\u30c8\u306e\u5236\u7d04\u304b\u3089\u89e3\u653e\u3055\u308c\u3001\u5168\u793e\u54e1\u304cCRM\u3078\u30a2\u30af\u30bb\u30b9\u53ef\u80fd\u306b\u3002\u90e8\u9580\u9593\u306e\u9023\u643a\u304c\u98db\u8e8d\u7684\u306b\u5411\u4e0a\u3057\u307e\u3057\u305f\u3002<\/p>\n                        <div class=\"chart-container h-64 md:h-80\">\n                            <canvas id=\"userChart\"><\/canvas>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-gray-50 rounded-xl p-6\">\n                        <h3 class=\"text-2xl font-bold mb-4\">\u7d99\u7d9a\u7684\u306a\u696d\u52d9\u6539\u5584\u30b5\u30a4\u30af\u30eb<\/h3>\n                        <p class=\"mb-4\">\u73fe\u5834\u4e3b\u5c0e\u3067\u62e1\u5f35\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3001\u65e5\u3005\u30b7\u30b9\u30c6\u30e0\u304c\u9032\u5316\u3002\u30d3\u30b8\u30cd\u30b9\u3068\u5171\u306b\u6210\u9577\u3059\u308b\u300c\u751f\u304d\u305f\u696d\u52d9\u57fa\u76e4\u300d\u3078\u3002<\/p>\n                        <ul class=\"mt-8 space-y-3 list-inside list-disc text-gray-700\">\n                            <li class=\"p-2 bg-green-100 rounded\">\u55b6\u696d\u30ec\u30dd\u30fc\u30c8\u306e\u81ea\u52d5\u751f\u6210\u6a5f\u80fd\u3092\u8ffd\u52a0<\/li>\n                            <li class=\"p-2 bg-green-100 rounded\">\u30b5\u30dd\u30fc\u30c8\u554f\u5408\u305b\u306e\u81ea\u52d5\u5272\u5f53\u30eb\u30fc\u30eb\u3092\u6539\u5584<\/li>\n                            <li class=\"p-2 bg-green-100 rounded\">\u30de\u30fc\u30b1\u30c6\u30a3\u30f3\u30b0\u30c4\u30fc\u30eb\u3068\u306e\u9023\u643a\u3092\u5b9f\u73fe<\/li>\n                            <li class=\"p-2 bg-green-100 rounded\">\u30e2\u30d0\u30a4\u30eb\u30a2\u30d7\u30ea\u304b\u3089\u306e\u627f\u8a8d\u30d5\u30ed\u30fc\u3092\u5c0e\u5165<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/section>\n\n        <\/main>\n\n        <footer class=\"text-center mt-12 text-gray-600\">\n        <\/footer>\n\n    <\/div>\n\n    <script>\n        const wrapLabel = (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.trim());\n                    currentLine = word;\n                } else {\n                    currentLine += ' ' + word;\n                }\n            });\n            lines.push(currentLine.trim());\n            return lines.map(l => l.trim()).filter(l => l.length > 0);\n        };\n\n        const tooltipTitleCallback = (tooltipItems) => {\n            const item = tooltipItems[0];\n            if (!item) return '';\n            let label = item.chart.data.labels[item.dataIndex];\n            return Array.isArray(label) ? label.join(' ') : label;\n        };\n\n        const commonChartOptions = {\n            responsive: true,\n            maintainAspectRatio: false,\n            plugins: {\n                legend: {\n                    labels: {\n                        color: '#4A5568'\n                    }\n                },\n                tooltip: {\n                    callbacks: {\n                        title: tooltipTitleCallback\n                    }\n                }\n            },\n            scales: {\n                y: {\n                    ticks: { color: '#4A5568' },\n                    grid: { color: '#E2E8F0' }\n                },\n                x: {\n                    ticks: { color: '#4A5568' },\n                    grid: { color: '#E2E8F0' }\n                }\n            }\n        };\n\n        const costChartCtx = document.getElementById('costChart').getContext('2d');\n        new Chart(costChartCtx, {\n            type: 'line',\n            data: {\n                labels: ['5\u5e74\u524d', '4\u5e74\u524d', '3\u5e74\u524d', '2\u5e74\u524d', '\u5c0e\u5165\u524d'],\n                datasets: [{\n                    label: '\u5e74\u9593\u30b3\u30b9\u30c8',\n                    data: [100, 115, 130, 155, 180],\n                    borderColor: '#AE2012',\n                    backgroundColor: 'rgba(174, 32, 18, 0.1)',\n                    fill: true,\n                    tension: 0.4\n                }]\n            },\n            options: { ...commonChartOptions }\n        });\n\n        const devChartCtx = document.getElementById('devChart').getContext('2d');\n        new Chart(devChartCtx, {\n            type: 'doughnut',\n            data: {\n                labels: ['\u62e1\u5f35\u6a5f\u80fd\u3067\u5bfe\u5fdc', '\u6700\u5c0f\u9650\u306e\u30d7\u30ed\u30b0\u30e9\u30e0\u958b\u767a'],\n                datasets: [{\n                    data: [90, 10],\n                    backgroundColor: ['#0A9396', '#EE9B00'],\n                    borderColor: '#FFFFFF',\n                    borderWidth: 4\n                }]\n            },\n            options: {\n                responsive: true,\n                maintainAspectRatio: false,\n                plugins: {\n                    legend: {\n                        position: 'bottom',\n                        labels: { color: '#4A5568' }\n                    },\n                    tooltip: {\n                        callbacks: {\n                            title: tooltipTitleCallback\n                        }\n                    }\n                }\n            }\n        });\n\n        const userChartCtx = document.getElementById('userChart').getContext('2d');\n        new Chart(userChartCtx, {\n            type: 'bar',\n            data: {\n                labels: ['\u65e7\u30b7\u30b9\u30c6\u30e0 (\u30b5\u30dd\u30fc\u30c8\u90e8\u9580)', 'VtigerCRM (\u5168\u793e)'],\n                datasets: [{\n                    label: '\u5229\u7528\u30e6\u30fc\u30b6\u30fc\u6570',\n                    data: [20, 250],\n                    backgroundColor: ['#EE9B00', '#005F73'],\n                    borderRadius: 8,\n                    barPercentage: 0.6\n                }]\n            },\n            options: {\n                ...commonChartOptions,\n                indexAxis: 'y',\n                plugins: {\n                    legend: { display: false },\n                    tooltip: { callbacks: { title: tooltipTitleCallback } }\n                }\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>IT\u4f01\u696d\u3000\u304a\u5ba2\u69d8\u30b5\u30dd\u30fc\u30c8\u30bb\u30f3\u30bf\u30fc\u30b7\u30b9\u30c6\u30e0\u306e\u518d\u69cb\u7bc9 VtigerCRM\u5c0e\u5165\u4e8b\u4f8b\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af \u3010VtigerCRM\u5c0e\u5165\u4e8b\u4f8b\u3011 \u30e9\u30a4\u30bb\u30f3\u30b9\u30b3\u30b9\u30c8\u306e\u5897\u5927\u3068\u30b7\u30b9\u30c6\u30e0\u306e\u786c\u76f4\u5316\u304b\u3089\u306e\u8131\u5374\u3002\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9CRM\u3078\u306e\u6226\u7565\u7684\u79fb\u884c\u304c\u5b9f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":160,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-46","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jirei"],"_links":{"self":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"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=46"}],"version-history":[{"count":3,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":816,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/posts\/46\/revisions\/816"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/media\/160"}],"wp:attachment":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iplanner.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iplanner.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}