https://www.plex-job.com/_next/static/chunks/pages/magazine-caf3e516b0b53d17.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[650],{38720:(e,s,t)=>{"use strict";t.r(s),t.d(s,{__N_SSP:()=>_,default:()=>C});var a=t(15383),l=t(9654),i=t.n(l),r=t(56201),n=t.n(r),c=t(14343),m=t(88955),d=t(12847),x=t(34617),g=t(34881),o=t(59900),p=t(44306),h=t(15767),u=t(51202),j=t(5341),N=t(17822),f=t(24257),b=t(12518),v=t(99660),w=t(18336);let y=e=>{let{articleList:s,rankingArticles:t,categories:l}=e,r=[f.QF.top,{title:"プレックスジョブマガジン"}],x=s.contents,[b,y]=(0,c.useState)(void 0),_=(0,N.kq)();(0,c.useEffect)(()=>{y(_)},[_]);let{ctaTextPc:C,basePath:k,isExternal:q,buttonTextPc:E,buttonTextSp:P}=(0,w.y)();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i(),{children:[(0,a.jsx)("title",{children:"物流・建設・製造で働く人に役立つメディア｜プレックスジョブマガジン"}),(0,a.jsx)("meta",{name:"description",content:"物流や建設、製造などの業界で働く人に役立つ情報を提供する、情報メディアです。各業界に詳しい転職サイト「プレックスジョブ」が運営するからこそ、業界や仕事ごとの「給与」や「お役立ち情報」、いざという時の「転職活動のコツ」など、幅広い情報を提供します。"})]}),(0,v.ZY)(r),(0,a.jsx)("main",{className:"bg-gray-100",children:(0,a.jsxs)("div",{className:"container mx-auto pb-xl",children:[(0,a.jsx)(h.Y,{links:r,isBgColorWhite:!1}),(0,a.jsxs)("div",{className:"flex flex-col items-center px-md mt-3xl",children:[(0,a.jsx)("div",{className:"mx-auto w-[75%] max-w-[410px]",children:(0,a.jsx)(m.A,{href:"/magazine",children:(0,a.jsx)(u.K,{})})}),(0,a.jsx)("h1",{className:"mt-md-sm text-center",children:"物流・建設・製造で働く人に役立つメディア｜プレックスジョブマガジン"})]}),(0,a.jsxs)("div",{className:"mt-3xl lg:grid lg:grid-cols-3 lg:gap-x-lg",children:[(0,a.jsxs)("section",{className:"lg:col-span-2 lg:px-0",children:[t.articles.length>0&&(0,a.jsxs)("div",{className:"px-md mb-3xl lg:mb-lg lg:px-0",children:[(0,a.jsx)(g.D,{className:"lg:hidden",children:"人気記事ランキング"}),(0,a.jsx)("ul",{className:"mt-lg lg:mt-0 flex flex-col gap-md-sm lg:gap-lg",children:t.articles.map((e,s)=>(0,a.jsx)("li",{children:(0,a.jsxs)(m.A,{className:"relative flex items-center gap-sm bg-white shadow rounded-lg px-md-sm py-md-sm lg:p-md lg:gap-md",href:"/magazine/articles/".concat(e.id),children:[(0,a.jsxs)("div",{className:"shrink-0 lg:relative",children:[(0,a.jsx)(n(),{className:"w-[64px] h-[64px] object-cover lg:w-[345px] lg:h-[187px]",src:e.thumbnail.url,alt:e.title,width:345,height:187,priority:!0}),(0,a.jsx)(n(),{className:"absolute top-0 left-0 w-[37px] h-[37px] lg:w-[42px] lg:h-[42px]",src:"/images/magazine/ico-ranking-".concat(s+1,".png"),alt:"",width:42,he

1ight:42,priority:!0})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-base font-bold line-clamp-2",children:e.title}),(0,a.jsx)("p",{className:"hidden lg:line-clamp-3 lg:text-sm lg:pt-md-sm lg:text-gray-400",children:e.metaDescription}),e.categories.length>0&&(0,a.jsx)("ul",{className:"flex flex-wrap gap-sm mt-xs lg:mt-md-sm",children:e.categories.map((e,s)=>(0,a.jsx)("li",{children:(0,a.jsx)(o.XH,{category:e})},s))})]})]})},e.id))})]}),(0,a.jsxs)("div",{className:"bg-white shadow rounded-lg px-md py-lg lg:px-3xl lg:py-2xl",children:[(0,a.jsx)(g.D,{responsive:!0,children:"新着記事一覧"}),(0,a.jsx)("div",{className:"mt-xl",children:(0,a.jsx)(o.Ds,{articles:x})}),s.totalCount>10&&(0,a.jsx)("div",{className:"flex justify-center mt-xl",children:(0,a.jsx)(p.d,{totalCount:s.totalCount,perPage:10,locationHash:"article-card-list-section"})})]})]}),(0,a.jsx)("section",{className:"lg:col-span-1 mt-xl lg:mt-0",children:(0,a.jsx)(d.t,{categories:l,rankingArticles:t})})]})]})}),!b&&(0,a.jsx)(j.T,{buttonTextSp:P,buttonTextPc:E,descriptionPc:C,linkUrl:"".concat(k,"?internal_source=magazine"),isExternal:q})]})};var _=!0;let C=y;y.getLayout=e=>{let{bottomNavigationData:s}=e.props;return s?(0,a.jsx)(x.q,{bottomNavigationData:s,faqList:(0,b.sh)()||[],isBgGray:!0,isFullWidth:!0,children:e}):e}},44306:(e,s,t)=>{"use strict";t.d(s,{d:()=>g});var a=t(15383),l=t(12341),i=t(69955),r=t(1877),n=t(14343),c=t(59736),m=t.n(c),d=t(50882),x=t(24257);let g=e=>{let{totalCount:s,perPage:t,locationHash:c}=e,g=(0,r.useRouter)(),o=Number(g.query.page)-1||0,p=Math.ceil(s/t),h=(0,d.Q)("(max-width: ".concat(x.BY,")"),!0);return(0,n.useEffect)(()=>{(o<0||o>=p)&&g.push({pathname:g.pathname,query:{...g.query,page:1}})},[g.query.page,s,t]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"flex justify-center",children:(0,a.jsx)(m(),{previousLabel:(0,a.jsx)(l.A,{}),nextLabel:(0,a.jsx)(i.A,{}),breakLabel:"...",forcePage:o,pageCount:p,onPageChange:e=>{g.push({pathname:g.pathname,query:{...g.query,page:e.selected+1},hash:c})},marginPagesDisplayed:1,pageRangeDisplayed:h?3:5,containerClassName:"flex items-center w-full gap-xs lg:gap-sm",pageClassName:"min-h-10 min-w-10 border rounded-lg font-bold text-sm",pageLinkClassName:"h-full w-full p-sm inline-block text-center text-sm",activeClassName:"active bg-primary/10 text-primary border-0 text-sm",previousClassName:"pagination__previous border p-sm rounded-lg text-primary text-sm",nextClassName:"pagination__next border p-sm rounded-lg text-primary text-sm",disabledClassName:"pagination__disabled active",hrefBuilder:e=>e>=1&&e<=p?"?".concat((e=>{let s={...g.query,page:e},t=(g.pathname.match(/\[.*?(?=\])/g)||[]).map(e=>e.slice(1)).concat("query","slug");return Object.entries(s).filter(e=>{let[s]=e;return!t.includes(s)}).map(e=>{let[s,t]=e;return"".concat(s,"=").concat(t)}).reduce((e,s)=>"".concat(e,"&").concat(s))})(e)):"#"})})})}},50882:(e,s,t)=>{"use strict";t.d(s,{Q:()=>l});var a=t(14343);let l=(e,s)=>{let[t,l]=(0,a.useState)(((e,s)=>void 0!==s?s:window.matchMedia(e).matches)(e,s));return(0,a.useEffect)(()=>{let s=!0,t=window.matchMedia(e),a=()=>{s&&l(!!t.matches)};return t.addListener(a),l(t.matches),()=>{s=!1,t.removeListener(a)}},[e]),t}},89853:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/magazine",function(){return t(38720)}])}},e=>{e.O(0,[5395,7722,8937,8081,636,6593,8792],()=>e(e.s=89853)),_N_E=e.O()}]);