{"id":2,"date":"2026-09-10T00:36:21","date_gmt":"2026-09-10T00:36:21","guid":{"rendered":"https:\/\/lp.jobsc.jp\/?page_id=2"},"modified":"2026-09-10T09:50:46","modified_gmt":"2026-09-10T00:50:46","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/lp.jobsc.jp\/","title":{"rendered":"\u30d5\u30ed\u30f3\u30c8\u30da\u30fc\u30b8"},"content":{"rendered":"\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\"><div class=\"swell-block-fullWide__inner\">\n<div class=\"wp-custom-logo-slider\" id=\"wpLogoSliderContainer\">\n    <div class=\"wp-logo-slider-track\" id=\"wpLogoTrack\">\n        <!-- \u30ed\u30b4\u306fJavaScript\u3067\u751f\u6210\u3055\u308c\u307e\u3059 -->\n    <\/div>\n<\/div>\n\n<style>\n    \/* 1. \u30b3\u30f3\u30c6\u30ca\uff1a\u30cf\u30fc\u30c9\u30a6\u30a7\u30a2\u52a0\u901f\u3092\u5f37\u5236 *\/\n    .wp-custom-logo-slider {\n        width: 100%;\n        overflow: hidden;\n        background: transparent;\n        padding: 20px 0;\n        position: relative;\n        touch-action: pan-y;\n        -webkit-overflow-scrolling: touch;\n        \/* \u30e2\u30d0\u30a4\u30ebSafari\/Chrome\u3067\u306e\u6d88\u5931\u9632\u6b62 *\/\n        -webkit-perspective: 1000;\n        perspective: 1000;\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n    }\n\n    \/* 2. \u30c8\u30e9\u30c3\u30af\uff1ainline-flex\u3067\u5e45\u3092\u78ba\u5b9f\u306b\u78ba\u4fdd *\/\n    .wp-logo-slider-track {\n        display: inline-flex;\n        width: max-content;\n        align-items: center;\n        will-change: transform;\n        \/* \u521d\u671f\u72b6\u614b\u3067\u306f\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306a\u3057\u3002JS\u3067\u4ed8\u4e0e *\/\n        -webkit-transform: translate3d(0, 0, 0);\n        transform: translate3d(0, 0, 0);\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n    }\n\n    \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u958b\u59cb\u7528\u30af\u30e9\u30b9 *\/\n    .is-animating .wp-logo-slider-track {\n        animation: wp-logo-scroll 30s linear infinite !important;\n    }\n\n    \/* 3. \u5404\u30a2\u30a4\u30c6\u30e0\uff1a\u500b\u5225\u306bGPU\u30ec\u30a4\u30e4\u30fc\u3092\u4f5c\u6210 *\/\n    .wp-logo-item {\n        flex: 0 0 auto;\n        height: 80px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        \/* \u6d88\u5931\u9632\u6b62\u306e\u91cd\u8981\u8a2d\u5b9a *\/\n        -webkit-transform: translateZ(0);\n        transform: translateZ(0);\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n    }\n\n    .wp-logo-item img {\n        height: 100%;\n        width: auto;\n        display: block;\n        object-fit: contain;\n        \/* \u30b9\u30de\u30db\u3067\u306e\u8aa4\u4f5c\u52d5\u9632\u6b62 *\/\n        pointer-events: none;\n        -webkit-user-select: none;\n        user-select: none;\n        -webkit-user-drag: none;\n    }\n\n    \/* 4. \u7121\u9650\u30eb\u30fc\u30d7\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n    @keyframes wp-logo-scroll {\n        0% {\n            transform: translate3d(0, 0, 0);\n        }\n        100% {\n            \/* 2\u30bb\u30c3\u30c8\u914d\u7f6e\u3059\u308b\u306e\u3067\u534a\u5206\u307e\u3067 *\/\n            transform: translate3d(-50%, 0, 0);\n        }\n    }\n\n    \/* 5. \u30e2\u30d0\u30a4\u30eb\u5411\u3051\u30b5\u30a4\u30ba\u5fae\u8abf\u6574 *\/\n    @media (max-width: 768px) {\n        .wp-logo-item {\n            height: 60px;\n        }\n        .is-animating .wp-logo-slider-track {\n            animation-duration: 20s !important;\n        }\n    }\n<\/style>\n\n<script>\n    (function() {\n        const config = {\n            baseUrl: \"http:\/\/lp.jobsc.jp\/images\/logo\/\",\n            fileNames: [\n                \"1.png\",\n                \"2.png\",\n                \"3.png\",\n                \"4.png\",\n                \"5.png\",\n                \"6.png\",\n                \"7.png\",\n                \"8.png\",\n                \"9.png\",\n                \"10.png\",\n                \"11.png\",\n                \"12.png\",\n            ]\n        };\n\n        const container = document.getElementById('wpLogoSliderContainer');\n        const track = document.getElementById('wpLogoTrack');\n        if (!track) return;\n\n        function createLogo(name) {\n            const div = document.createElement('div');\n            div.className = 'wp-logo-item';\n            const img = new Image();\n            img.src = config.baseUrl + name;\n            img.alt = \"Partner Logo\";\n            img.loading = \"eager\"; \/\/ \u30b9\u30de\u30db\u3067\u306e\u65e9\u671f\u63cf\u753b\u3092\u4fc3\u3059\n            img.onerror = () => div.style.display = 'none';\n            div.appendChild(img);\n            return div;\n        }\n\n        const setupSlider = () => {\n            \/\/ \u4e2d\u8eab\u3092\u4e00\u65e6\u30af\u30ea\u30a2\uff08\u4e8c\u91cd\u5b9f\u884c\u9632\u6b62\uff09\n            track.innerHTML = '';\n            \n            \/\/ \u7121\u9650\u30eb\u30fc\u30d7\u7528\u306b2\u30bb\u30c3\u30c8\u4f5c\u6210\n            const logos = [...config.fileNames, ...config.fileNames];\n            logos.forEach(name => track.appendChild(createLogo(name)));\n\n            \/\/ \u30b9\u30de\u30dbChrome\/Safari\u5bfe\u7b56\uff1aDOM\u69cb\u7bc9\u5f8c\u306b\u6642\u9593\u3092\u7a7a\u3051\u3066\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u59cb\n            \/\/ \u3053\u308c\u306b\u3088\u308a\u30d6\u30e9\u30a6\u30b6\u304c\u8981\u7d20\u306e\u5e45\u3092\u6b63\u3057\u304f\u8a08\u7b97\u3057\u3066\u304b\u3089\u52d5\u304b\u3057\u59cb\u3081\u307e\u3059\n            setTimeout(() => {\n                \/\/ \u5f37\u5236\u30ea\u30d5\u30ed\u30fc\uff08\u30d6\u30e9\u30a6\u30b6\u306b\u518d\u8a08\u7b97\u3092\u5f37\u3044\u308b\uff09\n                void track.offsetWidth;\n                container.classList.add('is-animating');\n            }, 300);\n        };\n\n        \/\/ WordPress\u74b0\u5883\u3067\u306e\u8aad\u307f\u8fbc\u307f\u30bf\u30a4\u30df\u30f3\u30b0\u3092\u8003\u616e\n        if (document.readyState === 'complete') {\n            setupSlider();\n        } else {\n            window.addEventListener('load', setupSlider);\n        }\n\n        \/\/ \u30b9\u30de\u30db\u3067\u306e\u300c\u6d88\u3048\u308b\u300d\u73fe\u8c61\u3078\u306e\u6700\u7d42\u624b\u6bb5\uff1a\u30bf\u30d6\u5207\u308a\u66ff\u3048\u7b49\u3067\u63cf\u753b\u304c\u6b62\u307e\u3063\u305f\u5834\u5408\u306b\u518d\u958b\u3055\u305b\u308b\n        document.addEventListener('visibilitychange', () => {\n            if (document.visibilityState === 'visible') {\n                container.classList.remove('is-animating');\n                void track.offsetWidth;\n                container.classList.add('is-animating');\n            }\n        });\n    })();\n<\/script>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lp.jobsc.jp\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lp.jobsc.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lp.jobsc.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lp.jobsc.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lp.jobsc.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":6,"href":"https:\/\/lp.jobsc.jp\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/lp.jobsc.jp\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/lp.jobsc.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}