"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[282],{13831:function(e,t,a){var n=a(57437),s=a(83494),l=a(66474),i=a(33145),r=a(27648);t.Z=e=>{let{post:{title:t,date:a,thumb:c,category:o,slug:d}}=e;return(0,n.jsxs)("article",{className:"blog card p-4 md:p-5",children:[(0,n.jsxs)("div",{className:"blog-top relative mb-4",children:[(0,n.jsx)(r.default,{href:"/postdetails/".concat(d),className:"fiximage hover-scale block",title:t,children:(0,n.jsx)(i.default,{src:c,height:289,width:600,alt:"Blog Image",placeholder:"blur",blurDataURL:"data:image/svg+xml;base64,".concat((0,l.s3)((0,l.f8)(400,240))),className:"object-cover object-center"})}),(0,n.jsxs)("div",{className:"blog-date absolute left-auto right-5 top-5 inline-block min-h-[60px] min-w-[60px] rounded bg-primary p-2 text-center text-grey",children:[(0,n.jsx)("span",{className:"month block text-sm uppercase leading-none",children:new Date(a).toLocaleDateString("en-us",{month:"short"})}),(0,n.jsx)("span",{className:"date block text-2xl leading-none",children:new Date(a).toLocaleDateString("en-us",{day:"2-digit"})}),(0,n.jsx)("span",{className:"year block text-sm leading-none",children:new Date(a).getFullYear({year:"numeric"})})]})]}),(0,n.jsx)("h5",{className:"mb-0",children:(0,n.jsx)(r.default,{href:"/postdetails/".concat(d),className:" block overflow-hidden overflow-ellipsis whitespace-nowrap transition-colors duration-500 hover:text-primary",title:t,children:t})}),(0,n.jsx)("div",{className:"flex list-none gap-1.5 text-sm",children:o.map((e,t)=>(0,n.jsx)("span",{className:"after:content-[','] last:after:hidden",children:(0,n.jsx)(r.default,{href:"/category/".concat((0,s.qi)(e),"/1"),className:" hover:text-primary",children:e})},t))})]})}},99869:function(e,t,a){var n=a(57437),s=a(71424),l=a(2265),i=a(87795),r=a(19764),c=a(13831);t.Z=e=>{let{posts:t}=e,[a,o]=(0,l.useState)(!1),d=(0,l.useRef)(null);(0,l.useEffect)(()=>{o(!0)},[]);let u=(0,l.useCallback)(()=>{d.current&&d.current.swiper.slidePrev()},[]),m=(0,l.useCallback)(()=>{d.current&&d.current.swiper.slideNext()},[]);return a?t&&0!==t.length?(0,n.jsxs)("div",{className:"swiper-holder",children:[(0,n.jsx)(r.tq,{modules:[i.pt],spaceBetween:28,slidesPerView:3,autoplay:{delay:5e3},centerInsufficientSlides:!0,ref:d,breakpoints:{320:{slidesPerView:1},768:{slidesPerView:2},1024:{slidesPerView:3}},children:t&&t.map((e,t)=>(0,n.jsx)(r.o5,{children:(0,n.jsx)("div",{className:"slider-item",children:(0,n.jsx)(c.Z,{post:e})})},t))}),(0,n.jsx)("button",{className:"swiper-button-prev",onClick:u}),(0,n.jsx)("button",{className:"swiper-button-next",onClick:m})]}):(0,n.jsx)("div",{className:"block py-20 text-center",children:(0,n.jsx)("p",{children:"No blog posts found."})}):(0,n.jsx)("div",{className:"block py-20 text-center",children:(0,n.jsx)(s.$j,{})})}},57751:function(e,t,a){a.d(t,{ez:function(){return m},U0:function(){return f},DH:function(){return w},LP:function(){return k},o2:function(){return P},m2:function(){return I},$y:function(){return L},Ui:function(){return q}});var n=a(57437),s=a(90791),l=a(79923),i=a(66474),r=a(60429),c=a(33145),o=a(86484),d=a(46550),u=a(2265),m=()=>{let{data:e}=(0,o.useQuery)("information",s.H9),[t,a]=(0,u.useState)(d.ZP.language);if((0,u.useEffect)(()=>{let e=e=>a(e);return d.ZP.on("languageChanged",e),()=>d.ZP.off("languageChanged",e)},[]),!e)return null;let m=e["fullName_".concat(t)]||e.fullName,p=e["firstName_".concat(t)]||e.firstName,h=e["lastName_".concat(t)]||e.lastName;e["bio_".concat(t)]||e.bio;let x=e["nationality_".concat(t)]||e.nationality,g=e["address_".concat(t)]||e.address,j=e["freelance_".concat(t)]||e.freelance,f=e.languages&&e.languages[t]||[];return(0,n.jsxs)("div",{className:"grid grid-cols-2 items-center gap-7",children:[(0,n.jsx)("div",{className:"col-span-2 lg:col-span-1",children:(0,n.jsx)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.2},variants:l.d,className:"about-image overflow-hidden rounded-lg",children:(0,n.jsxs)("div",{className:"about-image-inner fiximage relative border-10 border-primary border-opacity-20",children:[(0,n.jsx)("span",{className:"absolute -top-2.5 left-0 z-10 h-2.5 w-10 animate-ledgerleftright rounded-full bg-gradient-to-r from-transparent to-primary"}),(0,n.jsx)("span",{className:"absolute top-auto -bottom-2.5 left-auto z-10 h-2.5 w-10 animate-ledgerrightleft rounded-full bg-gradient-to-r from-primary to-transparent"}),(0,n.jsx)("span",{className:"absolute -left-2.5 top-auto z-10 h-10 w-2.5 animate-ledgerbottomtop rounded-full bg-gradient-to-t from-transparent to-primary"}),(0,n.jsx)("span",{className:"absolute left-auto -right-2.5 z-10 h-10 w-2.5 animate-ledgertopbottom rounded-full bg-gradient-to-b from-transparent to-primary"}),(0,n.jsx)(c.default,{src:e.largeImage,height:422,width:660,alt:m,placeholder:"blur",blurDataURL:"data:image/svg+xml;base64,".concat((0,i.s3)((0,i.f8)(660,422)))})]})})}),(0,n.jsx)("div",{className:"col-span-2 lg:col-span-1",children:(0,n.jsxs)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.4},variants:l.d,className:"about-content",children:[(0,n.jsxs)("h3",{children:["jp"===t?"こんにちは、私は":"Hi, I am"," ",(0,n.jsx)("span",{className:"text-primary",children:m})]}),(0,n.jsxs)("ul",{className:"styledlist",children:[p&&(0,n.jsxs)("li",{className:"text-lg",children:[(0,n.jsxs)("strong",{className:"inline-block min-w-[120px] font-medium",children:["jp"===t?"名":"First Name"," "]}),": ",p]}),h&&(0,n.jsxs)("li",{className:"text-lg",children:[(0,n.jsxs)("strong",{className:"inline-block min-w-[120px] font-medium",children:["jp"===t?"姓":"Last Name"," "]}),": ",h]}),e.age&&(0,n.jsxs)("li",{className:"text-lg",children:[(0,n.jsxs)("strong",{className:"inline-block min-w-[120px] font-medium",children:["jp"===t?"年齢":"Age"," "]}),": ",e.age," ","jp"===t?"歳":"years"]}),x&&(0,n.jsxs)("li",{className:"text-lg",children:[(0,n.jsxs)("strong",{className:"inline-block min-w-[120px] font-medium",children:["jp"===t?"国籍":"Nationality"," "]}),": ",x]}),f.length?(0,n.jsxs)("li",{className:"text-lg",children:[(0,n.jsxs)("strong",{className:"inline-block min-w-[120px] font-medium",children:["jp"===t?"言語":"Languages"," "]}),": ",f.join(", ")]}):null,g&&(0,n.jsxs)("li",{className:"text-lg",children:[(0,n.jsx)("strong",{className:"inline-block min-w-[120px] font-medium align-top",children:"jp"===t?"住所":"Address"}),(0,n.jsxs)("span",{className:"break-words whitespace-pre-line align-top",children:[": ",g]})]}),j&&(0,n.jsxs)("li",{className:"text-lg",children:[(0,n.jsxs)("strong",{className:"inline-block min-w-[120px] font-medium",children:["jp"===t?"フリーランス":"Freelance"," "]}),": ",j]})]}),(0,n.jsx)("button",{type:"button",className:"btn mt-3",onClick:()=>{["/ウェイリンアウン_履歴書.pdf","/ウェイリンアウン職務経歴書.pdf"].forEach(e=>{let t=document.createElement("a");t.href=e,t.download=e.split("/").pop(),document.body.appendChild(t),t.click(),document.body.removeChild(t)})},children:(0,n.jsx)("span",{children:"jp"===t?"履歴書をダウンロード":"Download Resume"})})]})})]})},p=a(27648),h=a(43326),x=a(65970),g=a(29501),j=()=>{let e=(0,u.useRef)(),[t,a]=(0,u.useState)(""),[s,l]=(0,u.useState)(""),[i,r]=(0,u.useState)(d.ZP.language);(0,u.useEffect)(()=>{let e=e=>r(e);return d.ZP.on("languageChanged",e),()=>d.ZP.off("languageChanged",e)},[]);let{register:c,handleSubmit:o,formState:{errors:m}}=(0,g.cI)();return(0,n.jsxs)("form",{ref:e,className:"card -mt-1.5  space-y-4 p-4 md:p-5",onSubmit:o(t=>{x.ZP.sendForm("service_t5zv14m","template_uj1kl58",e.current,"0mwtSUAqfw8eNHAtj").then(e=>{200===e.status&&e.text&&(l(!1),a("jp"===i?"メールが正常に送信されました！":"Email successfully sent!"))},e=>{a(!1),l("jp"===i?"メッセージ送信中に問題が発生しました！":"Something is wrong while sending the message!")})}),children:[(0,n.jsxs)("div",{className:"inputbox",children:[(0,n.jsx)("label",{htmlFor:"name",children:"jp"===i?"お名前":"Name"}),(0,n.jsx)("input",{type:"text",placeholder:"jp"===i?"お名前を入力してください...":"Enter your name...",id:"name",...c("name",{required:!0})}),m.name&&(0,n.jsx)(n.Fragment,{children:"required"===m.name.type&&(0,n.jsx)("p",{className:"bg-red-500 bg-opacity-5 text-center text-sm text-red-500",children:"jp"===i?"お名前は必須です！":"Name is required!"})})]}),(0,n.jsxs)("div",{className:"inputbox",children:[(0,n.jsx)("label",{htmlFor:"email",children:"jp"===i?"メール":"Email"}),(0,n.jsx)("input",{type:"email",placeholder:"jp"===i?"メールアドレスを入力してください...":"Enter your email...",id:"email",...c("email",{required:!0,pattern:/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/})}),m.email&&(0,n.jsxs)(n.Fragment,{children:["required"===m.email.type&&(0,n.jsx)("p",{className:"bg-red-500 bg-opacity-5 text-center text-sm text-red-500",children:"jp"===i?"メールは必須です！":"Email is required!"}),"pattern"===m.email.type&&(0,n.jsx)("p",{className:"bg-red-500 bg-opacity-5 text-center text-sm text-red-500",children:"jp"===i?"無効なメールアドレスです！":"Invalid email address!"})]})]}),(0,n.jsxs)("div",{className:"inputbox",children:[(0,n.jsx)("label",{htmlFor:"subject",children:"jp"===i?"件名":"Subject"}),(0,n.jsx)("input",{type:"text",placeholder:"jp"===i?"件名を入力してください...":"Enter subject...",id:"subject",...c("subject",{required:!0})}),m.subject&&(0,n.jsx)(n.Fragment,{children:"required"===m.subject.type&&(0,n.jsx)("p",{className:"bg-red-500 bg-opacity-5 text-center text-sm text-red-500",children:"jp"===i?"件名は必須です！":"Subject is required!"})})]}),(0,n.jsxs)("div",{className:"inputbox",children:[(0,n.jsx)("label",{htmlFor:"message",children:"jp"===i?"メッセージ":"Message"}),(0,n.jsx)("textarea",{placeholder:"jp"===i?"メッセージを入力してください...":"Enter you message...",cols:"1",rows:"5",id:"message",...c("message",{required:!0})}),m.message&&(0,n.jsx)(n.Fragment,{children:"required"===m.message.type&&(0,n.jsx)("p",{className:"bg-red-500 bg-opacity-5 text-center text-sm text-red-500",children:"jp"===i?"メッセージは必須です！":"Message is required!"})})]}),!t&&s&&(0,n.jsx)("p",{className:"bg-red-500 bg-opacity-5 text-center text-sm text-red-500",children:s}),!s&&t&&(0,n.jsx)("p",{className:"bg-green-500 bg-opacity-5 text-center text-sm text-green-500",children:t}),(0,n.jsx)("button",{type:"submit",className:"btn",children:(0,n.jsx)("span",{children:"jp"===i?"送信":"Send Mail"})})]})},f=()=>{let{data:e}=(0,o.useQuery)("information",s.H9),[t,a]=(0,u.useState)(d.ZP.language);return((0,u.useEffect)(()=>{let e=e=>a(e);return d.ZP.on("languageChanged",e),()=>d.ZP.off("languageChanged",e)},[]),e)?(0,n.jsxs)("div",{className:"grid grid-cols-9 gap-7",children:[(0,n.jsx)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.2},variants:l.d,className:"col-span-9 lg:col-span-4",children:(0,n.jsxs)("div",{className:"contact-information",children:[(0,n.jsx)("h4",{children:"jp"===t?"連絡先情報":"Contact Information"}),(0,n.jsx)("p",{children:"jp"===t?"ご連絡先を入力してください。折り返しご連絡いたします。":"Please enter your contact details below so I can get in touch with you:"}),(0,n.jsx)("span",{className:"inline-block h-1 w-20 rounded-full bg-primary bg-opacity-20"}),(0,n.jsxs)("div",{className:"contact-blocks mt-5 space-y-5",children:[(0,n.jsxs)("div",{className:"contact-block card flex p-4 md:p-5",children:[(0,n.jsx)("span",{className:"icon mr-4 inline-flex h-16 w-16 shrink-0 grow-0 basis-16 items-center justify-center rounded-full bg-primary bg-opacity-10 text-3xl text-primary",children:(0,n.jsx)(h.V90,{})}),(0,n.jsxs)("div",{className:"content",children:[(0,n.jsx)("h5",{className:"mb-2",children:"jp"===t?"電話で連絡":"Contact on phone"}),e.phoneNumbers.map((e,t)=>(0,n.jsx)("p",{className:"mb-0",children:(0,n.jsx)(p.default,{href:"tel:".concat(e.split("-").join("")),className:"no-underline",children:e})},t))]})]}),(0,n.jsxs)("div",{className:"contact-block card flex p-4 md:p-5",children:[(0,n.jsx)("span",{className:"icon mr-4 inline-flex h-16 w-16 shrink-0 grow-0 basis-16 items-center justify-center rounded-full bg-primary bg-opacity-10 text-3xl text-primary",children:(0,n.jsx)(h.Azx,{})}),(0,n.jsxs)("div",{className:"content",children:[(0,n.jsx)("h5",{className:"mb-2",children:"jp"===t?"メールで連絡":"Contact on mail"}),e.emailAddress.map((e,t)=>(0,n.jsx)("p",{className:"mb-0",children:(0,n.jsx)(p.default,{href:"mailto:".concat(e),className:"no-underline",children:e})},t))]})]}),(0,n.jsxs)("div",{className:"contact-block card flex p-4 md:p-5",children:[(0,n.jsx)("span",{className:"icon mr-4 inline-flex h-16 w-16 shrink-0 grow-0 basis-16 items-center justify-center rounded-full bg-primary bg-opacity-10 text-3xl text-primary",children:(0,n.jsx)(h.F3s,{})}),(0,n.jsxs)("div",{className:"content",children:[(0,n.jsx)("h5",{className:"mb-2",children:"jp"===t?"住所":"Contact address"}),(0,n.jsx)("p",{className:"mb-0 break-words whitespace-pre-line",children:"jp"===t?e.address_jp:e.address_en})]})]})]})]})}),(0,n.jsx)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.4},variants:l.d,className:"col-span-9 lg:col-span-5",children:(0,n.jsx)(j,{})})]}):null},b=a(34189),v=a(85411),N=a(4206),w=e=>{let{blurred:t,scroll:a=!0,typed:m=!0}=e,{data:p}=(0,o.useQuery)("information",s.H9),[x,g]=(0,u.useState)(d.ZP.language);if((0,u.useEffect)(()=>{let e=e=>g(e);return d.ZP.on("languageChanged",e),()=>d.ZP.off("languageChanged",e)},[]),!p)return null;let j=p["fullName_".concat(x)]||p.fullName,f=p["bio_".concat(x)]||p.bio;return(0,n.jsxs)("div",{className:"herosection relative overflow-hidden",children:[!t&&(0,n.jsx)("div",{className:"herosection-bg absolute left-0 top-0 h-full w-full"}),(0,n.jsx)("div",{className:"herosection-content relative z-20 bg-grey-darken  ".concat(t?"bg-opacity-20":"bg-opacity-90"),children:(0,n.jsxs)("div",{className:"container relative mx-auto",children:[(0,n.jsx)("div",{className:"flex min-h-screen w-full items-center justify-center",children:(0,n.jsxs)("div",{className:"herosection-content w-full py-20 text-center md:w-3/4",children:[(0,n.jsxs)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.2},variants:l.d,className:"herosection-imagewrapper relative mb-5 inline-block overflow-hidden rounded-full align-middle",children:[(0,n.jsx)("span",{className:"herosection-imageanimation absolute left-0 top-0 z-10 h-full w-full animate-spin rounded-full bg-gradient-to-tr from-primary to-transparent"}),(0,n.jsx)("div",{className:"herosection-image fiximage relative z-20 inline-block h-[150px] w-[150px] overflow-hidden rounded-full border-6 border-primary border-opacity-10 align-middle",children:(0,n.jsx)(c.default,{src:p.thumbImage,alt:j,height:150,width:150,placeholder:"blur",blurDataURL:"data:image/svg+xml;base64,".concat((0,i.s3)((0,i.f8)(150,150)))})})]}),(0,n.jsxs)(r.E.h1,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.4},variants:l.d,className:"mb-5 text-heading",children:[(0,n.jsx)("span",{className:"block sm:inline",children:"jp"===x?"こんにちは、私は":"Hi, I am"})," ",m?(0,n.jsx)(v.e,{sequence:[j,2e3,"jp"===x?"フルスタック開発者":"Full-stack Developer",2e3,"jp"===x?"ウェブ開発者":"Web Developer",2e3],speed:20,repeat:1/0,className:"text-primary"},x):(0,n.jsx)("span",{className:"text-primary",children:j})]}),(0,n.jsx)(r.E.p,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.6},variants:l.d,className:"lead mb-0",children:f}),(0,n.jsx)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.8},variants:l.d,className:"herosection-socialicons mt-7 text-center",children:(0,n.jsx)(N.HE,{data:p.socialAddress})})]})}),a?(0,n.jsx)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:1},variants:l.d,className:"herosection-bottom absolute left-0 top-auto bottom-10 w-full justify-between text-center",children:(0,n.jsxs)(b.rU,{activeClass:"active",to:"section-about",spy:!0,smooth:"easeInQuad",offset:-74,duration:1e3,className:"cursor-pointer text-xs font-medium uppercase tracking-widest transition-all hover:text-primary",children:[(0,n.jsx)(h.dtO,{className:"inline animate-bounce text-base"}),(0,n.jsx)("span",{className:"pl-2",children:d.ZP.t("scrolldown",{lng:x})})]})}):null]})})]})},y=a(71424),k=()=>{let[e,t]=(0,u.useState)([]),[a,l]=(0,u.useState)(""),[i,c]=(0,u.useState)(1),[m,p]=(0,u.useState)(d.ZP.language);(0,u.useEffect)(()=>{let e=e=>p(e);return d.ZP.on("languageChanged",e),()=>d.ZP.off("languageChanged",e)},[]);let{data:h}=(0,o.useQuery)("portfolios",s.r3);(0,u.useEffect)(()=>{h&&t(h.slice(0,6))},[h]);let x=(0,u.useCallback)(e=>{l(e),""===e?t(h.slice(0,6*i)):t(h.slice(0,6*i).filter(t=>t.filters.includes(e)))},[h,i]),g=(0,u.useCallback)(()=>{c(e=>e+1),""===a?t(h.slice(0,(i+1)*6)):t(h.slice(0,(i+1)*6).filter(e=>e.filters.includes(a)))},[a,h,i]);return h?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(y.ej,{currentFilter:a,filterHandler:x}),(0,n.jsx)(r.E.div,{layout:!0,className:"mt-12 grid grid-cols-6 gap-7",children:null==e?void 0:e.map(e=>(0,n.jsx)(r.E.div,{layout:!0,exit:{scale:0},initial:{scale:0},animate:{scale:1},transition:{duration:.4},className:"col-span-6 sm:col-span-3 lg:col-span-2",children:(0,n.jsx)(N._Y,{portfolio:e})},e.id))}),e<h?(0,n.jsx)("div",{className:"mt-12 text-center",children:(0,n.jsx)("button",{className:"btn btn-small",onClick:()=>g(),children:(0,n.jsx)("span",{children:"jp"===m?"もっと見る":"Load More"})})}):null]}):null},C=()=>{let{data:e}=(0,o.useQuery)("education-background",s.s0),[t,a]=(0,u.useState)(d.ZP.language);return((0,u.useEffect)(()=>{let e=e=>a(e);return d.ZP.on("languageChanged",e),()=>d.ZP.off("languageChanged",e)},[]),e)?(0,n.jsxs)("div",{className:"education-timeline",children:[(0,n.jsxs)("h4",{children:[(0,n.jsx)(h.jGU,{className:"mr-2 inline-block text-primary"}),"jp"===t?"学歴":"Educational Qualification"]}),null==e?void 0:e.map((e,a)=>(0,n.jsx)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.2*a},variants:l.d,className:"timeline-wrap",children:(0,n.jsx)(N.jq,{timeline:{...e,title:"jp"===t?e.title_jp:e.title_en,meta:"jp"===t?e.meta_jp:e.meta_en,text:"jp"===t?e.text_jp:e.text_en}})},e.id))]}):null},E=()=>{let{data:e}=(0,o.useQuery)("job-experience",s.Ry),[t,a]=(0,u.useState)(d.ZP.language);return((0,u.useEffect)(()=>{let e=e=>a(e);return d.ZP.on("languageChanged",e),()=>d.ZP.off("languageChanged",e)},[]),e)?(0,n.jsxs)("div",{className:"job-experience",children:[(0,n.jsxs)("h4",{children:[(0,n.jsx)(h.Hgh,{className:"mr-2 inline-block text-primary"}),"jp"===t?"職務経歴":"Working Experience"]}),null==e?void 0:e.map((e,a)=>(0,n.jsx)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.2*a},variants:l.d,className:"timeline-wrap",children:(0,n.jsx)(N.jq,{timeline:{...e,title:"jp"===t?e.title_jp:e.title_en,meta:"jp"===t?e.meta_jp:e.meta_en,text:"jp"===t?e.text_jp:e.text_en}})},e.id))]}):null},P=()=>(0,n.jsxs)("div",{className:"grid grid-cols-2 gap-14 lg:gap-7",children:[(0,n.jsx)("div",{className:"col-span-2 lg:col-span-1",children:(0,n.jsx)(C,{})}),(0,n.jsx)("div",{className:"col-span-2 lg:col-span-1",children:(0,n.jsx)(E,{})})]}),Z=a(87795),_=a(19764),S=a(12505),I=()=>{let{data:e}=(0,o.useQuery)("certificates",s.GJ),t=(0,u.useRef)(null),a=(0,u.useCallback)(()=>{t.current&&t.current.swiper.slidePrev()},[]),l=(0,u.useCallback)(()=>{t.current&&t.current.swiper.slideNext()},[]),[i,r]=(0,u.useState)(S.Z.language||window.localStorage.getItem("i18nextLng"));return((0,u.useEffect)(()=>{let e=e=>r(e);S.Z.on("languageChanged",e);{let e=window.localStorage.getItem("i18nextLng");e&&e!==i&&r(e)}return()=>S.Z.off("languageChanged",e)},[]),e)?(0,n.jsxs)("div",{className:"swiper-holder",children:[(0,n.jsx)(_.tq,{modules:[Z.pt],spaceBetween:28,slidesPerView:3,autoplay:{delay:4e3},centerInsufficientSlides:!0,ref:t,breakpoints:{320:{slidesPerView:1},640:{slidesPerView:2},1024:{slidesPerView:3}},children:null==e?void 0:e.map(e=>(0,n.jsx)(_.o5,{children:(0,n.jsx)("div",{className:"slider-item",children:(0,n.jsx)(N.Cq,{review:e})})},e.id))}),(0,n.jsx)("div",{style:{display:"flex",justifyContent:"flex-start",marginBottom:"1rem",marginTop:"1rem"},children:(0,n.jsx)("button",{className:"btn",onClick:()=>{let e=document.createElement("a");e.href="/certificates/all-certificates.pdf",e.download="all-certificates.pdf",document.body.appendChild(e),e.click(),document.body.removeChild(e)},children:(0,n.jsx)("span",{children:"jp"===i?"すべてダウンロード (".concat(e.length,")"):"Download All (".concat(e.length,")")})})}),(0,n.jsx)("button",{className:"swiper-button-prev ".concat(document.documentElement.classList.contains("dark")?"dark":"light"),onClick:a}),(0,n.jsx)("button",{className:"swiper-button-next ".concat(document.documentElement.classList.contains("dark")?"dark":"light"),onClick:l})]}):null},L=()=>{let{data:e}=(0,o.useQuery)("services",s.U2),[t,a]=(0,u.useState)(d.ZP.language);return((0,u.useEffect)(()=>{let e=e=>a(e);return d.ZP.on("languageChanged",e),()=>d.ZP.off("languageChanged",e)},[]),e)?(0,n.jsx)("div",{className:"services-wrapper grid grid-cols-3 gap-7",children:null==e?void 0:e.map((e,a)=>(0,n.jsx)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.2*a},variants:l.d,className:"col-span-3 lg:col-span-1",children:(0,n.jsx)(N.t6,{service:{...e,title:"jp"===t?e.title_jp:e.title_en,text:"jp"===t?e.text_jp:e.text_en}})},e.id))}):null},U=()=>{let{data:e}=(0,o.useQuery)("language-skills",s.UU);return e?(0,n.jsx)("div",{className:"grid grid-cols-2 gap-7",children:null==e?void 0:e.map((e,t)=>(0,n.jsx)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.2*t},variants:l.d,className:"col-span-2 md:col-span-1",children:(0,n.jsx)(N.ko,{skill:e})},e.id))}):null},V=()=>{let{data:e}=(0,o.useQuery)("tech-skills",s.QM),[t,a]=(0,u.useState)(d.ZP.language);return((0,u.useEffect)(()=>{let e=e=>a(e);return d.ZP.on("languageChanged",e),()=>d.ZP.off("languageChanged",e)},[]),e)?(0,n.jsx)("div",{className:"grid grid-cols-4 gap-7",children:null==e?void 0:e.map((e,a)=>(0,n.jsx)(r.E.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:.4,delay:.2*a},variants:l.d,className:"col-span-4 sm:col-span-2 lg:col-span-1",children:(0,n.jsx)(N._3,{skill:{...e,title:"jp"===t?e.title_jp:e.title_en}})},e.id))}):null},q=()=>(0,n.jsxs)("div",{className:"skills-wrapper",children:[(0,n.jsx)(V,{}),(0,n.jsx)("div",{className:"py-7"}),(0,n.jsx)(U,{})]})},55838:function(e,t,a){var n=a(57437),s=a(9201),l=a(2265),i=a(99258),r=a(40257);t.default=e=>{let{title:t,slug:a}=e,[c,o]=(0,l.useState)(!1);return((0,l.useEffect)(()=>{o(!0)},[]),c)?(0,n.jsx)(s.qw,{shortname:r.env.NEXT_PUBLIC_DISCUSS_SHORTNAME,config:{url:r.env.NEXT_PUBLIC_SITE_URL,identifier:a,title:t}}):(0,n.jsx)("div",{className:"block py-20 text-center",children:(0,n.jsx)(i.Z,{})})}},2472:function(e,t,a){var n=a(57437),s=a(27648),l=a(46550),i=a(2265);t.default=e=>{let t,{url:a="/",text:r=!1}=e,[c,o]=(0,i.useState)(()=>window.localStorage.getItem("i18nextLng")||l.ZP.language||"en"),[d,u]=(0,i.useState)(!1);return((0,i.useEffect)(()=>{u(!0);{let e=window.localStorage.getItem("i18nextLng");e&&e!==c&&o(e)}let e=e=>o(e);return l.ZP.on("languageChanged",e),()=>l.ZP.off("languageChanged",e)},[]),d)?(0,n.jsx)(s.default,{href:a,className:"sitelogo py-2",children:(0,n.jsx)("span",{className:"text-4xl font-bold uppercase leading-none text-primary",children:(t="portfolio",l.ZP.t(t,{lng:c,ns:"common"}))})}):(0,n.jsx)(s.default,{href:a,className:"sitelogo py-2",children:(0,n.jsx)("span",{className:"text-4xl font-bold uppercase leading-none text-primary",children:"portfolio"})})}},11221:function(e,t,a){var n=a(57437),s=a(86484),l=a(90791),i=a(2265),r=a(46550);t.default=e=>{let{currentFilter:t,filterHandler:a}=e,{data:c}=(0,s.useQuery)("portfolio-filters",l.ez),[o,d]=(0,i.useState)(r.ZP.language);return((0,i.useEffect)(()=>{let e=e=>d(e);return r.ZP.on("languageChanged",e),()=>r.ZP.off("languageChanged",e)},[]),c)?(0,n.jsxs)("div",{className:"portfolio-filters flex flex-wrap justify-center gap-4",children:[(0,n.jsx)("button",{className:"btn btn-small ".concat(""===t?"":"btn-transparent"),onClick:()=>a(""),children:(0,n.jsx)("span",{children:"jp"===o?"全て":"All"})}),null==c?void 0:c.map(e=>(0,n.jsx)("button",{className:"btn btn-small ".concat(t===e.value?"before:invisible":"btn-transparent"),onClick:()=>a(e.value),children:(0,n.jsx)("span",{children:"jp"===o?e.title_jp:e.title_en})},e.id))]}):null}},39289:function(e,t,a){var n=a(57437),s=a(12505),l=a(2265),i=a(93755);t.default=e=>{let{title:t,watermark:a,animated:r=!0}=e,[c,o]=(0,l.useState)(t),[d,u]=(0,l.useState)(a);(0,l.useEffect)(()=>{s.Z.language,o(s.Z.t(t)),u(s.Z.t(a));let e=()=>{o(s.Z.t(t)),u(s.Z.t(a))};return s.Z.on("languageChanged",e),()=>{s.Z.off("languageChanged",e)}},[t,a]);let m=(0,i.YT)({translateX:r?[-200,200]:null,easing:"easeInOut"});return(0,n.jsxs)("div",{className:"section-heading relative overflow-hidden pb-14 text-center",children:[(0,n.jsx)("h2",{className:"relative z-10 mb-2 uppercase",children:c}),(0,n.jsx)("span",{className:"relative z-10 inline-block h-1.5 w-32 overflow-hidden rounded-full bg-primary bg-opacity-20",children:(0,n.jsx)("span",{className:"absolute left-0 top-0 inline-block h-full w-1.5 animate-lefttoright rounded-full bg-primary"})}),(0,n.jsx)("span",{ref:m.ref,className:"pointer-events-none absolute left-1/2 -top-2 z-0 -translate-x-1/2 transform text-9xl font-bold uppercase text-heading opacity-5",children:d})]})}},5368:function(e,t,a){a.d(t,{default:function(){return l}});var n=a(57437),s=a(34189);function l(e){let{name:t,className:a="",children:l}=e;return(0,n.jsx)(s.W_,{name:t,className:a,children:l})}},99258:function(e,t,a){var n=a(57437);t.Z=()=>(0,n.jsxs)("div",{className:"spinner relative inline-flex h-24 w-24 items-center justify-center overflow-hidden rounded-full border border-white border-opacity-20",children:[(0,n.jsx)("span",{className:"relative z-20 text-sm uppercase tracking-wider",children:"Loading"}),(0,n.jsx)("span",{className:"absolute z-10 h-full w-full animate-spin rounded-full border-l-2 border-t-2 border-white border-opacity-50 bg-grey-lighten"})]})},71424:function(e,t,a){a.d(t,{TR:function(){return n.default},$8:function(){return d},ej:function(){return u.default},OT:function(){return m.default},$j:function(){return p.Z}}),a(55838);var n=a(2472),s=a(57437),l=a(28090),i=a(59512),r=a(92619),c=a(23795),o=a(85561);function d(e){let{children:t}=e;return(0,s.jsx)(l.UG,{remarkPlugins:[o.Z],rehypePlugins:[c.Z],components:{code(e){let{node:t,inline:a,className:n,children:l,...c}=e,o=/language-(\w+)/.exec(n||"");return!a&&o?(0,s.jsx)(i.Z,{style:r.cL,PreTag:"div",language:o[1],...c,children:String(l).replace(/\n$/,"")}):(0,s.jsx)("code",{className:n,...c,children:l})}},children:t})}var u=a(11221),m=a(39289);a(5368);var p=a(99258)},90791:function(e,t,a){a.d(t,{GJ:function(){return h},s0:function(){return p},H9:function(){return i},Ry:function(){return m},UU:function(){return o},ez:function(){return d},r3:function(){return u},U2:function(){return r},QM:function(){return c}});var n=a(83464),s=a(40257);let l=n.Z.create({baseURL:s.env.NEXT_PUBLIC_API_URL,headers:{Accept:"application/json","Access-Control-Allow-Origin":"*","Access-Control-Allow-Methods":"GET,PUT,POST,DELETE,PATCH","Content-Type":"application/json"}}),i=async()=>(await l.get("api/information.json")).data,r=async()=>(await l.get("api/services.json")).data,c=async()=>(await l.get("api/techskills.json")).data,o=async()=>(await l.get("api/languageskills.json")).data,d=async()=>(await l.get("api/portfoliofilters.json")).data,u=async()=>(await l.get("api/portfolios.json")).data,m=async()=>(await l.get("api/jobexperience.json")).data,p=async()=>(await l.get("api/educationbackground.json")).data,h=async()=>(await l.get("api/certificates.json")).data},83494:function(e,t,a){a.d(t,{qi:function(){return n}});let n=e=>e.split(" ").join("-").toLowerCase()},79923:function(e,t,a){a.d(t,{d:function(){return n}});let n={visible:{y:0,opacity:1},hidden:{y:20,opacity:0}}}}]);