https://www.m-hand.co.jp/_next/static/chunks/3766-c9dfca4b587b9efb.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3766],{3796:function(e,s,a){a.d(s,{Cv:function(){return c}});var i=a(5893),n=a(5601);let l=({children:e,href:s,className:a,aLabel:l,as:c="p",font:r="en"})=>(0,i.jsx)(c,{className:`c-btn01 ${a}`,children:(0,i.jsx)(n.P,{href:s,className:"c-btn01__link","aria-label":l,children:(0,i.jsx)("span",{className:`c-btn01__txt ${"en"===r&&"u-en u-uppercase"}`,children:e})})}),c=()=>(0,i.jsxs)("div",{id:"cv",className:"c-cv01 u-focus-visible-custom",children:[(0,i.jsxs)("div",{className:"c-cv01__inner u-inner",children:[(0,i.jsx)("p",{className:"js-c-anime-elem c-cv01__tit","data-anime":"fadein-up",children:(0,i.jsxs)("picture",{children:[(0,i.jsx)("source",{srcSet:"/images/common/txt_cv01_pc.webp",width:1361,height:101,media:"(min-width: 768px)"}),(0,i.jsx)("img",{src:"/images/common/txt_cv01_sp.webp",alt:"CREATE THE FUTURE",width:650,height:182,loading:"lazy"})]})}),(0,i.jsxs)("div",{className:"c-cv01__btns c-btn01-list",children:[(0,i.jsx)(l,{href:"/download/",className:"is-block is-white is-large",children:"download"}),(0,i.jsx)(l,{href:"/contact/",className:"is-block is-white is-large",children:"contact"})]})]}),(0,i.jsx)("div",{className:"c-cv01__bg",children:(0,i.jsxs)("picture",{children:[(0,i.jsx)("source",{srcSet:"/images/common/bg_cv01_pc.webp",width:1920,height:701,media:"(min-width: 768px)"}),(0,i.jsx)("img",{src:"/images/common/bg_cv01_sp.webp",alt:"CREATE THE FUTURE",width:750,height:862,loading:"lazy"})]})})]})},6759:function(e,s,a){a.d(s,{o:function(){return l}});var i=a(5893),n=a(5601);let l=({name:e})=>{let s="",a="",l="next",c="",r="";return"about"===e?(a="/"+(s="concept")+"/",l="next",c=s,r="コンセプトページへ"):"concept"===e?(a="/"+(s="works")+"/",l="next",c=s,r="実績紹介ページへ"):"works"===e?(a="/"+(s="culture")+"/",l="next",c=s,r="企業文化ページへ"):"singleWorks"===e?(s="",a="/works/",l="index",c="index",r="実績詳細ページへ"):"culture"===e?(a="/"+(s="blog")+"/",l="next",c=s,r="ブログページへ"):"blog"===e?(a="/"+(s="topics")+"/",l="next",c="topics",r="トピックスページへ"):"blogSingle"===e||"blogCategory"===e?(s="",a="/blog/",l="index",c="index",r="ブログ一覧ページへ"):"topics"===e?(a="/"+(s="seminar")+"/",l="next",c="seminar",r="セミナーページへ"):"seminar"===e?(a="/"+(s="publiclog")+"/",l="next",c="public log",r="パブリックログページへ"):"seminarSingle"===e||"seminarCategory"===e?(s="",a="/seminar/",l="index",c="index",r="セミナー一覧ページへ"):"publiclog"===e?(a="/"+(s="about")+"/",l="next",c="about us",r="企業情報ページへ"):"publicLogCategory"===e?(s="",a="/publiclog/",l="index",c="index",r="パブリックログページへ"):"home"===e&&(s="home",a="/",l="home",c="home",r="トップページへ"),(0,i.jsx)("div",{id:"next",className:`c-next01 ${s?`is-${s}`:""}`,children:(0,i.jsx)("div",{className:"c-next01__inner u-inner",children:(0,i.jsxs)(n.P,{href:`${a}`,className:"c-next01__btn","aria-label":r,children:[(0,i.jsx)("span",{className:"c-next01__btn-txt u-en u-uppercase",children:(0,i.jsx)("span",{className:"c-next01__btn-txt-in",children:l})}),(0,i.jsx)("span",{className:"c-next01__btn-change u-en u-uppercase",children:(0,i.jsx)("span",{className:"c-next01__btn-change-in",children:c})})]})})})}},3766:function(e,s,a){a.d(s,{M:function(){return b}});var i=a(5893),n=a(6490),l=a(4782),c=a(6016),r=a(6256),t=a(5601),d=a(6649),h=a(3123);let o=({title:e,slug:s,publishedAt:a,createdAt:n,category:l,contents:c,intro:o})=>{let m=decodeURIComponent(s||e),u=(0,h.w)(o||c&&c[0]?.content||"Default Content"),x=(0,d.x)(u,110);return(0,i.jsxs)(t.P,{href:`/blog/${l.slug}/${m}/`,className:"c-archive02__item-link u-alpha",children:[(0,i.jsx)("p",{className:"c-archive02__item-img",children:l.catImg?(0,i.jsx)("img",{src:l.catImg.url,width:l.catImg.width,height:l.catImg.height,alt:e}):(0,i.jsx)("img",{src:"/images/blog/img_dummy02.webp",alt:e})}),(0,i.jsxs)("div",{className:"c-archive02__item-data",children:[(0,i.jsx)(r.o,{className:"c-archive02__item-time u-en",date:a||n,as:"p"}),(0,i.jsx)("p",{className:"c-archive02__item-cat u-en u-uppercase",children:l.slug}),(0,i.jsx)("h2",{className:"c-archive02__item-head",children:e}),(0,i.jsx)("p",{className:"c-archive02__item-lead",children:x})]})]})},m=({blogs:e})=>(0,i.jsx)("ul",{className:"c-archive02",children:e.map(e=>(0,i.jsx)("li",{className:"c-archive02__item",children:(0,i.jsx)(o,{...e})},e.id))});

1var u=a(866),x=a(2964),g=a(5286),j=a(25),p=a(6759),_=a(3796);let b=({category:e,num:s,categories:a,relatedBlog:r,blogs:{contents:t,totalCount:d}})=>{let h=e?`blog/${e.slug}`:"blog",o=`${e?`${e.title}｜`:"情報発信 "}BLOG`,b=e?`${e.title}｜BLOG｜${l.vk}`:"ホームページの制作や運用に役立つ情報を随時更新中。制作前の為になる情報や公開後の運用方法、集客テクニックなどを発信しています。日々の学びをアウトプットすることで、お客様の制作により良い選択肢を提供し、理想のサイトの実現化につなげます。",v=`${l._O}/blog/${e?`blog/${e.slug}/`:""}${s?`page/${s}/`:""}`;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.P,{title:o,description:b,canonical:v,openGraph:{url:v}}),(0,i.jsx)(c.W,{className:"l-contents",children:(0,i.jsxs)("main",{children:[(0,i.jsx)(g.f,{slug:"blog",color:"is-green",sub:"blog"}),(0,i.jsx)("div",{className:"blog-area-cat",children:(0,i.jsx)("div",{className:"blog-area-cat__inner u-inner is-narrow",children:(0,i.jsx)(u.o,{categories:a})})}),(0,i.jsx)("div",{className:"blog-archive",children:(0,i.jsx)("div",{className:"blog-archive__inner u-inner is-narrow",children:(0,i.jsx)(m,{blogs:t})})}),(0,i.jsx)(x.t,{totalCounts:d,current:s||1,perPage:l.m5,archiveSlug:h}),r&&(0,i.jsx)("section",{id:"ranking",className:"blog-ranking",children:(0,i.jsxs)("div",{className:"blog-ranking__inner u-inner is-narrow",children:[(0,i.jsx)("h2",{className:"c-head03 is-22-pc u-en u-uppercase",children:"related blogs"}),(0,i.jsx)(j.S,{blogs:r,listOnly:!0})]})}),(0,i.jsx)(p.o,{name:e?"blogCategory":"blog"}),(0,i.jsx)(_.Cv,{})]})})]})}},25:function(e,s,a){a.d(s,{S:function(){return r}});var i=a(5893),n=a(6256),l=a(5601);let c=({title:e,slug:s,publishedAt:a,createdAt:c,category:r})=>{let t=decodeURIComponent(s||e);return(0,i.jsxs)(l.P,{href:`/blog/${r.slug}/${t}/`,className:"c-archive03__item-link u-alpha",children:[(0,i.jsx)("p",{className:"c-archive03__item-img u-en",children:r.catImg?(0,i.jsx)("img",{src:`${r.catImg.url}?fm=webp`,width:r.catImg.width,height:r.catImg.height,alt:e,loading:"lazy"}):(0,i.jsx)("img",{src:"/images/blog/img_dummy02.webp",alt:"",loading:"lazy"})}),(0,i.jsxs)("div",{className:"c-archive03__item-data u-en",children:[(0,i.jsx)(n.o,{className:"c-archive03__item-time u-en",date:a||c,as:"p"}),(0,i.jsx)("p",{className:"c-archive03__item-cat",children:r.slug}),(0,i.jsx)("h2",{className:"c-archive03__item-head",children:e})]})]})},r=({blogs:e,listOnly:s})=>s?(0,i.jsx)("ul",{className:"c-archive03",children:e.map(e=>(0,i.jsx)("li",{className:"c-archive03__item",children:(0,i.jsx)(c,{...e})},e.id))}):(0,i.jsx)("section",{id:"ranking",className:"blog-ranking",children:(0,i.jsxs)("div",{className:"blog-ranking__inner u-inner is-pc-w930",children:[(0,i.jsx)("h2",{className:"c-head02 u-en u-uppercase",children:"Related Blogs"}),(0,i.jsx)("ul",{className:"c-archive03",children:e.map(e=>(0,i.jsx)("li",{className:"c-archive03__item",children:(0,i.jsx)(c,{...e})},e.id))})]})})},866:function(e,s,a){a.d(s,{o:function(){return d}});var i=a(5893),n=a(7294),l=a(1163),c=a(3967),r=a.n(c),t=a(5601);let d=({categories:e})=>{let s=(0,l.useRouter)(),a=(0,n.useRef)(null),[c,d]=(0,n.useState)("blog"),[h,o]=(0,n.useState)("");return(0,n.useEffect)(()=>{if(!s.isReady)return;let e=s.asPath.split("/"),a=e[2];d(e[1]),o("page"!==a?a:"")},[s]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("select",{className:"c-category01-list01 u-uppercase",ref:a,value:h,onChange:e=>{let a=e.target.value,i=a?`/${c}/${a}/`:`/${c}/`;s.push(i)},"aria-label":"カテゴリを選択できます",children:[(0,i.jsx)("option",{value:"",children:"ALL"}),e.map(e=>{if(e.list&&e.enableLink)return(0,i.jsx)("option",{value:e.slug,children:e.slug.toUpperCase()},e.id)})]}),(0,i.jsxs)("ul",{className:"c-category01-list02",children:[(0,i.jsx)("li",{className:r()("c-category01-list02__item u-en",{"is-current":""===h}),children:(0,i.jsx)(t.P,{href:`/${c}/`,className:"c-category01-list02__link",children:"ALL"})}),e.map(e=>{let s=`${e.slug}/`;return e.list?(0,i.jsx)("li",{className:r()("c-category01-list02__item u-en",{"is-current":h===e.slug}),children:e.enableLink?(0,i.jsx)(t.P,{href:`/${c}/${s}`,className:"c-category01-list02__link",aLabel:e.title,children:(0,i.jsx)("span",{"aria-hidden":"true",children:e.slug})}):(0,i.jsx)("span",{className:"c-category01-list02__in",children:e.slug})},e.id):null})]})]})}},6256:function(e,s,a){a.d(s,{o:function(){return l}});var i=a(5893),n=a(4133);let l=({as:e="time",date:s,className:a})=>(0,i.jsx)(e,{className:`${a?` ${a}`:""}`,..."time"===e&&{dateTime:s},children:(0,n.p)({dateString:s})})},2964:function(e,s,a){a.d(s,{t:function(){return p}});var i=a(5893);a(7294);var n=a(5601);let l=({children:e,current:s,isDisabled:a,...l})=>(0,i.jsx)(n.P,{"aria-disabled":a?"true":void 0,"aria-label":s?`現在のページ（${e}ページ目）`:`${e}ページ目へ`,tabIndex:s?-1:void 0,className:["block",a?"pointer-events-none":"",s?"current":""].join(" "),...l,children:e});var c=a(9008),r=a.n(c);let t=({current:e,previousUrl:s})=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r(),{children:(0,i.jsx)("link",{rel:"prev",href:s})}),(0,i.jsx)(l,{href:s,"aria-label":"前のページへ",isDisabled:1===e||void 0,tabIndex:1===e?-1:void 0,className:"previous",children:"\xab"})]}),d=({current:e,nextUrl:s,totalPages:a})=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r(),{children:(0,i.jsx)("link",{rel:"next",href:s})}),(0,i.jsx)(l,{href:s,"aria-label":"次のページへ",isDisabled:e===a||void 0,tabIndex:e===a?-1:void 0,className:"next",children:"\xbb"})]}),h=()=>(0,i.jsxs)("span",{className:"extend",children:["...",(0,i.jsx)("span",{className:"sr-only",children:"間に複数のページが続きます。"})]}),o=({children:e})=>{let s=e.filter(e=>e);return(0,i.jsx)(i.Fragment,{children:s.map((e,s)=>Array.isArray(e)?e.map((e,s)=>(0,i.jsx)("li",{className:"page",children:e},`child${s}`)):(0,i.jsx)("li",{children:e},s))})},m=({totalCounts:e,perPage:s})=>{let a=Math.trunc(e/s);return a<=0?1:0==e%s?a:a+1},u=({current:e,totalPages:s})=>{let a=e;return e<=0?a=1:e>s&&(a=s),a},x=({limitedCurrent:e,totalPages:s,itemsInViewMax:a})=>{let i=Math.trunc(a/2),n=[...Array(s+1)].map((e,s)=>s),l=n.indexOf(e),c=l-i<=1?1:l-i;s-l<i&&(c-=i-(s-l));let r=l+i>=s?s:l+i;return l-1<i&&(r=r+(i-l)+1),n.filter(e=>e>=Math.max(c,1)&&e<=Math.min(r,s))},g=({limitedCurrent:e,fullArchiveUrl:s})=>1===e?void 0:e-1==1?s:`${s}page/${e-1}/`,j=({limitedCurrent:e,fullArchiveUrl:s,totalPages:a})=>e===a?void 0:`${s}page/${Math.min(e+1,a)}/`,p=({archiveSlug:e="news",totalCounts:s,itemsInViewMax:a=5,perPage:n=10,current:c})=>{if("number"!=typeof s||s<0)throw Error("totalCountsには正の整数を指定してください。");if(a<3||a%2==0)throw Error("itemsInViewMaxには3より大きい奇数を指定してください。");if("number"!=typeof n||n<=0)throw Error("perPageには正の整数を指定してください。");if("number"!=typeof c||c<=0)throw Error("currentには正の整数を指定してください。");let r=m({totalCounts:s,perPage:n}),p=u({current:c,totalPages:r}),_=`/${e}/`,b=g({limitedCurrent:p,fullArchiveUrl:_}),v=j({limitedCurrent:p,fullArchiveUrl:_,totalPages:r}),N=x({limitedCurrent:p,totalPages:r,itemsInViewMax:a}),f=N.map(e=>(0,i.jsx)(l,{current:(e===p)??void 0,href:1===e?_:`${_}page/${e}/`,children:e},e));return(0,i.jsx)("nav",{"aria-label":"ページナビゲーション",children:(0,i.jsx)("ul",{className:"c-pager01",children:(0,i.jsxs)(o,{children:[b&&(0,i.jsx)(t,{current:p,previousUrl:b}),1!==N.at(0)&&(0,i.jsx)(h,{}),f,N.at(-1)!==r&&(0,i.jsx)(h,{}),v&&(0,i.jsx)(d,{nextUrl:v,current:p,totalPages:r})]})})})}},4133:function(e,s,a){a.d(s,{p:function(){return l}});var i=a(6369),n=a(6609);let l=({dateString:e})=>{let s=new Date(e);return(0,i.WU)((0,n.zW)(s,"Asia/Tokyo"),"yyyy.MM.dd")}},6649:function(e,s,a){a.d(s,{x:function(){return i}});let i=(e,s=250)=>e.length>s?e.substring(0,s)+"...":e},3123:function(e,s,a){a.d(s,{w:function(){return i}});let i=e=>e.replace(/<("[^"]*"|'[^']*'|[^'">])*>/g,"").replace(/\r?\n/g," ")}}]);