https://www.hisachii.com/_next/static/chunks/app/page-f30d183202458143.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{8201:function(e,t,i){Promise.resolve().then(i.bind(i,3157)),Promise.resolve().then(i.t.bind(i,7677,23)),Promise.resolve().then(i.t.bind(i,1370,23)),Promise.resolve().then(i.t.bind(i,7913,23)),Promise.resolve().then(i.t.bind(i,5281,23)),Promise.resolve().then(i.t.bind(i,3298,23)),Promise.resolve().then(i.t.bind(i,441,23)),Promise.resolve().then(i.t.bind(i,649,23)),Promise.resolve().then(i.t.bind(i,1501,23)),Promise.resolve().then(i.bind(i,8920)),Promise.resolve().then(i.t.bind(i,328,23)),Promise.resolve().then(i.t.bind(i,95,23)),Promise.resolve().then(i.t.bind(i,1601,23)),Promise.resolve().then(i.t.bind(i,5573,23)),Promise.resolve().then(i.bind(i,5759)),Promise.resolve().then(i.bind(i,9245)),Promise.resolve().then(i.bind(i,8452)),Promise.resolve().then(i.bind(i,3202)),Promise.resolve().then(i.bind(i,8890)),Promise.resolve().then(i.bind(i,6742)),Promise.resolve().then(i.bind(i,1309)),Promise.resolve().then(i.bind(i,8699)),Promise.resolve().then(i.bind(i,4986)),Promise.resolve().then(i.bind(i,3488)),Promise.resolve().then(i.bind(i,5555)),Promise.resolve().then(i.bind(i,7030)),Promise.resolve().then(i.bind(i,9576)),Promise.resolve().then(i.bind(i,8722)),Promise.resolve().then(i.bind(i,1720)),Promise.resolve().then(i.bind(i,3435)),Promise.resolve().then(i.bind(i,5615)),Promise.resolve().then(i.bind(i,854)),Promise.resolve().then(i.bind(i,214)),Promise.resolve().then(i.bind(i,9049)),Promise.resolve().then(i.bind(i,9224)),Promise.resolve().then(i.bind(i,125)),Promise.resolve().then(i.bind(i,6339)),Promise.resolve().then(i.bind(i,6408)),Promise.resolve().then(i.bind(i,4864)),Promise.resolve().then(i.bind(i,5439)),Promise.resolve().then(i.bind(i,5207)),Promise.resolve().then(i.t.bind(i,1428,23)),Promise.resolve().then(i.t.bind(i,413,23)),Promise.resolve().then(i.t.bind(i,8326,23)),Promise.resolve().then(i.t.bind(i,9167,23))},3157:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return SkillList}});var n=i(7437),s=i(9075),r=i.n(s),o=i(6691),l=i.n(o),a=i(6028),c=i(2265);function SkillList(e){let{skills:t}=e,i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:640,[t,i]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{function handleResize(){i(window.innerWidth<=e)}return handleResize(),window.addEventListener("resize",handleResize),()=>{window.removeEventListener("resize",handleResize)}},[e]),t}(),s=(0,c.useRef)(null),[o,d]=(0,c.useState)(null),handleImageClick=e=>t=>{t.stopPropagation(),d(e)},closeTooltip=e=>{s.current&&!s.current.contains(e.target)&&d(null)};return((0,c.useEffect)(()=>{if(i)return document.addEventListener("click",closeTooltip),document.addEventListener("touchstart",closeTooltip),()=>{document.removeEventListener("click",closeTooltip),document.removeEventListener("touchstart",closeTooltip)}},[i]),t)?0===t.length?(0,n.jsx)("p",{children:"表示する技術がありません。"}):(0,n.jsx)("ul",{className:r().skillsContainer,children:t.map((e,t)=>i?(0,n.jsx)(a.e,{placement:"bottom",content:e.name,isOpen:o===t,children:(0,n.jsx)(l(),{className:r().devicon,src:e.image,alt:e.name,width:40,height:40,onClick:handleImageClick(t),ref:s},t)},t):(0,n.jsx)(a.e,{placement:"bottom",content:e.name,children:(0,n.jsx)(l(),{className:r().devicon,src:e.image,alt:e.name,width:40,height:40},t)},t))}):null}},8920:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return WorkSlider}});var n=i(7437);i(2265),i(8520),i(9499),i(5379);var s=i(4741),r=i(7269),o=i(4608),l=i.n(o),a=i(4318),c=i(4994),d=i(4042),m=i(1507),_=i(1763),h=i(1826),p=i(222),u=i(9605),b=i(1718),x=i(9571),k=i(2941),v=i(2913);function WorkModal(e){let{title:t,image:i,description:s,techs:r,link:o,isOpen:l,onClose:a}=e,onPressToWorkHandler=()=>{o&&window.open(o,"_blank")};return(0,n.jsx)(p.R,{size:"4xl",placement:"center",isOpen:l,onClose:a,children:(0,n.jsx)(u.A,{children:()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(b.k,{className:"flex flex-col gap-1",children:t}),(0,n.jsxs)(x.I,{children:[(0,n.jsx)("div",{className:"mx-auto my-auto",children:(0,n.jsx)(_.J,{alt:t,className:"object-cover rounded-xm border-2 mb-3 max-h-80",src:i})}),(0,n.jsx)("div",{className:"flex flex-wrap gap-1",children:r.map((e,t)=>(0,n.jsx)(k.z,{size:"sm",children:e},t))}),(0,n.jsx)("div",{className:"text-default-500 text-sm",children:s})]}),(0,n.jsx)(v.R,{children:o&&(0,n.jsx)(h.A,{radius:"full",name:t,className:"bg-gradient-to-r from-green-400 to-blue-500 text-white shadow-lg go-to-work-button",onPress:onPressToWorkHandler,children:"制作物へGO！"})})]})})})}function SlideItem(e){let{title:t,thumbnail:i,image:s,subtitle:r,de

1scription:o,techs:l,link:p}=e,{isOpen:u,onOpen:b,onClose:x}=(0,a.q)();return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(c.w,{className:"py-4",children:[(0,n.jsx)(d.u,{className:"pb-0 pt-2 px-4 flex-col items-start",children:(0,n.jsx)("h4",{className:"font-bold text-medium",children:t})}),(0,n.jsxs)(m.G,{className:"overflow-visible py-2",children:[(0,n.jsx)(_.J,{alt:t,className:"object-cover rounded-xl h-56 mb-3",src:i,width:270}),(0,n.jsx)("p",{className:"text-tiny uppercase font-bold mb-2",children:r}),s&&(0,n.jsx)(h.A,{radius:"full",name:t,className:"bg-gradient-to-tr from-pink-500 to-yellow-500 text-white shadow-lg work-detail-button",onClick:()=>{b()},children:"詳細を見る"})]})]}),s&&(0,n.jsx)(WorkModal,{title:t,image:s,description:o,techs:l,link:p,isOpen:u,onClose:x})]})}var g=i(1396),f=i.n(g);let j=[{title:"ポートフォリオサイト",thumbnail:"/pc-cat.png",image:"/works/main/portfolio.png",subtitle:"このサイト",description:"Next.js + TypeScript + Tailwind CSS + NextUI + microCMS + Vercel、なポートフォリオサイトです。",techs:["React","Next.js","TypeScript","Tailwind CSS","NextUI","microCMS","Vercel"],link:null},{title:"Pomodoro Adventure",thumbnail:"/works/thumbnails/pomonyan.gif",image:"/works/main/pomodoro-adventure.png",subtitle:"ポモドーロタイマー＆ログ可視化ツール",description:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("p",{children:"Pomodoro Adventure(ポモドーロアドベンチャー)はあなたの努力を視覚化するポモドーロツールです。"}),(0,n.jsx)("p",{children:"BGMやビジュアルによるモチベーションの向上、ログ・グラフによる努力の可視化でサポートします。"}),(0,n.jsx)("br",{}),(0,n.jsxs)("p",{children:["機能などの詳細は",(0,n.jsx)(f(),{href:"https://www.hisachii.com/articles/z_i7k76jm5j",target:"_blank",style:{color:"#1e90ff",textDecoration:"underline"},children:"こちら"})]}),(0,n.jsx)("br",{}),(0,n.jsx)("p",{children:"(※PCブラウザ専用)"})]}),techs:["React","Vite","TypeScript","Mantine","Chart.js","NestJS","GraphQL","Vercel","Firebase Authentication","Cloud Functions","GitHub Actions","Turborepo"],link:"https://pomodoro-adventure.vercel.app/"},{title:"Software Design連載",thumbnail:"/works/thumbnails/software-design.jpeg",image:"/works/thumbnails/software-design.jpeg",subtitle:"「はじめてのAIチャットボット開発」",description:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("p",{children:"Software Design 2021年1月号」より、「はじめてのAIチャットボット開発」を6ヶ月連載しました。"}),(0,n.jsx)("p",{children:"入門者向けに、LINEやWEBで動くAIチャットボットの完成を目指す内容です。 "})]}),techs:["執筆","Dialogflow","LINE Messaging API","Vue.js"],link:"https://gihyo.jp/magazine/SD/archive/2021/202101"},{title:"Comming Soom",thumbnail:"/works/thumbnails/coming-soon.png",image:null,subtitle:"準備中",description:"",techs:[],link:null}];function WorkSlider(){let e={dots:!0,infinite:!0,speed:500,autoplay:!0,centerMode:!0,slidesToShow:3,slidesToScroll:1,prevArrow:(0,n.jsx)(r.lq4,{}),nextArrow:(0,n.jsx)(r.UXX,{}),responsive:[{breakpoint:640,settings:{slidesToShow:1}}]};return(0,n.jsx)(s.Z,{...e,className:l().workSlider,children:j.map((e,t)=>(0,n.jsx)(SlideItem,{title:e.title,thumbnail:e.thumbnail,image:e.image,subtitle:e.subtitle,description:e.description,techs:e.techs,link:e.link},t))})}},5379:function(){},441:function(e){e.exports={list:"ArticleItem_list__0F_oT",link:"ArticleItem_link__iHnBf",image:"ArticleItem_image__ioKax",title:"ArticleItem_title__dFBoA",meta:"ArticleItem_meta__klhmj"}},7913:function(e){e.exports={button:"ButtonLink_button__nig3N"}},3298:function(e){e.exports={tag:"Category_tag__Q_aX1"}},5281:function(e){e.exports={date:"Date_date__ElJv4"}},649:function(e){e.exports={article:"ArticlesArea_article__h5_95",articleTitle:"ArticlesArea_articleTitle__BRExQ",articleLink:"ArticlesArea_articleLink___QZ4H"}},95:function(e){e.exports={careerImg:"CareerArea_careerImg__2X3oQ",career:"CareerArea_career__9u2Q0",careerDay:"CareerArea_careerDay__VACL3",careerDescription:"CareerArea_careerDescription__vET3g"}},1370:function(e){e.exports={links:"LinksArea_links__VFgGo",linksTitle:"LinksArea_linksTitle__GCmUz",linkContents:"LinksArea_linkContents__lRsTR"}},1501:function(e){e.exports={philosopyImg:"PhilosophyArea_philosopyImg__7xR08"}},9075:function(e){e.exports={skillsContainer:"SkillList_skillsContainer__MUQO1",devicon:"SkillList_devicon__ahQ74"}},5573:function(e){e.exports={container:"SkillTextList_container__Z2hj5",text:"SkillTextList_text__KdzdZ"}},1601:function(e){e.exports={skills:"SkillsArea_skills__jpHjY",skillsTitle:"SkillsArea_skillsTitle__6PlHq",skillsLink:"SkillsArea_skillsLink__IUIC_",skillsSentence:"SkillsArea_skillsSentence__rR1x0"}},7677:function(e){e.exports={top:"TopArea_top__QFvE2",avatar:"TopArea_avatar__XTaZU",title:"TopArea_title__cwwGv",slideIn:"TopArea_slideIn__tMooX",aka:"TopArea_aka__iKwiy",description:"TopArea_description__KCukE",fadeIn:"TopArea_fadeIn__1_oK5"}},4608:function(e){e.exports={workSlider:"WorkSlider_workSlider__5o0Or",sliderItem:"WorkSlider_sliderItem__9VLMT"}},328:function(e){e.exports={section:"page_section__zQZ2o",sectionTitleEn:"page_sectionTitleEn__KGc68",sectionTitleJa:"page_sectionTitleJa__oIZXx",sectionSlogan:"page_sectionSlogan__lKGho",sectionDescription:"page_sectionDescription__9_4_N",sectionCareer:"page_sectionCareer__thLjU",sentence:"page_sentence__cUkFs",horizontal:"page_horizontal___ZCkT",button:"page_button__52WaL",whiteArea:"page_whiteArea__RL9Kg"}}},function(e){e.O(0,[82,326,254,71,826,552,261,971,472,744],function(){return e(e.s=8201)}),_N_E=e.O()}]);