Webサイト・Webアプリ開発 | 業務別ソリューション

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no"> <link rel="icon" href="/favicon.ico">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Jost:wght@100;400;500&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/css/destyle.css"> <link rel="stylesheet" href="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/slick/slick.css"> <link rel="stylesheet" href="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/slick/slick-theme.css"> <link rel="stylesheet" href="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/css/style.css"> <link rel="stylesheet" href="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/css/pb_style.css"> <script src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/js/jquery-3.6.4.min.js"></script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Webサイト・Webアプリ開発 | 業務別ソリューション | スパイラル株式会社</title> <meta name="description" content="Webサイト・Webアプリ開発のソリューション紹介ページです。スパイラル株式会社は顧客企業・団体におけるITを活用した業務最適化や顧客との接点機会創出および強化を支援するサービスの提供や、顧客に応じた最適なクラウドSIの開発請負等を行っております。" /> <link rel="canonical" href="https://www.spiral-platform.co.jp/solution/web-dev-group/" /> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Webサイト・Webアプリ開発 | 業務別ソリューション | スパイラル株式会社" /> <meta property="og:description" content="Webサイト・Webアプリ開発のソリューション紹介ページです。スパイラル株式会社は顧客企業・団体におけるITを活用した業務最適化や顧客との接点機会創出および強化を支援するサービスの提供や、顧客に応じた最適なクラウドSIの開発請負等を行っております。" /> <meta property="og:url" content="https://www.spiral-platform.co.jp/solution/web-dev-group/" /> <meta property="og:site_name" content="スパイラル株式会社" /> <meta property="og:image" content="https://www.spiral-platform.co.jp/wp-content/uploads/2023/11/ogp_logo_spiralinc.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.spiral-platform.co.jp/solution/web-dev-group/","url":"https://www.spiral-platform.co.jp/solution/web-dev-group/","name":"Webサイト・Webアプリ開発 | 業務別ソリューション | スパイラル株式会社","isPartOf":{"@id":"https://www.spiral-platform.co.jp/#website"},"datePublished":"2024-01-13T15:26:51+00:00","dateModified":"2024-01-13T15:26:51+00:00","description":"Webサイト・Webアプリ開発のソリューション紹介ページです。スパイラル株式会社は顧客企業・団体におけるITを活用した業務最適化や顧客との接点機会創出および強化を支援するサービスの提供や、顧客に応じた最適なクラウドSIの開発請負等を行っております。","breadcrumb":{"@id":"https://www.spiral-platform.co.jp/solution/web-dev-group/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https://www.spiral-platform.co.jp/solution/web-dev-group/"]}]},{"@type":"BreadcrumbList","@id":"https://www.spiral-platform.co.jp/solution/web-dev-group/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"ホーム","item":"https://www.spiral-platform.co.jp/"},{"@type":"ListItem","position":2,"name":"ソリューション","item":"https://www.spiral-platform.co.jp/solution/"},{"@type":"ListItem","position":3,"name":"Webサイト・Webアプリ開発"}]},{"@type":"WebSite","@id":"https://www.spiral-platform.co.jp/#website","url":"https://www.spiral-platform.co.jp/","name":"スパイラル株式会社","description":"","publisher":{"@id":"https://www.spiral-platform.co.jp/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.spiral-platform.co.jp/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ja"},{"@type":"Organization","@id":"https://www.spiral-platform.co.jp/#organization","name":"スパイラル株式会社","url":"https://www.spiral-platform.co.jp/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https://www.spiral-platform.co.jp/#/schema/logo/image/","url":"https://www.spiral-platform.co.jp/wp-content/uploads/2023/11/ogp_logo_spiralinc.png","contentUrl":"https://www.spiral-platform.co.jp/wp-content/uploads/2023/11/ogp_logo_spiralinc.png","width":1200,"height":630,"caption":"スパイラル株式会社"},"image":{"@id":"https://www.spiral-platform.co.jp/#/schema/logo/image/"}}]}</script>  <link rel='dns-prefetch' href='//modules.promolayer.io' /> <link rel="alternate" type="application/rss+xml" title="スパイラル株式会社 » Webサイト・Webアプリ開発のコメントのフィード" href="https://www.spiral-platform.co.jp/solution/web-dev-group/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.spiral-platform.co.jp\/wp-includes\/js\/wp-emoji-release.min.js"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.spiral-platform.co.jp/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <script type="module" src="https://modules.promolayer.io/index.js" data-pluid="8wZWE7wq4dd8cnesZmSlJbkOnre2" crossorigin async></script><link rel="https://api.w.org/" href="https://www.spiral-platform.co.jp/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.spiral-platform.co.jp/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.spiral-platform.co.jp/?p=31921' /> <link rel="alternate" type="application/json+oembed" href="https://www.spiral-platform.co.jp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.spiral-platform.co.jp%2Fsolution%2Fweb-dev-group%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.spiral-platform.co.jp/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.spiral-platform.co.jp%2Fsolution%2Fweb-dev-group%2F&format=xml" /> <style type="text/css"> @media screen and (min-width: 768px){.blkMvTop{height:956px;background-image:url(/wp-content/themes/spiral/assets/img/top/bg_top_mv-2.png)}}@media screen and (max-width: 767px){.blkMvTop{background-image:url(/wp-content/themes/spiral/assets/img/top/bg_top_mv_sp-2.png);height:167.4666666667vw}}.blkMvTop__inner{max-width:1180px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 767px){.blkMvTop__inner{position:absolute;bottom:0;width:100%;padding:0 8vw 25.3333333333vw}}.blkMvTop__txt{font-weight:bold;color:#fff}@media screen and (min-width: 768px){.blkMvTop__txt{margin: 124px auto 0;padding: 0 20px 0 100px}}@media screen and (min-width: 1199px){.blkMvTop__txt{margin: 124px auto 0;padding: 0 20px 0 100px}}@media screen and (max-width: 767px){.blkMvTop__txt{width:100%}}@media screen and (min-width: 768px){.blkMvTop__txt01{font-size:35px;line-height:2.08;padding-left:30px;text-align:center}}@media screen and (max-width: 767px){.blkMvTop__txt01{font-size:6vw;line-height:5.9733333333vw;text-align:center}}.blkMvTop__txt02{position:absolute;text-align:center;font-weight:700;width:100%;font-size:37px;line-height:54px;color:rgba(255,255,255,.65);text-shadow:0px 0px 6px rgba(0,255,226,.65);letter-spacing:4.3px}@media screen and (min-width: 768px){.blkMvTop__txt02{padding: 0 20px 287px 100px;bottom:0}}@media screen and (min-width: 768px)and (max-width: 1024px){.blkMvTop__txt02{font-size:28px;line-height:1.4594594595;padding: 0 20px 287px 100px}}@media screen and (max-width: 767px){.blkMvTop__txt02{font-size:4.8vw;line-height:6.9333333333vw;top:15.2vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:center;letter-spacing:0.5333333333vw}}.blkMvTop__ttl{font-size:52px;letter-spacing:.02em;text-align:center}.blkMvTop__ttl span{font-size:35px}@media screen and (min-width: 768px)and (max-width: 1024px){.blkMvTop__ttl{font-size:45px}}@media screen and (max-width: 767px){.blkMvTop__ttl{font-size:8.5333333333vw;margin:2.6666666667vw -8vw 0 -5.8666666667vw}.blkMvTop__ttl span{font-size:6vw}}.blkMvTop__subTtl{letter-spacing:.02em}@media screen and (min-width: 768px){.blkMvTop__subTtl{font-size:36px;padding-left:34px}}@media screen and (min-width: 768px)and (max-width: 1024px){.blkMvTop__subTtl{font-size:30px}}@media screen and (max-width: 767px){.blkMvTop__subTtl{font-size:6.4vw}}@media screen and (max-width: 767px){.blkMvTop__subTtl span{font-size:3.7333333333vw}}#blkMvTop__btn{display:flex;justify-content:center;gap:20px}.blkMvTop__btn{font-size:19px;line-height:1.3684210526;color:#fff;background:rgba(0,0,0,0);border-radius:999px;border:2px solid #fff;padding:14px 20px 17px;height:60px;width:240px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:60px 0 0;transition:.3s}@media screen and (max-width: 767px){.blkMvTop__btn{margin:0;font-size:3.7333333333vw;line-height:5.9733333333vw;padding:2.6666666667vw 5.3333333333vw 2.6666666667vw;width:46.9333333333vw;height:11.7333333333vw;margin-top:11.7333333333vw}}.blkMvTop__btn:hover{border:0;background:#fff;color:#1d50a2;-webkit-box-shadow:0px 4px 15px 0px rgba(0,0,0,.42);-moz-box-shadow:0px 4px 15px 0px rgba(0,0,0,.42);box-shadow:0px 4px 15px 0px rgba(0,0,0,.42)}.blkService{padding:164px 0 130px;position:relative}@media screen and (max-width: 767px){.blkService{padding:19.2vw 0 13.3333333333vw}}.blkService:after{content:"";width:100%;height:400px;background:#f5f5f5;position:absolute;bottom:0;left:0;right:0;margin:auto;-webkit-transform:skewY(5deg);transform:skewY(5deg);z-index:-1;pointer-events:none} #blkMvTop__btn a { text-align: center; width: 340px; } .btn_right { background-color: #f08437; border-color: #f08437; } .btn_right:hover { background-color: #fff; border-color: #fff; color: #1d50a2; } @media screen and (max-width: 767px) { #blkMvTop__btn { display: block; margin: 7vw auto 0; } .blkMvTop__btn { width: 90%; } .btn_right { margin-top: 6vw; } } </style> <style type="text/css"> .contact { background: #7ABCF5; padding: 50px 0; } .contact dl { align-items: center; display: flex; gap: 30px; justify-content: center; margin: 0 auto; width: 70%; } .contact dt { width: 50%; } .contact dd { text-align: left; width: 50%; } .contact .solu__ttl { color: #2b2b2b; } .contact .button { background: var(--wp--preset--gradient--blush-bordeaux); background-position: center; background-size: 200% auto; } .contact .button:hover { background: var(--wp--preset--gradient--blush-bordeaux); background-position: right; background-size: 200% auto; } .contact .solu__ttl { color: #fff; margin-bottom: 30px; } .contact .l-inner { text-align: center; } .contact .sol__link { margin: 30px auto 0; width: 100%; } .contact .sol__link a { background-image: linear-gradient(30deg, #ff4f26 0%, #ffad0f 51%, #ff0066 100%); } .contact .sol__link a:hover { background-image: linear-gradient(30deg, #ff4f26 0%, #ffad0f 51%, #ff0066 100%); background-position: right; } /*-- mainvisual--*/ .sol_mv_contact{ margin-top:20px; width:300px; } .soldetail_mv_contact{ margin-top:20px; width:300px; } /*-- mail-solution --*/ .forMail{ margin-top:40px; margin-left:auto; margin-right:auto; width:80%; } @media screen and (max-width: 767px) { .contact dl { display: block; width: 100%; } .contact dt { margin: 0 auto 4vw; width: 80%; } .contact dd { text-align: center; width: 100%; } .contact .solu__ttl { margin-bottom: 6vw; } .contact .l-inner .sol__link { padding: 3vw 0 0; width: 100%; } .contact .sol__link .button { font-size: 3.8vw; } .soldetail_mv_contact, .sol_mv_contact{ margin-top:20px; } .forMail{ margin-top:40px; margin-left:auto; margin-right:auto; width:100%; } } </style>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KXC326');</script>  </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KXC326" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe></noscript>  <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v18.0" nonce="dhSAInnP"></script> <div class="wrap"> <header class="l-header"> <div class="l-header__logo only-sp"><a href="/"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/logo.svg" alt="Spiral"></a></div> <div class="navigation__action only-sp"> <div class="navigation__button only-sp"> <span class="navigation__buttonItem"></span> <span class="navigation__buttonItem"></span> <span class="navigation__buttonItem"></span> </div> </div> <div class="l-header__inner"> <div class="l-header__main"> <div class="l-header__logo only-pc"><a href="/"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/logo.svg" alt="Spiral"></a></div> <div class="l-header__service">サービス/ソリューション一覧</div> <ul class="l-header__nav only-pc"> <li class="l-header__navItem nav-open"><a href="/service/" class="l-header__navLink">サービス</a> <div id="service__nav" class="l-header__navItem"> <div class="inner"> <dl class="type"> <dt>分類から選ぶ：</dt> <dd> <ul> <li><a href="/service/low-code/">ローコード開発プラットフォーム</a></li> <li><a href="/solution/">クラウドSI（ソリューション）</a></li> <li><a href="/service/public-dx/">公共DX</a></li> <li><a href="/service/industry-specific/">業界・業種特化サービス</a></li> </ul> </dd> </dl> <dl class="want_to"> <dt>やりたいことから選ぶ：</dt> <dd> <ul> <li><a href="/solution/">Webアプリ開発を依頼したい</a></li> <li><a href="/service/insourcing_development_support/">Webアプリを内製したい</a></li> <li><a href="/solution-app/wordpress/">WordPressで会員サイトを構築したい</a></li> </ul> </dd> </dl> <dl class="industry"> <dt>業界から選ぶ：</dt> <dd> <ul> <li><a href="/solution/financial-group/">金融（銀行・保険・証券・カード）</a></li> <li><a href="/service/public-dx/">公共（地方自治体・官公庁）</a></li> <li><a href="/solution/real-estate-group/">不動産</a></li> <li><a href="/solution/manufacturing-group/">メーカー・製造</a></li> <li><a href="/solution/medical-care-group/">製薬・医療</a></li> <li><a href="/solution/education-group/">学校・教育</a></li> <li><a href="/solution/organization-group/">協会・団体</a></li> </ul> </dd> </dl> <dl class="work"> <dt>業務から選ぶ：</dt> <dd> <ul> <li><a href="/solution/web-dev-group/">Webサイト・Webアプリ開発</a></li> <li><a href="/solution/support-group/">顧客対応・サポート</a></li> <li><a href="/solution/marketing-sales-group/">営業・マーケティング</a></li> <li><a href="/solution/office-group/">人事・総務・経理・IR</a></li> <li class="box"><a href="/service/">サービストップをみる</a></li> <li class="box"><a href="/contact/?f000099824=https://www.spiral-platform.co.jp/solution/web-dev-group/">サービスについて問い合わせる</a></li> </ul> </dd> </dl> <dl class="products"> <dt>製品から選ぶ：</dt> <dd> <ul> <li><a href="/service/spiralv1/"><img src="/wp-content/uploads/common/logo_spiral-v1.svg" alt="SPIRAL ver.1"></a></li> <li><a href="https://spiral.pi-pe.co.jp/" target="blank"><img src="/wp-content/uploads/common/logo_spiral-v2.svg" alt="SPIRAL ver.2"></a></li> <li><a href="https://joypla.jp" target="blank"><img src="/wp-content/uploads/common/logo_joypla.svg" alt="JoyPla"></a></li> <li><a href="https://weex.jp" target="blank"><img src="/wp-content/uploads/common/logo_weex.svg" alt="WeeX"></a></li> <li><a href="/sp/product/mynumber/" target="blank"><img src="/wp-content/uploads/common/logo_mynumber.svg" alt="SPIRALマイナンバートータルソリューション"></a></li> </ul> </dd> </dl> <dl class="related_services"> <dt>関連サービスをみる：</dt> <dd> <ul> <li><a href="/service/spiral-solution/">SPIRAL ソリューションサービス</a></li> <li><a href="/service/spiral-managed-cloud/">SPIRAL マネージドクラウド</a></li> <li><a href="/solution-app/wp-mls/">SPIRALセキュアセッションマネージャー</a></li> </ul> </dd> </dl> </div> </div> </li> <li class="l-header__navItem"><a class="l-header__navLink" href="/case/">導入事例</a></li> <li class="l-header__navItem"><a class="l-header__navLink" href="/news/">お知らせ</a></li> <li class="l-header__navItem nav-open"><a href="/event/" class="l-header__navLink">イベント</a> <div id="event__nav" class="l-header__navItem"> <div class="inner"> <dl class="seminar"> <dt> 製品・サービスに関する<br>セミナー・イベント </dt> <dd> <ul> <li><a href="/event/">開催予定のセミナー・イベント</a></li> </ul> </dd> </dl> <dl class="community-revitalization"> <dt> まちおこしイベント </dt> <dd> <ul> <li><a href="https://love-shimokitazawa.jp/archives/category/event" target="_blank">下北沢でのイベント（外部ページ）</a></li> </ul> </dd> </dl> </div> </div> </li> <li class="l-header__navItem"><a class="l-header__navLink" href="https://recruit.spiral-platform.co.jp/" target="_blank">採用情報</a></li> <li class="l-header__navItem l-header__navItem--dropdown"> <a class="l-header__navLink" href="/company/">企業情報</a> <ul class="dropdown"> <li class="dropdown__title">企業情報</li> <li class="l-header__navItem only-sp"><a href="/company/" class="l-header__navLink">企業情報TOP</a></li> <li class="l-header__navItem"><a href="/company/message/" class="l-header__navLink">代表メッセージ</a></li> <li class="l-header__navItem"><a href="/company/philosophy/" class="l-header__navLink">ビジョン・ミッション・バリュー</a></li> <li class="l-header__navItem"><a href="/company/outline/" class="l-header__navLink">会社概要</a></li> <li class="l-header__navItem"><a href="/company/history/" class="l-header__navLink">沿革</a></li> <li class="l-header__navItem"><a href="/company/access/" class="l-header__navLink">所在地</a></li> <li class="dropdown__back"><span class="dropdown__backIcon"></span>戻る</li> </ul> </li> </ul> <ul class="l-header__nav only-sp"> <li class="l-header__navItem"><a class="l-header__navLink" href="/service/">サービス</a></li> <li class="l-header__navItem"><a class="l-header__navLink" href="/case/">導入事例</a></li> <li class="l-header__navItem"><a class="l-header__navLink" href="/news/">お知らせ</a></li> <li class="l-header__navItem"><a class="l-header__navLink" href="/event/">イベント</a></li> <li class="l-header__navItem"><a class="l-header__navLink" href="https://recruit.spiral-platform.co.jp/" target="_blank">採用情報</a></li> <li class="l-header__navItem l-header__navItem--dropdown"> <a class="l-header__navLink" href="/company/">企業情報</a> <ul class="dropdown"> <li class="dropdown__title">企業情報</li> <li class="l-header__navItem only-sp"><a href="/company/" class="l-header__navLink">企業情報TOP</a></li> <li class="l-header__navItem"><a href="/company/message/" class="l-header__navLink">代表メッセージ</a></li> <li class="l-header__navItem"><a href="/company/philosophy/" class="l-header__navLink">ビジョン・ミッション・バリュー</a></li> <li class="l-header__navItem"><a href="/company/outline/" class="l-header__navLink">会社概要</a></li> <li class="l-header__navItem"><a href="/company/history/" class="l-header__navLink">沿革</a></li> <li class="l-header__navItem"><a href="/company/access/" class="l-header__navLink">所在地</a></li> <li class="dropdown__back"><span class="dropdown__backIcon"></span>戻る</li> </ul> </li> </ul> </div> <div class="l-header__contact"> <div class="l-header__info"> <p class="l-header__time">平日／9:00～18:00</p> <p class="l-header__phone">0120-963-454</p> </div> <div class="l-header__action"><a href="/contact/?f000099824=https://www.spiral-platform.co.jp/solution/web-dev-group/" class="l-header__button button">お問い合わせ</a></div> </div> </div> </header> <div class="navigation"> <div class="navigation__wrap"> <div class="navigation__inner"> <div class="navigation__main"> <div class="navigation__group navigation__group--half"> <p class="navigation__text">ローコード開発プラットフォーム事業</p> <div class="navigation__block"> <div class="navigation__box navigation__box--half"> <p class="navigation__title">プラットフォーム</p> <ul class="navigation__list"> <li class="navigation__item"><a href="/service/spiralv1/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_spiral_s.svg" alt="SPIRAL®︎ ver.1"></span>SPIRAL®︎ ver.1</a></li> <li class="navigation__item"><a href="https://spiral.pi-pe.co.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_spiral_s.svg" alt="SPIRAL®︎ ver.2"></span>SPIRAL®︎ ver.2</a></li> </ul> </div> <div class="navigation__box navigation__box--half"> <p class="navigation__title">ソリューション</p> <ul class="navigation__list"> <li class="navigation__item"><a href="/solution/financial-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_01.svg" alt=""></span>金融</a></li> <li class="navigation__item"><a href="/solution/real-estate-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_02.svg" alt=""></span>不動産</a></li> <li class="navigation__item"><a href="/solution/manufacturing-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_03.svg" alt=""></span>製造・メーカー</a></li> <li class="navigation__item"><a href="/solution/medical-care-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_04.svg" alt=""></span>製薬・医療</a></li> <li class="navigation__item"><a href="/solution/education-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_05.svg" alt=""></span>学校・教育</a></li> <li class="navigation__item"><a href="/solution/organization-group/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_06.svg" alt=""></span>協会・団体</a></li> <li class="navigation__item"><a href="https://weex.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_07.svg" alt=""></span>EC・アパレル</a></li> <li class="navigation__item"><a href="https://bireki.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_industrytype_08.svg" alt=""></span>美容</a></li> </ul> </div> </div> </div> <div class="navigation__group"> <p class="navigation__text">SaaS・その他の事業</p> <div class="navigation__block"> <div class="navigation__box"> <p class="navigation__title"></p> <ul class="navigation__list"> <li class="navigation__item"><a href="/service/insourcing_development_support/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_11.png" alt=""></span>内製化・開発支援サービス</a></li> <li class="navigation__item"><a href="/service/spiral-place/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_01.svg" alt=""></span>SPIRAL PLACE®</a></li> <li class="navigation__item"><a href="/sp/product/stresscheck/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_02.png" alt=""></span>こころの健診センター</a></li> <li class="navigation__item"><a href="https://joypla.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_03.svg" alt=""></span>JoyPla®</a></li> <li class="navigation__item"><a href="/service/spiral-hr-cloud/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_04.svg" alt=""></span>SPIRAL HRクラウド</a></li> <li class="navigation__item"><a href="https://weex.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_05.svg" alt=""></span>WeeX</a></li> <li class="navigation__item"><a href="https://www.bizbase.biz/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_06.svg" alt=""></span>BizBase®</a></li> <li class="navigation__item"><a href="/service/spiral-managed-cloud/" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_07.svg" alt=""></span>SPIRAL マネージドクラウド</a></li> <li class="navigation__item"><a href="https://bireki.jp/facultystore/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_10.svg" alt=""></span>美歴サロンワークステーション</a></li> <li class="navigation__item"><a href="https://bireki.jp/faculty/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_service_09.svg" alt=""></span>美歴 for Business</a></li> </ul> </div> </div> </div> <div class="navigation__group"> <p class="navigation__text">メディア</p> <div class="navigation__block"> <div class="navigation__box"> <p class="navigation__title"></p> <ul class="navigation__list"> <li class="navigation__item"><a href="https://seijiyama.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_media_01.svg" alt=""></span>政治山®</a></li> <li class="navigation__item"><a href="https://mykoho.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_media_02.svg" alt=""></span>マイ広報紙®</a></li> <li class="navigation__item"><a href="https://love-shimokitazawa.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_media_03.svg" alt=""></span>I LOVE 下北沢</a></li> <li class="navigation__item"><a href="https://curryfes.com/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_media_04.svg" alt=""></span>下北沢カレーフェスティバル®</a></li> <li class="navigation__item"><a href="https://barbar.love-shimokitazawa.jp/" target="_blank" class="navigation__link"><span class="navigation__icon"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/icon_media_05.svg" alt=""></span>ばるばる下北沢</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="navigation__action only-pc"> <div class="navigation__button"> <span class="navigation__buttonItem"></span> <span class="navigation__buttonItem"></span> <span class="navigation__buttonItem"></span> </div> <div class="navigation__rotate">SERVICE / SOLUTION</div> </div> <div class="navigation__close only-sp"></div> </div> <style> .l-header { padding: 0; } .l-header__inner { align-items: center; } .l-header__nav { margin-left: 0; position: static !important; } #service__nav, #event__nav { background-color: #fff; border-bottom: 1px solid #e1edf8; box-shadow: 0 7px 20px 0 rgba(148,176,196,.42); display: none; margin-right: auto; margin-left: auto; padding: 40px 32px 50px 112px; position: absolute; top: 81px; left: 0; width: 100%; z-index: -10; } .l-header__navItem { padding: 28px 20px; } .l-header__navItem:first-of-type { padding-left: 40px; } .l-header__navItem+.l-header__navItem { margin-left: 0; } .l-header__navItem.nav-open .l-header__navLink, .l-header__navItem.nav-open2 .l-header__navLink { cursor: pointer; margin-right: 20px; position: relative; } .l-header__navItem.nav-open .l-header__navLink:after, .l-header__navItem.nav-open2 .l-header__navLink:after { content: ""; background: url(/wp-content/uploads/service/public-dx/arrow_right.svg) no-repeat center/contain; width: 13px; height: 13px; display: block; position: absolute; top: 50%; right: -20px; transform: translateY(-45%) rotate(90deg); } #service__nav div.inner, #event__nav div.inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px; margin: 0 auto; max-width: 1180px; } #service__nav .type, #service__nav .want_to, #service__nav .industry, #service__nav .work { width: calc(25% - 30px); } #service__nav .products, #service__nav .related_services { border-top: 1px solid #e1edf8; padding-top: 30px; width: 100%; } #service__nav dt { font-size: 15px; margin-bottom: 20px; } #service__nav .products dd ul { display: flex; gap: 30px; justify-content: space-between; } #service__nav .related_services dd ul { display: flex; gap: 30px; } #service__nav dd li, #event__nav dd li { margin-top: 10px; } #service__nav dd li a, #event__nav dd li a { color: #2778be; font-size: 14px; text-decoration: underline; } #service__nav dd li a:hover, #event__nav dd li a:hover { color: #3394e8; } #service__nav .work .box a { border: 1px solid #2778be; display: block; margin: 15px 0; padding: 3px 5px 4px; text-decoration: none; text-align: center; } #service__nav .work .box a:hover { background-color: #e8f2fb; border: 1px solid #3394e8; text-decoration: none; } #service__nav .products img { height: 33px; } #event__nav dl { align-items: center; display: flex; gap: 50px; justify-content: space-between; width: calc(50% - 50px); } #event__nav dl dt { text-align: center; width: calc(40% - 20px); } #event__nav dl dd { width: calc(60% - 20px); } .l-header__button { background-color: #eb1000; background-image: none; border-radius: 50px; transition: 0.2s; } .l-header__button:hover { background: #fff; border: 2px solid #eb1000; box-shadow: 0px 1px 6px 0px rgba(0,0,0,.30); color: #eb1000; transform: translateY(-2px); transition: 0.2s; } .l-header__button:active { background: #fff; border: 2px solid #eb1000; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.30); color: #eb1000; transform: translateY(0); transition: 0s; } @media screen and (max-width: 767px) { .l-header { padding: 0 5.3333333333vw; } .l-header__navItem { padding: 0; } #service__nav, #event__nav { border-bottom: 0.2666666667vw solid #2778be; display: none; padding: 5vw; position: static; } #service__nav div.inner, #event__nav div.inner { display: block; } .l-header__navItem:first-of-type { padding-left: 0; } .l-header__navItem.nav-open .l-header__navLink, .l-header__navItem.nav-open2 .l-header__navLink { margin-right: 0; } .l-header__navItem.nav-open .l-header__navLink:after, .l-header__navItem.nav-open2 .l-header__navLink:after { content: ""; background: url(/wp-content/themes/spiral/assets/img/icon_arrow_triangle.svg) no-repeat center/contain; width: 2.6666666667vw; height: 2.9333333333vw; display: block; position: absolute; top: 50%; right: 1.5vw; transform: translateY(-45%) rotate(90deg); } .l-header__navItem.nav-open.active .l-header__navLink:after, .l-header__navItem.nav-open2.active .l-header__navLink:after { content: ""; transform: translateY(-45%) rotate(-90deg); } #service__nav div.inner { margin-top: 7vw; } #service__nav .type, #service__nav .want_to, #service__nav .industry, #service__nav .work { margin-bottom: 10vw; width: 100%; } #service__nav .products, #service__nav .related_services { border: none; } #service__nav .products, #service__nav .related_services { padding: 7vw 0; width: 100%; } #service__nav dt, #event__nav dt { font-size: 4vw; margin-bottom: 3vw; text-align: center; } #service__nav dd, #event__nav dd { border-top: 1px solid #ddd; } #service__nav dd li { margin-top: 0; } #service__nav dd li a, #event__nav dd li a { border-bottom: 1px solid #ddd; font-size: 4vw; display: block; padding: 5vw 0; text-align: center; text-decoration: none; } #service__nav .products dd ul, #service__nav .related_services dd ul { display: block; } #service__nav .products dd li, #service__nav .related_services dd li { width: 100%; } #service__nav dd li a { font-size: 4vw; } #service__nav .products img { height: 10vw; } #service__nav .related_services { padding-top: 5vw; } #service__nav .related_services dd ul { display: block; } #service__nav .work .box a { margin: 5vw 0; padding: 3vw 0; } #event__nav dl { display: block; padding: 7vw 0; width: 100%; } #event__nav dl dt, #event__nav dl dd { width: 100%; } } </style> <script> $(function(){ $('.nav-open').hover(function() { $(this).toggleClass('active'); $(this).find('#service__nav, #event__nav').fadeIn(200); }, function() { $(this).toggleClass('active'); $(this).find('#service__nav, #event__nav').fadeOut(200); }); }); </script> <style> .p-mv__bg:before { background-image: linear-gradient(110deg, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 67%), url(https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/web-dev/bg_01.png); } </style> <main class="main"> <div class="p-mv__bg"> <div class="l-inner"> <div class="p-mv p-mv--list"> <div class="p-mv__eng">SOLUTION</div> <div class="p-mv__content"> <div class="p-mv__ttlWrap"> <h1 class="blkHead__ttl"> Webサイト・Webアプリ開発 </h1> <div class="p-mv__icon"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/web-dev/group-icon.svg" alt=""> </div> </div> <p class="p-mv__text">Webサイト制作に必要なフォームや会員管理などの個人情報を預かるWebアプリケーションを安全に構築するソリューションを提供します。</p> <p class="serv__link sol_mv_contact"> <a href="https://www.pi-pe.co.jp/regist/is?SMPFORM=man-mcsepb-0e06c81b1a06832e44b64b391bc18b71&f000099824=https://www.spiral-platform.co.jp/solution/web-dev-group/" target="_blank" class="button button--primary" rel="noopener">ご相談・お問い合わせはこちら</a> </p> </div> </div> </div> </div> <div class="p-anchor p-anchor--nav p-anchor--list js-anchorFixed"> <div class="p-anchor__inner"> <ul class="p-anchor__list"> <li><a href="#problem">解決できる課題</a></li> <li><a href="#details">ソリューション詳細</a></li> <li><a href="#case">導入事例</a></li> <li><a href="#security">セキュリティ</a></li> </ul> </div> </div> <div class="p-solution-task" id="problem"> <div class="l-inner"> <div class="p-solution-task__inner"> <div class="p-solution-task__inner--flex"> <div class="p-solution-task__text"> <div class="p-heading p-heading--left"> <h2 class="p-heading__title">解決できる問題・課題</h2> <span class="p-heading__titleEn">PROBLEM</span> </div> <p>Webサイト・Webアプリ開発における<br class="only-sp">このようなお悩みを解決します。</p> </div> <div class="p-box"> <ul class="p-box__list"> <li>細かい要望を網羅できるサービスが見つからない</li> <li>個人情報を取得するページを作成する上でセキュリティが不安</li> <li>サイトリリースまでに時間がない</li> </ul> </div> </div> </div> </div> </div> <div class="p-solution-detail" id="details"> <div class="l-inner"> <div class="p-heading"> <h2 class="p-heading__title">ソリューション詳細</h2> <span class="p-heading__titleEn p-heading__titleEn--lg">DETAILS</span> </div> <div class="case__list case__list--arrow"> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/solution/member/"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2019/01/customer_sp.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">会員管理・会員サイト構築</h3> <p>圧倒的な柔軟性とセキュリティで思い通りの会員専用マイページを構築できます。ユーザーサポートページ・学会/協会ページ・申請受付サイト・ファンクラブ・取引先専門サイト等、さまざまな構築事例があります。</p> </div> </a> </div> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/solution/cms-membersite/"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2019/01/customer_sp.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">CMS連携会員サイト構築</h3> <p>経験豊富なスタッフによるコミュニケーション戦略に基づいた会員施策のコンサルティング、高水準の会員管理機能を備えるSPIRAL® とCMSの連携により、効果的なサイト構築・運用を実現します。</p> </div> </a> </div> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/solution-app/wordpress/"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2022/03/img_sol_wordpress_topbnr_sp.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">WordPress連携会員サイト構築</h3> <p>WordPressで会員サイトを構築するなら、会員情報はWordPressサーバから分離し、安心・安全なSPIRAL® で管理しましょう。SPIRAL® は基本的な会員管理機能を備えておりWordPressとの連携も簡単です。</p> </div> </a> </div> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/solution-app/wp-mls/"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2019/01/wp-mls_sp.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">WordPressプラグイン会員管理</h3> <p>WordPressで作られたWebサイトと会員管理のあらゆる機能をもつSPIRAL®を連携するWordPressプラグインをご提供しています。会員認証や登録会員へのメール配信が可能なWebサイト構築の開発工数を削減できます。</p> </div> </a> </div> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/spiral-series/spiral-managed-cloud/"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2022/03/img_managed-cloud.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">マネージドサービス</h3> <p>最高水準のセキュリティを誇るCMSホスティングサービスとセキュリティのプロによる脆弱性診断・アップデート対応などの保守運用サービスの両方を提供し、手放し運用を実現するフルマネージドサービスです。</p> </div> </a> </div> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/solution/form/"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2018/12/marketing_sp-2.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">Webフォーム作成</h3> <p>ファイル添付やデザインのカスタマイズなど、あらゆる要件や手続きに対応した個人情報取得に最適なWebフォームを作成することができ、担当者の受付後の対応管理や事務作業も効率化することができます。</p> </div> </a> </div> <div class="case__col"> <a class="case__item" href="https://www.spiral-platform.co.jp/solution-app/xrad/"> <div class="case__itemImg"> <img src="https://www.spiral-platform.co.jp/wp-content/uploads/2019/04/img_xrad_sp.png" alt=""> </div> <div class="case__itemCnt"> <h3 class="case__itemTtl" data-mh="case-ttl">ローコード開発</h3> <p>開発効率を上げる600以上のコンポーネントを搭載しているため、開発者は専用画面でデータベース作成や画面設定を行うだけで必要なWebアプリを構築できます。PHPやHTML、JSなどで柔軟なカスタマイズも行えます。</p> </div> </a> </div> </div> </div> </div> <div class="p-case-list" id="case"> <div class="l-inner"> <div class="p-heading"> <h2 class="p-heading__title">導入事例</h2> <span class="p-heading__titleEn">CASE</span> </div> <p class="p-lead">金融・製造・小売・学校・飲食・官公庁など<br class="only-sp">あらゆる業界で</p> <h3 class="p-title p-title--line line-grad"><span>延べ13,000社を超える導入実績</span></h3> <p style="max-width: 900px; margin: 60px auto 0;" class="p-case-list__img"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/service/spiralv1/img_case_logo.png" alt="ご支援企業ロゴ" class="has-sp"></p> </div> <div class="p-case"> <div class="l-inner"> <h3 class="p-title p-title--line line-grad"><span>Webサイト・Webアプリ開発における事例を紹介します</span></h3> <div class="p-case__items"> <a href="https://www.spiral-platform.co.jp/case/iml2/" class="p-case__item boxShadow"> <div class="p-case__itemImage"> <img width="600" height="400" src="https://www.spiral-platform.co.jp/wp-content/uploads/case/tmb_case_iml2.png" class="attachment-full size-full" alt="" decoding="async" fetchpriority="high" srcset="https://www.spiral-platform.co.jp/wp-content/uploads/case/tmb_case_iml2.png 600w, https://www.spiral-platform.co.jp/wp-content/uploads/case/tmb_case_iml2-300x200.png 300w" sizes="(max-width: 600px) 100vw, 600px" /> </div> <div class="p-case__itemText"> <p class="p-case__name">株式会社九州インターメディア研究所</p> <h4 class="p-title">サーバーの移転により急遽発生したサイト運用の危機！SPIRAL® ver.2だからこそできた、約3カ月でのサイト移転＆リニューアル</h4> <p class="p-case__itemDesc">クリエイター向け求人情報サイト「KIMAL（キマル）」の運用危機に際し頭を抱えていたところ、タイミング良くスパイラル社の方からSPIRAL ver.2でのサイト再構築をご提案いただきました。期限内に移転することはもちろん、実態に合わせた機能のマイナーチェンジも含めたリニューアルができて満足です。</p> </div> </a> <a href="https://www.spiral-platform.co.jp/case/njk/" class="p-case__item boxShadow reverse"> <div class="p-case__itemImage"> <img width="600" height="400" src="https://www.spiral-platform.co.jp/wp-content/uploads/case/tmb_case_njk.jpg" class="attachment-full size-full" alt="" decoding="async" srcset="https://www.spiral-platform.co.jp/wp-content/uploads/case/tmb_case_njk.jpg 600w, https://www.spiral-platform.co.jp/wp-content/uploads/case/tmb_case_njk-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /> </div> <div class="p-case__itemText"> <p class="p-case__name">株式会社NTTデータNJK</p> <h4 class="p-title">SPIRAL®を基盤に「FMS-デリバリ」を開発！マンション管理業務のデジタル化を推進し、居住者の利便性向上を図る</h4> <p class="p-case__itemDesc">「FMSデリバリ」はマンション管理業務のデジタル化を推進するサポートサービスとして開発し、今では導入対象のマンション居住者のうち約60%が利用するまでとなりました。専門知識がなくてもシステム開発を始められるところは、SPIRAL®の大きな魅力です。大きな構想をもちつつ、まずは小さな範囲からトライしてみることをおすすめします。 </p> </div> </a> <a href="https://www.spiral-platform.co.jp/case/jwpa/" class="p-case__item boxShadow"> <div class="p-case__itemImage"> <img width="600" height="400" src="https://www.spiral-platform.co.jp/wp-content/uploads/2023/01/tmb_case_jwpa.png" class="attachment-full size-full" alt="" decoding="async" srcset="https://www.spiral-platform.co.jp/wp-content/uploads/2023/01/tmb_case_jwpa.png 600w, https://www.spiral-platform.co.jp/wp-content/uploads/2023/01/tmb_case_jwpa-300x200.png 300w" sizes="(max-width: 600px) 100vw, 600px" /> </div> <div class="p-case__itemText"> <p class="p-case__name">一般社団法人　日本風力発電協会</p> <h4 class="p-title">年間500時間の事務作業時間を大幅削減！協会の複雑な<br class="only-pc">会員体系にもフィットしたSPIRAL® の会員管理システム</h4> <p class="p-case__itemDesc">多層的なデータベース構造で複雑な情報管理体系にも対応できるSPIRAL® を選びました。システムに業務フローを無理に合わせるのではなく、我々の業務フローに合ったシステムを構築できるのはSPIRAL® の魅力ですね。</p> </div> </a> </div> </div> </div> <div class="l-inner"> <div class="p-buttonArea p-buttonArea--w_auto"> <a href="https://www.spiral-platform.co.jp/case/usage/xrad/" class="button button--secondary button--large">アプリ開発の導入事例をみる</a> </div> </div> </div> <div class="p-case p-case--auto skew-bg" id="security"> <div class="l-inner"> <div class="p-heading"> <h2 class="p-heading__title">安心のセキュリティと<br class="only-sp">サポート体制</h2> <span class="p-heading__titleEn p-heading__titleEn--lg">SECURITY & SUPPORT</span> </div> <div class="p-case__items"> <div class="p-case__item reverse"> <div class="p-case__itemText"> <h3 class="p-title">金融機関・官公庁でも導入。<br>万全なセキュリティで、大切な情報を守る。</h3> <p class="p-case__itemDesc">日々新たな脅威への対策を行うとともに、毎年第３者機関の脆弱性診断を受診しセキュリティレベルの維持・向上に努めています。また、SPIRAL® をご利用いただく上での安全対策として人的ミスを予防する機能やサービスを提供しています。</p> <a href="/service/spiralv1/security/" class="c-link">セキュリティについて詳しく知る ></a> </div> <div class="p-case__itemImage"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/security-1.png" alt="セキュリティ診断A、Pマーク、ISO27001"> </div> </div> <div class="p-case__item"> <div class="p-case__itemText"> <h3 class="p-title">顧客満足度97%のサポート。</h3> <p class="p-case__itemDesc">最短5分以内を目標に即時対応のサポートを提供しております。<br> また、サポート方法もTEL、画面共有、Webフォーム問い合わせから、お客さまのご状況に合わせて最適な方法をお選びいただけます。</p> </div> <div class="p-case__itemImage"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/security-2.png" alt="第3会サービス・ホスピタリティ・アワード優秀賞"> </div> </div> </div> </div> </div> <div class="p-banner"> <div class="l-inner"> <div class="p-column p-column--3"> <div class="p-column__item"> <a href="/solution-app/wordpress/"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/bn_top01.png" alt="WordPress×SPIRALで会員サイトを簡単＆安全に！"> </a> </div> <div class="p-column__item"> <a href="/service/insourcing_development_support/"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/bn_top02.png" alt="内製化・開発支援サービス"> </a> </div> <div class="p-column__item"> <a href="/sp/lp/line-solution/"> <img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/solution/bn_top03.png" alt="顧客をファンに進化させるLINE連携サービスSPIRAL"> </a> </div> </div> </div> </div> <div class="contact"> <div class="soluSec__inner"> <div class="l-inner"> <dl> <dt> <img src="/wp-content/uploads/common/img_contact.png" alt="お問い合わせ" width="300"> </dt> <dd> <h2 class="solu__ttl">まずはお問い合わせください！</h2> <p>具体的にやりたいことが決まっていなくても大丈夫です。まずは気軽にご相談ください。事例紹介、情報提供などを通して、解決策の明確化のお手伝いをいたします。 </p> <p class="sol__link"> <a href="https://www.pi-pe.co.jp/regist/is?SMPFORM=man-mcsepb-0e06c81b1a06832e44b64b391bc18b71&f000099824=https://www.spiral-platform.co.jp/solution/web-dev-group/" target="_blank" class="button button--primary" rel="noopener">ご相談・お問い合わせはこちら</a> </p> </dd> </dl> </div> </div> </div> </main> <div class="breadcrumb"> <div class="l-inner"> <ul> <li><a href="/">HOME</a></li> <li><a href="/solution/">ソリューション</a></li> <li>Webサイト・Webアプリ開発</li> </ul> </div> </div>  <footer class="l-footer"> <div class="backTop"></div> <div class="l-footer__inner"> <div class="l-footer__info"> <p class="l-footer__logo"><a href="/"><img src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/img/logo_footer.svg" alt="Spiral"></a></p> <ul class="l-footer__blank"> <li class="l-footer__blankItem"><a class="l-footer__blankLink l-footer__blankLink--noicon" href="/sitepolicy/">サイトポリシー</a></li> <li class="l-footer__blankItem"><a class="l-footer__blankLink l-footer__blankLink--noicon" href="/company/privacypolicy/">個人情報保護方針</a></li> <li class="l-footer__blankItem"><a class="l-footer__blankLink l-footer__blankLink--noicon" href="/company/securitypolicy/">情報セキュリティ基本方針</a></li> <li class="l-footer__blankItem"><a class="l-footer__blankLink l-footer__blankLink--noicon" href="/company/qualitypolicy/">品質マネジメント方針</a></li> </ul> <p class="l-footer__copyright">© SPIRAL Inc.</p> </div> <div class="l-footer__wrap"> <div class="l-footer__group"> <p class="l-footer__title">スパイラル株式会社について</p> <ul class="l-footer__list"> <li class="l-footer__item"><a class="l-footer__link" href="/company/">企業情報</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/news/">お知らせ</a></li> <li class="l-footer__item"><a class="l-footer__link l-footer__link--blank" href="https://recruit.spiral-platform.co.jp/" target="_blank">採用情報</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/company/e-publicnotice/">電子公告</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/company/trademark/">商標・ロゴ</a></li> </ul> </div> <div class="l-footer__group"> <p class="l-footer__title">提供サービスについて</p> <ul class="l-footer__list"> <li class="l-footer__item"><a class="l-footer__link" href="/service/">サービス</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/case/">導入事例</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/event/">イベント</a></li> <li class="l-footer__item"><a class="l-footer__link" href="/service/partner/">パートナープログラム</a></li> </ul> </div> <div class="l-footer__group"> <div class="l-footer__contact"> <p class="l-footer__contactItem"> <a href="/contact/?f000099824=https://www.spiral-platform.co.jp/solution/web-dev-group/footer/" class="l-footer__title">お問い合わせ</a> </p> <p class="l-footer__contactItem"><a href="https://reg18.smp.ne.jp/regist/is?SMPFORM=nhth-sbnap-d3b50219acc8920224e65e1c350df348" target="_blank" class="l-footer__title">内部通報窓口</a></p> <p class="l-footer__contactItem"><a href="https://rbpoppy.eco-serv.jp/pipedbits-meisai/" target="_blank" class="l-footer__title l-footer__link--blank">Web請求書ログイン</a></p> <p class="l-footer__contactItem"><a href="/usersupport/" class="l-footer__title">ユーザーサポート</a></p> </div> </div> </div> </div> </footer></div>   <script src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/js/jquery.matchHeight.js"></script> <script src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/slick/slick.min.js"></script> <script type="module" src="https://www.spiral-platform.co.jp/wp-content/themes/spiral/assets/js/script.js"></script></body> </html> <style> .contact { background: #edf6ff; margin: 10px auto; } .button--primary, .contact .sol__link a { background-color: #eb1000; background-image: none; border-radius: 50px; transition: 0.2s; } .button--primary:hover, .contact .sol__link a:hover { background: #fff; border: 2px solid #eb1000; box-shadow: 0px 1px 10px 0px rgba(0,0,0,.40); color: #eb1000; transform: translateY(-2px); transition: 0.2s; } .button--primary:active, .contact .sol__link a:active { background: #fff; border: 2px solid #eb1000; box-shadow: 0px 1px 2px 0px rgba(0,0,0,.40); color: #eb1000; transform: translateY(0); transition: 0s; } .contact .solu__ttl { color: #2b2b2b; } @media screen and (min-width: 768px) { .p-case--auto .p-case__itemText { width: 75%; } .p-case--auto .p-case__itemImage { width: 25%; } } </style>

CINXE.COM

Webサイト・Webアプリ開発 | 業務別ソリューション | スパイラル株式会社