{"id":59,"date":"2025-07-08T13:50:07","date_gmt":"2025-07-08T04:50:07","guid":{"rendered":"https:\/\/iplanner.jp\/?p=59"},"modified":"2025-08-06T14:19:06","modified_gmt":"2025-08-06T05:19:06","slug":"%e3%82%af%e3%83%ac%e3%83%bc%e3%83%a0%e7%ae%a1%e7%90%86%e3%82%b7%e3%82%b9%e3%83%86%e3%83%a0%e3%81%a8sfa%e3%81%ae%e7%b5%b1%e5%90%88","status":"publish","type":"post","link":"https:\/\/iplanner.jp\/?p=59","title":{"rendered":"\u30af\u30ec\u30fc\u30e0\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3068SFA\u306e\u7d71\u5408"},"content":{"rendered":"\n

\u88fd\u9020\u696d\u3000\u30af\u30ec\u30fc\u30e0\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3068SFA\u306e\u7d71\u5408<\/span><\/strong><\/h2>\n\n\n\n\n\n\n \n \n VtigerCRM\u5c0e\u5165\u4e8b\u4f8b\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af – \u88fd\u9020\u696dA\u793e\u69d8<\/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&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans JP', sans-serif;\n background-color: #f0f2f5;\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-box {\n border: 2px solid;\n padding: 1rem;\n border-radius: 0.5rem;\n text-align: center;\n font-weight: bold;\n min-height: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .flow-arrow {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n font-weight: bold;\n color: #58508d;\n margin: 0.5rem 0;\n }\n .flow-arrow-h {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n font-weight: bold;\n color: #58508d;\n margin: 0 0.5rem;\n flex-grow: 1;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 text-gray-800\">\n\n <!-- \n Color Palette Name: Energetic & Playful\n Analysis Plan:\n 1. Hook: Present the initial failure and core problems (siloed data).\n 2. Problem Deep Dive: Visualize the disconnected workflows between Sales and other departments.\n 3. Solution: Detail the three key reasons for choosing VtigerCRM.\n 4. Process: Show the streamlined \"Before vs. After\" workflow.\n 5. Results: Quantify the outcomes like implementation speed and feature composition.\n 6. Conclusion: Summarize the final state as a \"living platform.\"\n\n Visualization Choices:\n - Initial Problem: Large text numbers and Unicode icons. Goal: Inform. Method: HTML\/CSS. No SVG.\n - Disconnected Workflow: Flowchart. Goal: Organize. Method: Structured HTML\/CSS with Tailwind. No SVG\/Mermaid.\n - Adoption Reasons: Bar Chart for cost comparison, simple diagrams for other points. Goal: Compare\/Inform. Method: Chart.js Canvas and HTML\/CSS. No SVG.\n - Unified Workflow: Flowchart. Goal: Organize\/Change. Method: Structured HTML\/CSS with Tailwind. No SVG\/Mermaid.\n - Implementation Results: Donut Chart for feature breakdown and a Timeline for duration. Goal: Inform. Method: Chart.js Canvas and HTML\/CSS. No SVG.\n\n Confirmation: NEITHER Mermaid JS NOR SVG were used anywhere in this output. All visualizations are created using Chart.js on Canvas or structured HTML\/CSS with Tailwind.\n -->\n\n <div class=\"container mx-auto p-4 md:p-8\">\n\n <header class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-[#003f5c]\">\u88fd\u9020\u696dA\u793e\u69d8 VtigerCRM\u5c0e\u5165\u4e8b\u4f8b<\/h1>\n <p class=\"text-lg mt-4 text-[#58508d]\">SFA\u3068\u30af\u30ec\u30fc\u30e0\u7ba1\u7406\u306e\u4e00\u5143\u5316\u3067\u5b9f\u73fe\u3057\u305f\u3001\u5168\u793e\u7684\u306a\u696d\u52d9\u6539\u9769<\/p>\n <\/header>\n\n <main class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n\n <section class=\"md:col-span-2 lg:col-span-3 bg-white rounded-lg shadow-md p-6\">\n <h2 class=\"text-2xl font-bold text-[#003f5c] mb-4 text-center\">\u6d6e\u304d\u5f6b\u308a\u306b\u306a\u3063\u305f\u7d4c\u55b6\u8ab2\u984c<\/h2>\n <p class=\"text-center mb-8 max-w-3xl mx-auto\">\u904e\u53bb\u306eCRM\u5c0e\u5165\u5931\u6557\u306b\u3088\u308a\u3001\u55b6\u696d\u3068\u4ed6\u90e8\u9580\u306e\u60c5\u5831\u306f\u5206\u65ad\u3055\u308c\u3001\u6df1\u523b\u306a\u975e\u52b9\u7387\u304c\u8513\u5ef6\u3057\u3066\u3044\u307e\u3057\u305f\u3002\u6700\u5927\u306e\u61f8\u5ff5\u306f\u300c\u65b0\u3057\u3044\u30b7\u30b9\u30c6\u30e0\u3082\u5b9a\u7740\u3057\u306a\u3044\u306e\u3067\u306f\u306a\u3044\u304b\u300d\u3068\u3044\u3046\u5168\u793e\u7684\u306a\u4e0d\u5b89\u3067\u3057\u305f\u3002<\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 text-center\">\n <div class=\"bg-red-100 p-6 rounded-lg border-l-4 border-red-500\">\n <h3 class=\"text-xl font-bold text-red-800\">\u55b6\u696d\u90e8\u9580\u306e\u8ab2\u984c<\/h3>\n <ul class=\"mt-2 text-left list-disc list-inside text-red-700\">\n <li>\u9867\u5ba2\u60c5\u5831\u30fb\u6d3b\u52d5\u5c65\u6b74\u306e\u5c5e\u4eba\u5316<\/li>\n <li>\u975e\u52b9\u7387\u306a\u5831\u544a\u696d\u52d9<\/li>\n <li>\u5546\u8ac7\u7ba1\u7406\u306e\u5f62\u9ab8\u5316<\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-yellow-100 p-6 rounded-lg border-l-4 border-yellow-500\">\n <h3 class=\"text-xl font-bold text-yellow-800\">\u95a2\u9023\u90e8\u9580\u306e\u8ab2\u984c<\/h3>\n <ul class=\"mt-2 text-left list-disc list-inside text-yellow-700\">\n <li>Excel\u30d9\u30fc\u30b9\u306e\u30af\u30ec\u30fc\u30e0\u7ba1\u7406<\/li>\n <li>\u60c5\u5831\u5171\u6709\u306e\u30bf\u30a4\u30e0\u30e9\u30b0<\/li>\n <li>\u54c1\u8cea\u6539\u5584\u3078\u306e\u30d5\u30a3\u30fc\u30c9\u30d0\u30c3\u30af\u9045\u5ef6<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n \n <section class=\"md:col-span-2 lg:col-span-3 bg-white rounded-lg shadow-md p-6\">\n <h2 class=\"text-2xl font-bold text-[#003f5c] mb-6 text-center\">\u5206\u65ad\u3055\u308c\u305f\u696d\u52d9\u30d5\u30ed\u30fc (\u5c0e\u5165\u524d)<\/h2>\n <div class=\"flex flex-col md:flex-row justify-center items-stretch gap-4\">\n <div class=\"w-full md:w-1\/2 bg-gray-50 p-4 rounded-lg border-2 border-dashed border-gray-300\">\n <h3 class=\"font-bold text-center text-[#bc5090] mb-4\">\u55b6\u696d\u90e8\u9580<\/h3>\n <div class=\"flow-box border-[#bc5090] text-[#bc5090]\">\u9867\u5ba2\u60c5\u5831\u30fb\u5546\u8ac7<br>(\u5c5e\u4eba\u5316)<\/div>\n <div class=\"flow-arrow\">\u2193<\/div>\n <div class=\"flow-box border-[#bc5090] text-[#bc5090]\">\u55b6\u696d\u5831\u544a<br>(\u975e\u52b9\u7387)<\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2 bg-gray-50 p-4 rounded-lg border-2 border-dashed border-gray-300\">\n <h3 class=\"font-bold text-center text-[#ff6361] mb-4\">\u54c1\u8cea\u7ba1\u7406\u30fb\u8a2d\u8a08\u30fb\u88fd\u9020<\/h3>\n <div class=\"flow-box border-[#ff6361] text-[#ff6361]\">\u88fd\u54c1\u30af\u30ec\u30fc\u30e0\u53d7\u4ed8<\/div>\n <div class=\"flow-arrow\">\u2193<\/div>\n <div class=\"flow-box border-[#ff6361] text-[#ff6361]\">Excel\u3067\u7ba1\u7406<br>(\u5171\u6709\u9045\u5ef6)<\/div>\n <\/div>\n <\/div>\n <p class=\"text-center mt-6 text-gray-600\">\u55b6\u696d\u3068\u4ed6\u90e8\u9580\u306f\u5b8c\u5168\u306b\u72ec\u7acb\u3057\u305f\u30d7\u30ed\u30bb\u30b9\u3067\u52d5\u3044\u3066\u304a\u308a\u3001\u90e8\u9580\u9593\u306e\u9023\u643a\u306f\u307b\u307c\u3042\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n <\/section>\n\n\n <section class=\"md:col-span-2 lg:col-span-3 bg-white rounded-lg shadow-md p-6\">\n <h2 class=\"text-2xl font-bold text-[#003f5c] mb-2 text-center\">VtigerCRM\u63a1\u7528\u306e3\u3064\u306e\u6c7a\u3081\u624b<\/h2>\n <p class=\"text-center mb-8 max-w-3xl mx-auto\">\u6a5f\u80fd\u306e\u512a\u52a3\u3060\u3051\u3067\u306a\u304f\u3001\u6839\u672c\u7684\u306a\u8ab2\u984c\u3092\u89e3\u6c7a\u3057\u3001\u672a\u6765\u3078\u306e\u6295\u8cc7\u4fa1\u5024\u3092\u898b\u51fa\u305b\u308b\u70b9\u304c\u8a55\u4fa1\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n <div class=\"bg-blue-50 p-6 rounded-lg text-center flex flex-col\">\n <div class=\"text-4xl mb-3\">\ud83d\udcb0<\/div>\n <h3 class=\"text-xl font-bold text-[#003f5c] mb-2\">\u5727\u5012\u7684\u306a\u30b3\u30b9\u30c8\u52b9\u7387<\/h3>\n <p class=\"text-gray-600 mb-4 flex-grow\">\u30e6\u30fc\u30b6\u30fc\u8ab2\u91d1\u304c\u306a\u3044\u305f\u3081\u3001\u5168\u90e8\u9580\u3078\u5c55\u958b\u3057\u3066\u3082\u8ffd\u52a0\u8cbb\u7528\u30bc\u30ed\u3002\u9577\u671f\u7684\u306a\u30b3\u30b9\u30c8\u3092\u5927\u5e45\u306b\u524a\u6e1b\u3057\u307e\u3059\u3002<\/p>\n <div class=\"chart-container h-64 max-h-[250px]\">\n <canvas id=\"costChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"bg-purple-50 p-6 rounded-lg text-center flex flex-col\">\n <div class=\"text-4xl mb-3\">\ud83e\udde9<\/div>\n <h3 class=\"text-xl font-bold text-[#58508d] mb-2\">\u9a5a\u7570\u7684\u306a\u62e1\u5f35\u6027<\/h3>\n <p class=\"text-gray-600 mb-4 flex-grow\">SFA\u6a5f\u80fd\u306b\u52a0\u3048\u3001\u30af\u30ec\u30fc\u30e0\u7ba1\u7406\u307e\u3067\u7d71\u5408\u53ef\u80fd\u3002\u90e8\u9580\u6a2a\u65ad\u306e\u5168\u793e\u7684\u306a\u60c5\u5831\u57fa\u76e4\u3092\u69cb\u7bc9\u3067\u304d\u308b\u70b9\u3092\u9ad8\u304f\u8a55\u4fa1\u3002<\/p>\n <div class=\"mt-auto flex flex-col items-center justify-center\">\n <div class=\"flex items-center gap-2\">\n <div class=\"flow-box text-sm !p-2 border-[#58508d] text-[#58508d] bg-white\">SFA<\/div>\n <div class=\"text-2xl font-bold text-[#58508d]\">+<\/div>\n <div class=\"flow-box text-sm !p-2 border-[#58508d] text-[#58508d] bg-white\">\u30af\u30ec\u30fc\u30e0\u7ba1\u7406<\/div>\n <\/div>\n <div class=\"text-3xl text-[#58508d] my-1\">\u2193<\/div>\n <div class=\"flow-box text-base !p-3 bg-[#58508d] text-white w-full\">VtigerCRM\u4e0a\u3067\u7d71\u5408<\/div>\n <\/div>\n <\/div>\n <div class=\"bg-pink-50 p-6 rounded-lg text-center flex flex-col\">\n <div class=\"text-4xl mb-3\">\ud83e\udd1d<\/div>\n <h3 class=\"text-xl font-bold text-[#bc5090] mb-2\">\u4f34\u8d70\u578b\u306e\u5b9a\u7740\u652f\u63f4<\/h3>\n <p class=\"text-gray-600 mb-4 flex-grow\">\u5c0e\u5165\u5f8c\u306e\u7d99\u7d9a\u7684\u306a\u30b5\u30dd\u30fc\u30c8\u304c\u3001\u904e\u53bb\u306e\u5931\u6557\u304b\u3089\u304f\u308b\u300c\u5b9a\u7740\u3078\u306e\u4e0d\u5b89\u300d\u3092\u6255\u62ed\u3059\u308b\u6c7a\u3081\u624b\u3068\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n <div class=\"mt-auto flex flex-col items-center justify-center space-y-2 w-full\">\n <div class=\"w-full text-center p-2 rounded bg-[#bc5090] text-white font-bold shadow\">\u5c0e\u5165\u30fb\u69cb\u7bc9\u652f\u63f4<\/div>\n <div class=\"text-xl text-[#bc5090] leading-none\">\u2193<\/div>\n <div class=\"w-full text-center p-2 rounded bg-[#bc5090] text-white font-bold shadow\">\u904b\u7528\u5b9a\u7740\u30b5\u30dd\u30fc\u30c8<\/div>\n <div class=\"text-xl text-[#bc5090] leading-none\">\u2193<\/div>\n <div class=\"w-full text-center p-2 rounded bg-[#bc5090] text-white font-bold shadow\">\u7d99\u7d9a\u7684\u306a\u6a5f\u80fd\u6539\u5584<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n <section class=\"md:col-span-2 lg:col-span-3 bg-white rounded-lg shadow-md p-6\">\n <h2 class=\"text-2xl font-bold text-[#003f5c] mb-6 text-center\">\u7d71\u5408\u3055\u308c\u305f\u696d\u52d9\u30d5\u30ed\u30fc (\u5c0e\u5165\u5f8c)<\/h2>\n <div class=\"bg-green-50 p-6 rounded-lg border-2 border-green-500\">\n <div class=\"flow-box border-green-600 text-green-800 bg-white w-2\/3 mx-auto\">VtigerCRM<\/div>\n <div class=\"flex justify-center my-4\">\n <div class=\"w-px bg-[#58508d] h-8\"><\/div>\n <\/div>\n <div class=\"flex flex-col md:flex-row justify-around items-center text-center gap-4\">\n <div class=\"flow-box border-[#003f5c] text-[#003f5c] bg-white flex-1\">\u55b6\u696d<\/div>\n <div class=\"flow-arrow-h hidden md:flex\">\u2194<\/div>\n <div class=\"flow-arrow md:hidden\">\u2195<\/div>\n <div class=\"flow-box border-[#58508d] text-[#58508d] bg-white flex-1\">\u54c1\u8cea\u7ba1\u7406<\/div>\n <div class=\"flow-arrow-h hidden md:flex\">\u2194<\/div>\n <div class=\"flow-arrow md:hidden\">\u2195<\/div>\n <div class=\"flow-box border-[#bc5090] text-[#bc5090] bg-white flex-1\">\u8a2d\u8a08<\/div>\n <div class=\"flow-arrow-h hidden md:flex\">\u2194<\/div>\n <div class=\"flow-arrow md:hidden\">\u2195<\/div>\n <div class=\"flow-box border-[#ff6361] text-[#ff6361] bg-white flex-1\">\u88fd\u9020<\/div>\n <\/div>\n <\/div>\n <p class=\"text-center mt-6 text-gray-600\">\u3059\u3079\u3066\u306e\u60c5\u5831\u304cVtigerCRM\u306b\u96c6\u7d04\u3055\u308c\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u306a\u90e8\u9580\u9593\u9023\u643a\u304c\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002<\/p>\n <\/section>\n\n <section class=\"lg:col-span-1 bg-white rounded-lg shadow-md p-6 flex flex-col justify-center items-center\">\n <h2 class=\"text-2xl font-bold text-[#003f5c] mb-4 text-center\">\u8fc5\u901f\u306a\u5c0e\u5165\u30d7\u30ed\u30bb\u30b9<\/h2>\n <div class=\"text-center\">\n <div class=\"text-6xl font-bold text-[#ffa600]\">3<span class=\"text-3xl ml-1\">\u30f6\u6708<\/span><\/div>\n <p class=\"mt-2 text-gray-600\">\u3067\u30b9\u30e0\u30fc\u30ba\u306a\u30b7\u30b9\u30c6\u30e0\u79fb\u884c\u3092\u5b8c\u4e86<\/p>\n <\/div>\n <\/section>\n\n <section class=\"lg:col-span-2 bg-white rounded-lg shadow-md p-6\">\n <h2 class=\"text-2xl font-bold text-[#003f5c] mb-4 text-center\">\u958b\u767a\u5185\u5bb9\u306e\u5185\u8a33<\/h2>\n <p class=\"text-center mb-4 text-gray-600\">\u5927\u898f\u6a21\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3092\u907f\u3051\u3001\u6a19\u6e96\u6a5f\u80fd\u3068\u62e1\u5f35\u6a5f\u80fd\u3092\u6700\u5927\u9650\u306b\u6d3b\u7528\u3057\u307e\u3057\u305f\u3002<\/p>\n <div class=\"chart-container h-72 max-h-[300px]\">\n <canvas id=\"devChart\"><\/canvas>\n <\/div>\n <\/section>\n\n <section class=\"md:col-span-2 lg:col-span-3 bg-[#003f5c] text-white rounded-lg shadow-xl p-8 text-center\">\n <h2 class=\"text-3xl font-bold mb-4\">\u5c0e\u5165\u5f8c\u306e\u6210\u679c\u3068\u5c55\u671b<\/h2>\n <p class=\"text-lg max-w-3xl mx-auto\">\n VtigerCRM\u306f\u5358\u306a\u308b\u696d\u52d9\u30c4\u30fc\u30eb\u3067\u306f\u306a\u304f\u3001\u4f1a\u793e\u306e\u6210\u9577\u3092\u652f\u3048\u308b<strong class=\"text-[#ffa600]\">\u300c\u751f\u304d\u305f\u7d4c\u55b6\u57fa\u76e4\u300d<\/strong>\u3068\u3057\u3066\u6a5f\u80fd\u3057\u59cb\u3081\u307e\u3057\u305f\u3002\u90e8\u9580\u9593\u306e\u9023\u643a\u306f\u5186\u6ed1\u306b\u306a\u308a\u3001\u8fc5\u901f\u3067\u8cea\u306e\u9ad8\u3044\u9867\u5ba2\u5bfe\u5fdc\u304c\u53ef\u80fd\u306b\u3002\u4eca\u5f8c\u3082\u3053\u306e\u57fa\u76e4\u3092\u6838\u3068\u3057\u3066\u3001\u3055\u3089\u306a\u308b\u696d\u52d9\u6539\u9769\u3092\u63a8\u9032\u3057\u3066\u3044\u304d\u307e\u3059\u3002\n <\/p>\n <\/section>\n\n <\/main>\n <\/div>\n\n <script>\n const wrapLabel = (label) => {\n if (label.length > 16) {\n const words = label.split(' ');\n const lines = [];\n let currentLine = '';\n for (const word of words) {\n if ((currentLine + word).length > 16) {\n lines.push(currentLine.trim());\n currentLine = '';\n }\n currentLine += word + ' ';\n }\n lines.push(currentLine.trim());\n return lines;\n }\n return label;\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 labels: {\n font: {\n size: 14,\n family: \"'Noto Sans JP', sans-serif\"\n }\n }\n },\n tooltip: {\n callbacks: {\n title: tooltipTitleCallback\n },\n bodyFont: {\n family: \"'Noto Sans JP', sans-serif\"\n },\n titleFont: {\n family: \"'Noto Sans JP', sans-serif\"\n }\n }\n }\n };\n\n const costCtx = document.getElementById('costChart').getContext('2d');\n new Chart(costCtx, {\n type: 'bar',\n data: {\n labels: ['VtigerCRM (\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u7248)', '\u4e00\u822c\u7684\u306aSaaS\u578bCRM (50\u30e6\u30fc\u30b6\u30fc\u60f3\u5b9a)'],\n datasets: [{\n label: '\u5e74\u9593\u7dcf\u30b3\u30b9\u30c8\u6bd4\u8f03 (\u63a8\u5b9a)',\n data: [15, 100],\n backgroundColor: ['#ff6361', '#ffa600'],\n borderColor: ['#ff6361', '#ffa600'],\n borderWidth: 1\n }]\n },\n options: {\n ...commonChartOptions,\n indexAxis: 'y',\n scales: {\n x: {\n beginAtZero: true,\n ticks: {\n callback: function(value) {\n return value + '\u4e07\u5186'\n }\n }\n }\n },\n plugins: {\n ...commonChartOptions.plugins,\n legend: {\n display: false\n }\n }\n }\n });\n\n const devCtx = document.getElementById('devChart').getContext('2d');\n new Chart(devCtx, {\n type: 'doughnut',\n data: {\n labels: ['\u6a19\u6e96\u6a5f\u80fd\u306e\u6d3b\u7528', '\u65e2\u5b58\u62e1\u5f35\u6a5f\u80fd\u306e\u5229\u7528', '\u8efd\u5fae\u306a\u30ab\u30b9\u30bf\u30de\u30a4\u30ba'],\n datasets: [{\n data: [60, 30, 10],\n backgroundColor: [\n '#003f5c',\n '#58508d',\n '#bc5090'\n ],\n hoverOffset: 4\n }]\n },\n options: {\n ...commonChartOptions,\n cutout: '60%',\n }\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u88fd\u9020\u696d\u3000\u30af\u30ec\u30fc\u30e0\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3068SFA\u306e\u7d71\u5408 VtigerCRM\u5c0e\u5165\u4e8b\u4f8b\u30a4\u30f3\u30d5\u30a9\u30b0\u30e9\u30d5\u30a3\u30c3\u30af – \u88fd\u9020\u696dA\u793e\u69d8 \u88fd\u9020\u696dA\u793e\u69d8 VtigerCRM\u5c0e\u5165\u4e8b\u4f8b SFA\u3068\u30af\u30ec\u30fc\u30e0\u7ba1\u7406\u306e\u4e00\u5143\u5316\u3067\u5b9f\u73fe\u3057\u305f\u3001\u5168\u793e\u7684\u306a\u696d\u52d9\u6539\u9769 […]<\/p>\n","protected":false},"author":1,"featured_media":170,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-59","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\/59","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=59"}],"version-history":[{"count":3,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":810,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/posts\/59\/revisions\/810"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iplanner.jp\/index.php?rest_route=\/wp\/v2\/media\/170"}],"wp:attachment":[{"href":"https:\/\/iplanner.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iplanner.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iplanner.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}