{"id":8817,"date":"2026-01-25T08:43:23","date_gmt":"2026-01-25T07:43:23","guid":{"rendered":"https:\/\/innovacore.group\/?post_type=portfolio&#038;p=8817"},"modified":"2026-03-17T15:54:28","modified_gmt":"2026-03-17T14:54:28","slug":"contribly","status":"publish","type":"portfolio","link":"https:\/\/innovacore.group\/ja\/portfolio\/contribly\/","title":{"rendered":"Contribly &#8211; \u8aad\u8005\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u3092\u9ad8\u3081\u308b"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Contribly \u306f The Guardian \u3067\u751f\u307e\u308c\u305f SaaS \u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u3001\u898f\u6a21\u306e\u5927\u304d\u306a\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u751f\u6210\u30b3\u30f3\u30c6\u30f3\u30c4\uff08CGC\uff09\u3092\u30de\u30b9\u30bf\u30fc\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u30e6\u30fc\u30b6\u30fc\u306e\u30b9\u30c8\u30fc\u30ea\u30fc\u3001\u5199\u771f\u3001\u30d3\u30c7\u30aa\u306e\u53ce\u96c6\u3001\u30e2\u30c7\u30ec\u30fc\u30b7\u30e7\u30f3\u3001\u5373\u6642\u516c\u958b\u3092\u5408\u7406\u5316\u3057\u307e\u3059\u3002 \u53d7\u52d5\u7684\u306a\u8aad\u8005\u3092\u6d3b\u767a\u306a\u5bc4\u7a3f\u8005\u3078\u3068\u5909\u3048\u308b\u3053\u3068\u3067\u3001Contribly \u306f\u7de8\u96c6\u30c1\u30fc\u30e0\u306e\u5927\u5e45\u306a\u6642\u9593\u3092\u7bc0\u7d04\u3057\u3001\u30d1\u30d6\u30ea\u30c3\u30b7\u30e3\u30fc\u3084\u30d6\u30e9\u30f3\u30c9\u306e\u30ed\u30a4\u30e4\u30eb\u30c6\u30a3\u3001\u6ede\u5728\u6642\u9593\u3001\u30d5\u30a1\u30fc\u30b9\u30c8\u30d1\u30fc\u30c6\u30a3\u30c7\u30fc\u30bf\u306e\u53ce\u96c6\u3092\u98db\u8e8d\u7684\u306b\u5411\u4e0a\u3055\u305b\u307e\u3059\u3002<\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30fb\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5927\u898f\u6a21\u306b\u53ce\u96c6\u30fb\u30e2\u30c7\u30ec\u30fc\u30c8\u30fb\u516c\u958b\u3059\u308bSaaS\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002<\/p>\n","protected":false},"featured_media":2369,"parent":0,"template":"","meta":{"inline_featured_image":false,"company_name":"Contribly","summary":"\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30fb\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5927\u898f\u6a21\u306b\u53ce\u96c6\u30fb\u30e2\u30c7\u30fc\u30c8\u30fb\u516c\u958b\u3059\u308bSaaS\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3002","mission":"<p>\u30aa\u30fc\u30c7\u30a3\u30a8\u30f3\u30b9\u306e\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u3092\u6226\u7565\u7684\u306a\u30d3\u30b8\u30cd\u30b9\u8cc7\u7523\u3078\u3068\u8ee2\u63db\u3059\u308b\u3053\u3068\u3002Contribly\u306e\u4f7f\u547d\u306f\u3001\u8aad\u8005\u3092\u30b9\u30c8\u30fc\u30ea\u30fc\u306b\u81ea\u7136\u306b\u7d44\u307f\u8fbc\u307f\u3084\u3059\u304f\u3059\u308b\u3053\u3068\u3067\u3001\u51fa\u7248\u793e\u304c\u6df1\u3044\u4fe1\u983c\u3068\u95a2\u9023\u6027\u3092\u69cb\u7bc9\u3057\u3001\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8\u3092\u6709\u76ca\u306a\u30d5\u30a1\u30fc\u30b9\u30c8\u30d1\u30fc\u30c6\u30a3\u30c7\u30fc\u30bf\u3068\u8cfc\u8aad\u8005\u306e\u6210\u9577\u3078\u3068\u5909\u63db\u3059\u308b\u306e\u3092\u652f\u63f4\u3059\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n","impact":"<p>Contribly\u306f\u300c\u4e00\u65b9\u5411\u306e\u914d\u4fe1\u300d\u304b\u3089\u53cc\u65b9\u5411\u306e\u5bfe\u8a71\u3078\u3068 publisher \u3068\u8aad\u8005\u306e\u95a2\u4fc2\u3092\u518d\u5b9a\u7fa9\u3057\u307e\u3059\u3002\u30cb\u30e5\u30fc\u30b9\u30eb\u30fc\u30e0\u306b\u5bfe\u4fa1\u306e\u4ea4\u63db\u30e2\u30c7\u30eb\uff08\"Value Exchange\"\uff09\u3092\u63d0\u4f9b\u3057\u3001\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u306b\u5de6\u53f3\u3055\u308c\u306a\u3044\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u3068\u9ad8\u4fa1\u5024\u30c7\u30fc\u30bf\u3092\u751f\u6210\u3057\u3001\u30bd\u30fc\u30b7\u30e3\u30eb\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3078\u306e\u4f9d\u5b58\u306b\u5de6\u53f3\u3055\u308c\u306a\u3044\u30e1\u30c7\u30a3\u30a2\u4e8b\u696d\u30e2\u30c7\u30eb\u306e\u5c06\u6765\u6027\u3092\u9ad8\u3081\u307e\u3059\u3002<\/p>\n","company_logo":"https:\/\/innovacore.group\/wp-content\/uploads\/contribly_logo-innovacore-optimized.jpg","website_url":"https:\/\/www.contribly.com\/","linkedin_url":"https:\/\/www.linkedin.com\/company\/contribly\/","location":"Northwich, UK","founded_year":"","key_numbers":{"item-0":{"metric_label":"\u30da\u30fc\u30b8\u6ede\u5728\u6642\u9593","metric_value":"3\uff5e10\u500d"},"item-1":{"metric_label":"\u30bd\u30fc\u30b7\u30e3\u30eb\u30a8\u30f3\u30b2\u30fc\u30b8\u30e1\u30f3\u30c8","metric_value":"3\u500d"},"item-2":{"metric_label":"\u30a2\u30d7\u30ea\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u306e\u5897\u52a0","metric_value":"44%"}},"hiring_status":"\u30b9\u30c6\u30eb\u30b9","sector":"SaaS","company_type":"\u30b9\u30bf\u30fc\u30c8\u30a2\u30c3\u30d7","audience":["B2B"],"geo_scope":["\u30b0\u30ed\u30fc\u30d0\u30eb"],"business_model":["SaaS"],"funding_stage":"\u9032\u884c\u4e2d","partnership_type":"\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9","logo_animation":"<div id=\"contribly-particle-root\">\r\n    <canvas id=\"contriblyCanvas\"><\/canvas>\r\n<\/div>\r\n\r\n<style>\r\n    #contribly-particle-root {\r\n        width: 100%;\r\n        height: 300px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background: transparent;\r\n        overflow: hidden;\r\n        cursor: crosshair;\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    const canvas = document.getElementById('contriblyCanvas');\r\n    const ctx = canvas.getContext('2d', { willReadFrequently: true });\r\n    const root = document.getElementById('contribly-particle-root');\r\n    \r\n    let width, height;\r\n    let particles = [];\r\n    let mouse = { x: -1000, y: -1000 };\r\n    const particleColor = '#f5f5f5'; \/\/ Gris clair demand\u00e9\r\n    let time = 0;\r\n\r\n    function init() {\r\n        width = root.offsetWidth;\r\n        height = 300;\r\n        \r\n        const dpr = window.devicePixelRatio || 1;\r\n        canvas.width = width * dpr;\r\n        canvas.height = height * dpr;\r\n        canvas.style.width = width + 'px';\r\n        canvas.style.height = height + 'px';\r\n        ctx.scale(dpr, dpr);\r\n\r\n        createLogoParticles();\r\n    }\r\n\r\n    function createLogoParticles() {\r\n        particles = [];\r\n        const cx = width \/ 2;\r\n        const cy = height \/ 2;\r\n        const isMobile = width < 600;\r\n\r\n        \/\/ --- 1. CONFIGURATION DU DESSIN ---\r\n        ctx.fillStyle = 'white';\r\n        ctx.strokeStyle = 'white';\r\n\r\n        \/\/ Dimensions relatives\r\n        \/\/ On augmente un peu la taille de l'ic\u00f4ne pour bien voir les d\u00e9tails\r\n        const iconSize = isMobile ? 60 : 100; \r\n        const fontSize = isMobile ? 35 : 60;\r\n        const gap = isMobile ? 15 : 30;\r\n\r\n        \/\/ Typo\r\n        ctx.font = `bold ${fontSize}px \"Poppins\", \"Montserrat\", Arial, sans-serif`;\r\n        const textMetrics = ctx.measureText('Contribly');\r\n        const textWidth = textMetrics.width;\r\n\r\n        \/\/ Centrage\r\n        const totalWidth = iconSize + gap + textWidth;\r\n        const startX = cx - (totalWidth \/ 2);\r\n        const centerY = cy;\r\n\r\n        \/\/ --- 2. DESSIN DE L'IC\u00d4NE (Complexe et fid\u00e8le) ---\r\n        const ix = startX;\r\n        const iy = centerY - (iconSize \/ 2);\r\n        const centerIx = ix + iconSize \/ 2;\r\n        const centerIy = iy + iconSize \/ 2;\r\n\r\n        \/\/ A. Le cadre carr\u00e9 (fin)\r\n        ctx.lineWidth = iconSize * 0.03;\r\n        ctx.strokeRect(ix, iy, iconSize, iconSize);\r\n\r\n        \/\/ B. Le Point Central (Le plus gros)\r\n        const centerDotRad = iconSize * 0.12;\r\n        ctx.beginPath();\r\n        ctx.arc(centerIx, centerIy, centerDotRad, 0, Math.PI * 2);\r\n        ctx.fill();\r\n\r\n        \/\/ C. Les Points P\u00e9riph\u00e9riques (Tailles et positions vari\u00e9es)\r\n        const networkRad = iconSize * 0.36; \/\/ Distance au centre\r\n        const bigRad = iconSize * 0.075;   \/\/ Rayon des \"gros\" points p\u00e9riph\u00e9riques\r\n        const smallRad = iconSize * 0.045; \/\/ Rayon des \"petits\" points\r\n\r\n        \/\/ D\u00e9finition manuelle des 6 points pour respecter le logo :\r\n        \/\/ Angles approximatifs en radians et taille associ\u00e9e.\r\n        const pointsDef = [\r\n            { angle: -0.4, size: smallRad }, \/\/ Haut-Droite (petit)\r\n            { angle: 0.3,  size: smallRad }, \/\/ Droite (petit)\r\n            { angle: 1.2,  size: bigRad },   \/\/ Bas-Droite (gros)\r\n            { angle: 2.6,  size: bigRad },   \/\/ Bas-Gauche (gros)\r\n            { angle: 3.5,  size: smallRad }, \/\/ Gauche (petit)\r\n            { angle: 4.5,  size: bigRad }    \/\/ Haut-Gauche (gros)\r\n        ];\r\n\r\n        ctx.lineWidth = iconSize * 0.025; \/\/ Lignes de connexion fines\r\n\r\n        pointsDef.forEach(pt => {\r\n            const px = centerIx + Math.cos(pt.angle) * networkRad;\r\n            const py = centerIy + Math.sin(pt.angle) * networkRad;\r\n\r\n            \/\/ 1. La ligne de connexion\r\n            ctx.beginPath();\r\n            ctx.moveTo(centerIx, centerIy);\r\n            ctx.lineTo(px, py);\r\n            ctx.stroke();\r\n\r\n            \/\/ 2. Le point\r\n            ctx.beginPath();\r\n            ctx.arc(px, py, pt.size, 0, Math.PI * 2);\r\n            ctx.fill();\r\n        });\r\n\r\n\r\n        \/\/ --- 3. DESSIN DU TEXTE ---\r\n        const textX = startX + iconSize + gap;\r\n        ctx.textAlign = 'left';\r\n        ctx.textBaseline = 'middle';\r\n        ctx.fillText('Contribly', textX, centerY);\r\n\r\n\r\n        \/\/ --- 4. SCAN DES PIXELS (Densit\u00e9 \u00e9lev\u00e9e pour le d\u00e9tail) ---\r\n        const density = 3;\r\n        const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height).data;\r\n        const dataWidth = canvas.width; \r\n\r\n        for (let y = 0; y < canvas.height; y += density) {\r\n            for (let x = 0; x < canvas.width; x += density) {\r\n                if (imageData[(y * dataWidth + x) * 4 + 3] > 128) {\r\n                    const dpr = window.devicePixelRatio || 1;\r\n                    particles.push({\r\n                        x: x \/ dpr,\r\n                        y: y \/ dpr,\r\n                        originX: x \/ dpr,\r\n                        originY: y \/ dpr,\r\n                        vx: 0, \r\n                        vy: 0,\r\n                        \/\/ Taille de particule l\u00e9g\u00e8rement variable pour le c\u00f4t\u00e9 \"soft\"\r\n                        size: Math.random() * 1.2 + 0.8, \r\n                    });\r\n                }\r\n            }\r\n        }\r\n        \r\n        ctx.clearRect(0, 0, width, height);\r\n    }\r\n\r\n    function draw() {\r\n        ctx.clearRect(0, 0, width, height);\r\n        \r\n        \/\/ --- PHYSIQUE \"SOFT\" ---\r\n        time += 0.02; \/\/ Vitesse d'ondulation lente\r\n\r\n        ctx.fillStyle = particleColor;\r\n        \r\n        particles.forEach(p => {\r\n            \/\/ 1. Respiration lente et ample\r\n            const waveX = Math.sin(time * 0.5 + p.y * 0.03) * 3;\r\n            const waveY = Math.cos(time * 0.4 + p.x * 0.03) * 3;\r\n\r\n            \/\/ 2. Interaction Souris douce\r\n            const dx = mouse.x - p.x;\r\n            const dy = mouse.y - p.y;\r\n            const dist = Math.sqrt(dx*dx + dy*dy);\r\n            const radius = 100;\r\n\r\n            let repelX = 0;\r\n            let repelY = 0;\r\n\r\n            if (dist < radius) {\r\n                const force = (radius - dist) \/ radius;\r\n                const angle = Math.atan2(dy, dx);\r\n                \/\/ Force mod\u00e9r\u00e9e (10) pour une r\u00e9pulsion visible mais pas violente\r\n                repelX = -Math.cos(angle) * force * 10;\r\n                repelY = -Math.sin(angle) * force * 10;\r\n            }\r\n\r\n            const targetX = p.originX + waveX;\r\n            const targetY = p.originY + waveY;\r\n\r\n            \/\/ 3. Physique fluide (Retour \u00e9lastique mou et forte friction)\r\n            const ax = (targetX - p.x) * 0.02; \/\/ Retour tr\u00e8s souple\r\n            const ay = (targetY - p.y) * 0.02;\r\n\r\n            p.vx += ax;\r\n            p.vy += ay;\r\n            p.vx += repelX * 0.2; \/\/ Application douce de la force souris\r\n            p.vy += repelY * 0.2;\r\n            \r\n            \/\/ Friction \u00e9lev\u00e9e pour l'effet \"flottant dans l'eau\"\r\n            p.vx *= 0.92; \r\n            p.vy *= 0.92;\r\n\r\n            p.x += p.vx;\r\n            p.y += p.vy;\r\n\r\n            ctx.beginPath();\r\n            ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\r\n            ctx.fill();\r\n        });\r\n\r\n        requestAnimationFrame(draw);\r\n    }\r\n\r\n    const updateMouse = (e) => {\r\n        const r = canvas.getBoundingClientRect();\r\n        const cx = e.touches ? e.touches[0].clientX : e.clientX;\r\n        const cy = e.touches ? e.touches[0].clientY : e.clientY;\r\n        mouse.x = cx - r.left;\r\n        mouse.y = cy - r.top;\r\n    };\r\n\r\n    window.addEventListener('resize', init);\r\n    canvas.addEventListener('mousemove', updateMouse);\r\n    canvas.addEventListener('touchmove', updateMouse, {passive: true});\r\n    canvas.addEventListener('mouseleave', () => { mouse.x = -1000; mouse.y = -1000; });\r\n    canvas.addEventListener('touchend', () => { mouse.x = -1000; mouse.y = -1000; });\r\n\r\n    setTimeout(init, 100);\r\n    draw();\r\n})();\r\n<\/script>"},"pt":[],"pipeline":[],"class_list":["post-8817","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/portfolio\/8817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":2,"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/portfolio\/8817\/revisions"}],"predecessor-version":[{"id":8853,"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/portfolio\/8817\/revisions\/8853"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/media\/2369"}],"wp:attachment":[{"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/media?parent=8817"}],"wp:term":[{"taxonomy":"pt","embeddable":true,"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/pt?post=8817"},{"taxonomy":"pipeline","embeddable":true,"href":"https:\/\/innovacore.group\/ja\/wp-json\/wp\/v2\/pipeline?post=8817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}