https://www.skypce.net/blog/_next/static/chunks/app/layout-96ec16a3c98106bc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{949:e=>{e.exports={container:"SearchCategorySelector_container__OYvvg"}},1437:(e,t,a)=>{"use strict";a.d(t,{A:()=>n});var s=a(4568),r=a(1606),o=a.n(r);function n(e){let{tag:t,src:a,size:r="md",color:n="none",disable:l=!1,...c}=e;return(0,s.jsx)(t||"i",{...c,style:"none"===n?{backgroundImage:"url(".concat(a,");")}:{maskImage:"url(".concat(a,")")},className:"".concat(o().container," ").concat(o()[r]," ").concat(o()[n]," ").concat(l?o().disable:""," ").concat(c.className?c.className:""," ").concat(n," icon")})}},1606:e=>{e.exports={container:"Icon_container__SROx0",white:"Icon_white__fZ79U",blue:"Icon_blue__sMU6T",gray:"Icon_gray__d4Wno",sm:"Icon_sm__CzUXC",md:"Icon_md__6OntS",lg:"Icon_lg__lVyNy",disable:"Icon_disable__5G_69"}},2582:e=>{e.exports={container:"ArticleButton_container__yC5HC",categoryAndDateContainer:"ArticleButton_categoryAndDateContainer__bCabT",category:"ArticleButton_category__9VCjJ",subject:"ArticleButton_subject__grCJ_"}},2860:(e,t,a)=>{"use strict";a.d(t,{default:()=>c});var s=a(4568),r=a(9664),o=a.n(r),n=a(5639),l=a.n(n);function c(e){let{categories:t}=e;return(0,s.jsx)("ul",{className:l().container,children:t.map(e=>(0,s.jsx)("li",{children:(0,s.jsxs)(o(),{href:"/category/".concat(e.category_id),"aria-label":e.category_nm,children:[e.category_nm,"（",e.count,"）"]})},"".concat(e.category_id)))})}},3650:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});class s{}s.SITE_TITLE="SKYPCE Blog（スカイピース ブログ）",s.SITE_DESCRIPTION="SKYPCEの公式ブログ 「SKYPCE Blog（スカイピース ブログ）」です。SKYPCEの様々なトピックをご紹介しています。",s.BASE_URL="https://www.skypce.net/blog/",s.OGP_DEFAULT_IMAGE="https://www.skypce.net/blog-assets/images/ogp.jpg",s.PAGINATION_MAX=5,s.BREADCRUMBS=[],s.GLOBAL_NOT_FOUND_URL="https://www.skypce.net/error/page.html",s.FATAL_ERROR_URL="/fatal-error",s.CACHE_OPTIONS={cache:"no-store"},s.API_TIMEOUT_TIME=15e3},3775:(e,t,a)=>{"use strict";a.d(t,{zm:()=>s});let s=e=>e.replace(/<br>|<br \/>/g,"")},4059:()=>{},5356:e=>{e.exports={container:"Header_container__SFBVa",logo:"Header_logo__Z36UC",inquiryButton:"Header_inquiryButton__R1dwV",nav:"Header_nav__5PAUe",logoSky:"Header_logoSky__cN1z6",logoBlog:"Header_logoBlog__Ecbud",logoSkypce:"Header_logoSkypce__NJ0Cu",blog:"Header_blog__sy5dS",sns:"Header_sns__AyTco"}},5475:(e,t,a)=>{"use strict";a.d(t,{default:()=>M});var s=a(4568),r=a(2536),o=a(9664),n=a.n(o),l=a(7620),c=a(3650),i=a(7541),_=a(6350),g=a.n(_),h=a(1437),d=a(7209),u=a(2860);function p(e){let{categories:t,isVisible:a=!1,setIsDrawerSideBarVisible:o}=e,c=(0,i.useParams)();return(0,l.useEffect)(()=>{o(!1)},[c,o]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"".concat(g().base," ").concat(a&&g().visible),onClick:()=>{o(!1)},"data-is-scroll-locked":"".concat(a?"true":"false")}),(0,s.jsxs)("aside",{className:"".concat(g().container," ").concat(a&&g().visible),children:[(0,s.jsxs)("nav",{className:g().nav,children:[(0,s.jsx)("span",{className:g().header,children:"カテゴリー"}),(0,s.jsx)(u.default,{categories:t})]}),(0,s.jsx)("div",{className:g().footer,children:(0,s.jsxs)("div",{className:g().otherSiteContainer,children:[(0,s.jsxs)("div",{className:g().otherSite,children:[(0,s.jsx)("a",{href:"https://www.skygroup.jp/",target:"_blank",rel:"noopener","aria-label":"Ｓｋｙ株式会社",children:(0,s.jsx)(r.default,{src:"".concat("https://www.skypce.net/","blog-assets/images/logo_sky.svg"),width:"70",height:"23",alt:"Ｓｋｙ株式会社",className:g().logoSky})}),(0,s.jsx)("a",{href:"https://www.skypce.net/",target:"_blank",rel:"noopener","aria-label":"SKYPCE",children:(0,s.jsx)(r.default,{src:"".concat("https://www.skypce.net/","blog-assets/images/logo_skypce.svg"),width:"113",height:"24",alt:"SKYPCE",className:g().logoSkypce})})]}),(0,s.jsxs)("div",{className:g().blog,children:[(0,s.jsx)("a",{href:"https://www.skygroup.jp/tech-blog/",target:"_blank",rel:"noopener","aria-label":"Ｓｋｙ Tech Blog",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/logo-skytechblog.svg",width:"127",height:"29",alt:"Ｓｋｙ Tech Blog",className:g().logoBlog})}),(0,s.jsx)("a",{href:"https://www.skygroup.jp/corporate-blog/",target:"_blank",rel:"noopener",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/logo-skystyleblog.svg",width:"140",height:"29",alt:"Ｓｋｙ Style Blog",className:g().logoBlog})})]}),(0,s.jsxs)("div",{className:g().sns,children:[(0,s.jsx)("a",{href:"https://www.skygroup.jp/sns/",target:"_blank",rel:"noopener","aria-label":"Ｓｋｙ SNS Portal",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/logo-snsportal.svg",width:"7

17",height:"15",alt:"Ｓｋｙ SNS Portal",className:g().logoSNSPortal})}),(0,s.jsx)("a",{href:"https://www.instagram.com/sky_it_corporate/",target:"_blank",rel:"noopener","aria-label":"Instagram",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/ico_instagram.svg",width:"24",height:"24",alt:"Instagram"})}),(0,s.jsx)("a",{href:"https://x.com/Sky_corporate",target:"_blank",rel:"noopener","aria-label":"X",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/ico_x.svg",width:"24",height:"24",alt:"X"})}),(0,s.jsx)("a",{href:"https://www.tiktok.com/@sky_it_corporate",target:"_blank",rel:"noopener","aria-label":"TikTok",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/ico_tiktok.svg",width:"24",height:"24",alt:"TikTok"})}),(0,s.jsx)("a",{href:"https://www.youtube.com/channel/UCGqXZC6TQPTDHbWfn3piU-g",target:"_blank",rel:"noopener","aria-label":"YouTube",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/ico_youtube.svg",width:"24",height:"24",alt:"YouTube"})}),(0,s.jsx)("a",{href:"https://www.facebook.com/Sky.IT.corporate/",target:"_blank",rel:"noopener","aria-label":"facebook",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/ico_facebook.svg",width:"24",height:"24",alt:"facebook"})})]}),(0,s.jsxs)(d.A,{tag:n(),bg:"orange",size:"sm",rounded:!0,href:"/rss.xml",target:"_blank",rel:"noopener noreferrer","aria-label":"RSS",children:[(0,s.jsx)(h.A,{src:"".concat("https://www.skypce.net/","blog-assets/images/icon_rss.svg"),color:"white"}),"RSS"]})]})})]})]})}var m=a(5356),w=a.n(m),b=a(1574),k=a(6692),j=a.n(k),x=a(2582),y=a.n(x),f=a(8261),S=a.n(f);function v(e){let{date:t}=e,a=t.replace(/-/g,".");return(0,s.jsx)("span",{className:S().container,"data-article-date":a,children:a})}var N=a(7474),C=a(3775);function T(e){let{article:t}=e;return(0,s.jsxs)("div",{className:y().container,children:[(0,s.jsxs)("div",{className:y().categoryAndDateContainer,children:[(0,s.jsx)("div",{className:y().category,children:(0,s.jsx)(N.A,{href:"/category/".concat(t.category_id),label:t.category_nm,tag:n()})}),(0,s.jsx)(v,{date:t.date})]}),(0,s.jsx)(n(),{href:"/article/".concat(t.topics_id),className:y().subject,dangerouslySetInnerHTML:{__html:(0,C.zm)(t.subject)}})]})}var B=a(949),A=a.n(B),I=a(8227);async function E(e,t){try{let a=await fetch(e,t);if(!a.ok)return{errors:[{code:a.status,message:a.statusText}]};return a.json()}catch(e){return{errors:[{code:500,message:e instanceof Error?e.message:String(e)}]}}}function P(e){let{selectedCategory:t,setSelectedCategory:a}=e,{result:r,isLoading:o}=(e=>{let{data:t}=(0,I.Ay)(e,E,{revalidateOnFocus:!1});return{result:t,isLoading:!t}})("https://skypce-blog-skygroup.g.kuroco.app/rcms-api/4/categories");if(o||!r||r.errors.length||"list"in r==!1)return null;let n=[{category_id:"all",category_nm:"すべて",count:1},...r.list];return(0,s.jsx)("select",{name:"searchCategory",value:t,className:A().container,onChange:e=>a(e.target.value),"aria-label":"カテゴリ選択",children:n.map(e=>Number(e.count)>0&&(0,s.jsx)("option",{value:e.category_id,children:e.category_nm},e.category_id))})}let D=e=>{let{result:t}=e,a=(0,l.useRef)(null);return((0,l.useEffect)(()=>{var e;null==(e=a.current)||e.scrollTo(0,0)},[t]),0===t.list.length)?(0,s.jsx)(U,{error:!0,message:"該当する記事はございません。"}):(0,s.jsx)("nav",{className:j().result,ref:a,children:t.list.map(e=>(0,s.jsx)(T,{article:e},e.topics_id))})},U=e=>{let{message:t,error:a=!1}=e;return(0,s.jsx)("div",{className:j().messageContainer,children:(0,s.jsxs)("div",{className:j().message,children:[(0,s.jsx)("span",{className:a?j().error:"",children:t}),(0,s.jsx)(r.default,{src:"".concat("https://www.skypce.net/","blog-assets/images/image_search.webp"),width:"280",height:"280",alt:"",className:j().image})]})})};function R(e){let{isVisible:t=!1,setIsVisible:a}=e,[r,o]=(0,l.useState)(""),n=(0,b._6)(o,250),[c,_]=(0,l.useState)(!1),[g,u]=(0,l.useState)(null),p=(0,l.useRef)(null),m=(0,l.useRef)(null),[w,k]=(0,l.useState)("all"),x=(0,l.useCallback)(()=>{n(""),n.flush(),_(!1),u(null),k("all"),p.current.value=""},[n]),y=(0,l.useCallback)(async()=>{let e=r.trim();if(0===e.length)return void u(null);_(!0);try{let t="all"===w?"":"&contents_type[]=".concat(w),a=await fetch("".concat("https://skypce-blog-skygroup.g.kuroco.app/rcms-api/4/articles",'?filter=body icontains "').concat(encodeURIComponent(e),'" OR 

1subject icontains "').concat(encodeURIComponent(e),'"&cnt=0').concat(t));_(!1),a.ok?u(await a.json()):u({errors:[{code:"fatal",message:a.statusText||"HTTP ".concat(a.status)}],messages:[],list:[]})}catch(e){_(!1),u({errors:[{code:"fatal",message:String(e)}],messages:[],list:[]})}},[r,w]);(0,l.useEffect)(()=>{if(!t)return void x();let e=m.current;if(!e)return;let a=()=>{var e;null==(e=p.current)||e.focus()};return e.addEventListener("transitionend",a,{once:!0}),()=>{e.removeEventListener("transitionend",a)}},[t,x]),(0,l.useEffect)(()=>{y()},[r,w,y]);let f=(0,i.useParams)();return(0,l.useEffect)(()=>{a(!1)},[f,a]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{ref:m,className:"".concat(j().container," ").concat(t&&j().visible),"data-is-scroll-locked":"".concat(t?"true":"false"),children:[(0,s.jsx)("h2",{className:j().heading,children:"記事検索"}),(0,s.jsxs)("div",{className:j().input,children:[c?(0,s.jsx)("div",{className:j().icon}):(0,s.jsx)(h.A,{src:"".concat("https://www.skypce.net/","blog-assets/images/icon_search.svg"),color:"blue",size:"lg"}),(0,s.jsx)(P,{selectedCategory:w,setSelectedCategory:k}),(0,s.jsx)("input",{name:"searchWord",type:"text",placeholder:"",defaultValue:"",maxLength:30,ref:p,onChange:e=>n(e.target.value),"aria-label":"検索ワード"})]}),g?0===g.errors.length?(0,s.jsx)(D,{result:g}):(0,s.jsx)(U,{error:!0,message:"検索結果を取得できませんでした。"}):(0,s.jsx)(U,{message:"検索ワードを入力してください。"}),(0,s.jsx)("div",{className:j().closeButton,children:(0,s.jsx)(d.A,{variant:"text",onClick:()=>{a(!1)},children:(0,s.jsx)(h.A,{src:"".concat("https://www.skypce.net/","blog-assets/images/icon_close.svg"),color:"gray"})})})]}),(0,s.jsx)("div",{className:"".concat(j().base," ").concat(t&&j().visible),onClick:()=>{a(!1)}})]})}function M(e){let{categories:t}=e,[a,o]=(0,l.useState)(!1),[i,_]=(0,l.useState)(!1);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:w().container,children:[(0,s.jsx)(n(),{href:"/",className:w().logo,"aria-label":c.A.SITE_TITLE,children:(0,s.jsx)(r.default,{src:"".concat("https://www.skypce.net/","blog-assets/images/logo.svg"),width:"235",height:"40",alt:c.A.SITE_TITLE,className:w().logo})}),(0,s.jsxs)("nav",{className:w().nav,children:[(0,s.jsxs)("div",{className:w().blog,children:[(0,s.jsx)("a",{href:"https://www.skygroup.jp/tech-blog/",target:"_blank",rel:"noopener","aria-label":"Ｓｋｙ Tech Blog",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/logo-skytechblog.svg",width:"127",height:"29",alt:"Ｓｋｙ Tech Blog",className:w().logoBlog})}),(0,s.jsx)("a",{href:"https://www.skygroup.jp/corporate-blog/",target:"_blank",rel:"noopener","aria-label":"Ｓｋｙ Style Blog",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/logo-skystyleblog.svg",width:"140",height:"29",alt:"Ｓｋｙ Style Blog",className:w().logoBlog})})]}),(0,s.jsxs)("div",{className:w().sns,children:[(0,s.jsx)("a",{href:"https://www.instagram.com/sky_it_corporate/",target:"_blank",rel:"noopener","aria-label":"Instagram",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/ico_instagram.svg",width:"24",height:"24",alt:"Instagram"})}),(0,s.jsx)("a",{href:"https://x.com/Sky_corporate",target:"_blank",rel:"noopener","aria-label":"X",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/ico_x.svg",width:"24",height:"24",alt:"X"})}),(0,s.jsx)("a",{href:"https://www.tiktok.com/@sky_it_corporate",target:"_blank",rel:"noopener","aria-label":"TikTok",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/ico_tiktok.svg",width:"24",height:"24",alt:"TikTok"})}),(0,s.jsx)("a",{href:"https://www.youtube.com/channel/UCGqXZC6TQPTDHbWfn3piU-g",target:"_blank",rel:"noopener","aria-label":"YouTube",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/ico_youtube.svg",width:"24",height:"24",alt:"YouTube"})}),(0,s.jsx)("a",{href:"https://www.facebook.com/Sky.IT.corporate/",target:"_blank",rel:"noopener","aria-label":"facebook",children:(0,s.jsx)(r.default,{src:"https://www.skygroup.jp/_sitecommon/_img/ico_facebook.svg",width:"24",height:"24",alt:"facebook"})})]}),(0,s.jsx)(d.A,{className:w().inquiryButton,rel:"noopener",variant:"text",size:"sm",textColor:"black",weight:"bold","aria-label":"検索",onClick:()=>_(!i),children:"検索"}),(0,s.jsx)(d.A,{tag:"a",href:"https://www.skypce.net/inquiry/",className:w().inquiryButton,target:"_blank",rel:"noopener",variant:"text",size:"sm",textColor:"black",weight:"bold","aria-label":"お問い合わせ",children:"お問い合わせ"}),(0,s.jsx)("a",{href:"https://www.skypce.net/",target:"_blank",rel:"noopener","aria-label":"SKYPCE",className:w().logoSkypce,children:(0,s.jsx)(r.default,{src:"".concat("https://www.skypce.net/","blog-assets/images/logo_skypce.svg"),width:"113",height:"24",alt:"SKYPCE"})}),(0,s.jsx)("a",{href:"https://www.skygroup.jp/",target:"_blank",rel:"noopener noreferrer","aria-label":"Ｓｋｙ株式会社",children:(0,s.jsx)(r.default,{src:"".concat("https://www.skypce.net/","blog-assets/images/logo_sky.svg"),width:"140",height:"46",alt:"Ｓｋｙ株式会社",className:w().logoSky})}),(0,s.jsx)(d.A,{variant:"text","aria-label":"ナビゲーションを開閉",onClick:()=>{o(!a)},children:a?(0,s.jsx)(h.A,{src:"".concat("https://www.skypce.net/","blog-assets/images/icon_close.svg"),size:"lg",color:"blue"}):(0,s.jsx)(h.A,{src:"".concat("https://www.skypce.net/","blog-assets/images/icon_menu.svg"),size:"lg",color:"blue"})})]})]}),(0,s.jsx)(p,{categories:t,isVisible:a,setIsDrawerSideBarVisible:o}),(0,s.jsx)(R,{isVisible:i,setIsVisible:_})]})}},5639:e=>{e.exports={container:"CategoryNav_container__SR2m7"}},6350:e=>{e.exports={container:"DrawerSidebar_container__Gjp6d",visible:"DrawerSidebar_visible__AXUrT",nav:"DrawerSidebar_nav__5_3Cr",header:"DrawerSidebar_header__Pu5R9",footer:"DrawerSidebar_footer__i_xuw",otherSiteContainer:"DrawerSidebar_otherSiteContainer__PSeUA",otherSite:"DrawerSidebar_otherSite__BPERx",logoSkypce:"DrawerSidebar_logoSkypce__FR5rN",logoSky:"DrawerSidebar_logoSky__p8L4N",sns:"DrawerSidebar_sns__TE1_Q",blog:"DrawerSidebar_blog__F1qOs",logoBlog:"DrawerSidebar_logoBlog__rTr8J",logoSNSPortal:"DrawerSidebar_logoSNSPortal__yQS0n",base:"DrawerSidebar_base__nOspM"}},6537:e=>{e.exports={container:"Badge_container__20jhp",hover:"Badge_hover__1VwhI","size-md":"Badge_size-md__XKf1d","size-lg":"Badge_size-lg__Wcgl4"}},6692:e=>{e.exports={container:"SearchModal_container__3jxq4",visible:"SearchModal_visible__3ATUi",input:"SearchModal_input__FCexL",icon:"SearchModal_icon__SyYr8",spin:"SearchModal_spin__958ax",messageContainer:"SearchModal_messageContainer__WUz4Y",message:"SearchModal_message__i_ZTr",error:"SearchModal_error__dcanW",image:"SearchModal_image__eoSj9",result:"SearchModal_result__HNyCp",base:"SearchModal_base__AiHLP",heading:"SearchModal_heading__OrPjI",closeButton:"SearchModal_closeButton__Osaue"}},6780:()=>{},7209:(e,t,a)=>{"use strict";a.d(t,{A:()=>n});var s=a(4568),r=a(9010),o=a.n(r);function n(e){let{tag:t,variant:a="button",size:r="md",width:n="normal",icon:l=!1,bg:c=null,rounded:i=!1,weight:_="normal",textColor:g=null,children:h,...d}=e;return(0,s.jsx)(t||"button",{...d,className:"".concat(o()[a]," ").concat(o()[r]," ").concat(o()[n]," ").concat(o()["weight-"+_]," ").concat(l?o().icon:""," ").concat(c?o()["bg-"+c]:""," ").concat(g?o()["color-"+g]:""," ").concat(i?o().roun

1ded:""," ").concat(d.className?d.className:""),children:h})}},7474:(e,t,a)=>{"use strict";a.d(t,{A:()=>n});var s=a(4568),r=a(6537),o=a.n(r);function n(e){let{tag:t,label:a,size:r="md",...n}=e,l=t||"span";return(0,s.jsx)(l,{...n,className:"".concat(o().container," ").concat("span"!==l&&o().hover," ").concat(o()["size-"+r]),children:a})}},8261:e=>{e.exports={container:"DateLabel_container__QkmQl"}},8707:(e,t,a)=>{Promise.resolve().then(a.bind(a,5475)),Promise.resolve().then(a.t.bind(a,4059,23)),Promise.resolve().then(a.t.bind(a,6780,23)),Promise.resolve().then(a.t.bind(a,5165,23)),Promise.resolve().then(a.t.bind(a,6181,23)),Promise.resolve().then(a.t.bind(a,5296,23)),Promise.resolve().then(a.t.bind(a,82,23))},9010:e=>{e.exports={button:"Button_button__Y9UoL",border:"Button_border__n_EY_",normal:"Button_normal__QxZuv",full:"Button_full__c_9Kl",lg:"Button_lg__XI4nE",md:"Button_md__MTDF4",sm:"Button_sm__Ht7fP",icon:"Button_icon__vcmQs",text:"Button_text__zvYgN","bg-orange":"Button_bg-orange__CKcaD","bg-transparent":"Button_bg-transparent__Isl64",rounded:"Button_rounded__Fppft","weight-normal":"Button_weight-normal__YcjeQ","weight-bold":"Button_weight-bold__5cUcr","color-black":"Button_color-black__U_a2A"}}},e=>{e.O(0,[521,122,110,296,568,696,227,456,587,18,358],()=>e(e.s=8707)),_N_E=e.O()}]);