https://cofus.work/_next/static/chunks/pages/index-6175254db2169ba7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[332],{243:e=>{e.exports={list:"NewsList_list__ZdzMZ"}},725:(e,s,t)=>{"use strict";t.r(s),t.d(s,{__N_SSG:()=>ep,default:()=>ev});var l=t(7876),a=t(4232),i=t(9241),c=t(8722);let n=[{date:"1992/12",age:"0歳",content:"沖縄県浦添市生まれ"},{date:"2009",age:"16歳",content:"第二種電気工事士取得、シーケンス制御資格取得"},{date:"2010/08",age:"17歳",content:"アイデアロボットコンテスト県内優勝、全国大会出場"},{date:"2011/03",age:"18歳",content:"沖縄工業高校 電子機械科 卒業"},{date:"2011/04",age:"18歳",content:"沖縄県浦添市 → 千葉県船橋市"},{date:"2011/05",age:"18歳",content:'人生における生産物を管理する個人プロジェクト「COFUSプロジェクト」を開始<br>同時にブログ<a href="https://degitekunote.com/" target="_blank">degitekunote.com</a>を開設'},{date:"2013/03",age:"20歳",content:"千葉工業大学 工学部 電気電子情報工学科 中退"},{date:"2013/03",age:"20歳",content:"千葉県船橋市 → 沖縄県宜野湾市"},{date:"2013/03〜2015/02",age:"20歳〜22歳",content:"友人からヘルプで誘われイベント会社でアルバイト<br>イベント会場D、プロバスケットチームの会場ADを担当"},{date:"2015/03",age:"22歳",content:"沖縄県宜野湾市 → 沖縄県浦添市"},{date:"2015/03〜2019/05",age:"22歳〜26歳",content:"デジタルマーケティング会社の制作ユニットにてフロントエンドを担当<br>アルバイト→契約社員（本社異動）"},{date:"2017/09",age:"24歳",content:"沖縄県浦添市 → 大阪府大阪市中央区"},{date:"2019/08",age:"26歳",content:'個人事業主として開業<br>屋号名を<a href="https://cofus.work/news/opening-a-business/">COFUS</a>とし、大阪を中心にフロントエンド周りでの活動を開始'}];var r=t(3653),o=t.n(r);let d=(0,a.memo)(()=>{let[e,s]=(0,a.useState)(!1);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:o().inner,children:[(0,l.jsx)("h3",{className:o().title,children:(0,l.jsx)("span",{children:"経歴"})}),(0,l.jsx)("div",{className:(0,i.A)(o().list,e&&o()["list-open"]),children:n.map((e,s)=>(0,l.jsxs)("dl",{children:[(0,l.jsx)("dt",{dangerouslySetInnerHTML:{__html:e.date+`<span>(${e.age})</spam>`}}),(0,l.jsx)("dd",{dangerouslySetInnerHTML:{__html:e.content}})]},s))})]}),(0,l.jsx)(c.A,{active:e,className:o().button,onClick:()=>s(!e),text:e?"閉じる":"全部見る"})]})});var h=t(7771),_=t(4827),m=t(8230),u=t.n(m),x=t(7006),j=t.n(x);let p=(0,a.memo)(({className:e,title:s,link:t,isBlank:a=!1})=>(0,l.jsx)("div",{className:(0,i.A)(j().button,e),children:(0,l.jsx)(u(),{href:t,rel:a?"noopener noreferrer":"",target:a?"_blank":"",title:s,children:s})}));var v=t(9821),b=t(9127),g=t.n(b);let N=(0,a.memo)(()=>{let e=(0,a.useRef)(null),s=(0,a.useCallback)(()=>{e.current?.scrollIntoView({behavior:"smooth"})},[e]);return(0,l.jsx)(h.A,{id:"about",sectionRef:e,children:(0,l.jsxs)("div",{className:g().about,children:[(0,l.jsxs)("div",{className:g().inner,children:[(0,l.jsxs)("div",{className:g().head,children:[(0,l.jsx)(_.A,{addClassName:g().title,onClick:s,title:"何者ですか？"}),(0,l.jsxs)("p",{children:["1992年生まれ。沖縄県育ち、現在大阪暮らし。",(0,l.jsx)("br",{}),"フリーなフロントエンドエンジニアとしてコーディング案件をメインに行いながら、Web制作・プロダクト開発・Webサイトの保守運用やコンテンツ制作などの活動を行っています。",(0,l.jsx)("br",{}),"最近はめっきりWeb関連の制作活動が多いですが、元々は学生時代から工業系を生きており機械工作から電子工作・Web制作までの幅広い「ものづくり」に興味があります。"]})]}),(0,l.jsxs)("div",{className:g()["sns-list"],children:[(0,l.jsx)(p,{isBlank:!0,link:v.qx.X,title:"X（旧Twitter）"}),(0,l.jsx)(p,{link:"/products",title:"プロダクト一覧"}),(0,l.jsx)(p,{link:"/sitemap/#projects",title:"主要プロジェクト"})]})]}),(0,l.jsx)(d,{})]})})}),k=()=>(0,l.jsxs)("svg",{fill:"none",viewBox:"0 0 358 28",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:"フロントエンドエンジニア"}),(0,l.jsx)("path",{d:"M0.320007 0.429993V4.11999H13.37L3.02001 27.79H15.17L27.11 0.429993H0.320007Z",fill:"black"}),(0,l.jsx)("path",{d:"M31.79 0.429993V27.79H56.18V0.429993H31.79ZM47.45 24.49H40.52V3.72999H47.45V24.49Z",fill:"black"}),(0,l.jsx)("path",{d:"M75.53 0.429993L65.99 24.1H60.32V27.79H76.61L87.68 0.429993H75.53ZM67.97 0.429993H60.32V4.11999H67.97V0.429993Z",fill:"black"}),(0,l.jsx)("path",{d:"M116.18 13.48L102.83 10.24V0.429993H91.79V27.79H102.83V14.38L116.18 17.65V13.48Z",fill:"black"}),(0,l.jsx)("path",{d:"M147.68 24.1H139.01V4.11999H146.18V0.429993H121.79V4.11999H128.96V24.1H120.32V27.79H147.68V24.1Z",fill:"black"}),(0,l.jsx)("path",{d:"M165.53 0.429993L155.99 24.1H150.32V27.79H166.61L177.68 0.429993H165.53ZM157.97 0.429993H150.32V4.11999H157.97V0.429993Z",fill:"black"}),(0,l.jsx)("path",{d:"M203.84 7.05999H201.2V0.429993H203.84V7.05999ZM207.68 7.05999H205.01V0.429993H207.68V7.05999ZM206.18 13.48L192.83 10.24V0.429993H181.79V27.79H192.83V14.38L206.18 17.65V13.48Z",fill:"black"}),(0,l.jsx)("path",{d:"M237.68 24.1H229.01V4.11999H236.18V0.429993H211.79V4.11999H218.96V24.1H210.32V27.79H237.68V24.1Z",fill:"black"}),(0,l.jsx)("path",{d:"M255.53 0.429993L245.99 24.1H240.32V27.79H256.61L267.68 0.429993H255.53ZM247.97 0.429993H240.32V4.11999H247.97V0.429993Z",fill:"black"}),(0,l.jsx)("path",{d:"M285.53 0.429993L275.99 24.1H270.32V27.79H286.61L297.68 0.429993H285.53ZM277.97 0.429993H270.32V4.11999H277.97V0.429993ZM277.97 8.13999H270.32V11.83H277.97V8.13999ZM293.84 27.79H291.2V21.16H293.84V27.79ZM297.68 27.79H295.01V21.16H297.68V27.79Z",fill:"black"}),(0,l.jsx)("path",{d:"M327.68 27.79H300.32V24.1H327.68V27.79ZM326.18 4.11999H301.79V0.429993H326.18V4.11999Z",fill:"black"}),(0,l.jsx)("path",{d:"M330.32 0.429993V4.11999H350.09L348.65 9.00999H355.16L357.68 0.429993H330.32ZM343.55 27.79L348.23 9.00999H337.01L332.3 27.79H343.55Z",fill:"black"})]}),P=()=>(0,l.jsxs)("svg",{viewBox:"0 0 232.01 76.36",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:"比嘉翼（ひがつばさ）です。"}

1),(0,l.jsx)("path",{d:"m160.9,48.74l.36,3.92c4.03-.86,12.42-1.73,16.06-2.09-2.92,1.91-6.12,6.26-6.12,11.7,0,7.92,7.38,11.7,14.44,12.06l1.3-3.85c-5.94-.25-12.06-2.45-12.06-9,0-4.25,3.17-9.4,7.96-10.84,1.87-.47,5-.5,7.02-.5v-3.64c-2.48.07-6.08.29-9.94.61-6.62.58-13.03,1.19-15.66,1.44-.72.07-1.98.14-3.35.18Zm23.76,5.4l-2.16.94c1.08,1.55,2.02,3.2,2.88,5.04l2.23-1.01c-.76-1.51-2.09-3.71-2.95-4.97Zm4-1.55l-2.16.97c1.15,1.55,2.09,3.13,3.02,4.97l2.2-1.04c-.79-1.51-2.2-3.67-3.06-4.9Z"}),(0,l.jsx)("path",{d:"m213.6,44.13h-4.14c.07.36.18,1.48.29,2.63.04.43.04,1.04.07,1.84-5.15.07-11.84.25-15.91.32l.11,3.46c4.46-.29,10.37-.5,15.84-.58,0,1.04.04,2.12.04,3.06-.61-.18-1.3-.25-2.02-.25-3.64,0-6.7,2.7-6.7,6.48,0,4.1,3.13,6.26,6.05,6.26.94,0,1.8-.18,2.52-.54-1.73,2.77-5.04,4.36-9.29,5.29l3.06,3.02c8.53-2.48,11.09-8.14,11.09-12.92,0-1.84-.43-3.49-1.26-4.79,0-1.62,0-3.71-.04-5.65,5.22,0,8.64.07,10.76.18l.07-3.38h-10.8c0-.72,0-1.37.04-1.8,0-.5.11-2.16.22-2.63Zm-9.04,16.88c0-2.16,1.62-3.38,3.28-3.38,1.19,0,2.23.54,2.81,1.73.47,3.38-.94,4.86-2.81,4.86-1.73,0-3.28-1.22-3.28-3.2Z"}),(0,l.jsx)("path",{d:"m226.4,64c-3.1,0-5.65,2.56-5.65,5.65s2.56,5.62,5.65,5.62,5.62-2.52,5.62-5.62-2.48-5.65-5.62-5.65Zm0,9.11c-1.91,0-3.46-1.55-3.46-3.46s1.55-3.46,3.46-3.46,3.46,1.55,3.46,3.46-1.55,3.46-3.46,3.46Z"}),(0,l.jsx)("path",{d:"m15.61,2.42l.16,2.08c.35-.06.61-.1.96-.14.46-.06,1.47-.18,2.1-.24-1.49,1.9-2.58,3.84-2.58,6.45,0,2.91,2.19,4.32,4.75,4.32,4.48,0,5.73-3.46,5.5-7.1.54.94,1.12,1.76,1.78,2.5l1.3-1.86c-2.45-2.26-3.1-4.8-3.41-6.8l-2.03.56c.1.29.19.58.29.86,1.28,5.86.18,9.68-3.38,9.68-1.54,0-2.74-.74-2.74-2.61,0-3.07,2.14-5.54,3.25-6.37.24-.14.56-.26.8-.35l-.59-1.78c-1.07.38-3.73.74-5.25.8-.3.02-.62.02-.91,0Z"}),(0,l.jsx)("path",{d:"m72.48,1.33l-2.38-.24c.03,1.01-.11,2.18-.34,3.38-.82.08-1.57.13-2.06.14-.59.02-1.12.05-1.71,0l.19,2.18c.5-.08,1.33-.19,1.79-.27.29-.03.8-.1,1.38-.16-.59,2.19-1.7,5.42-3.25,7.52l2.08.83c1.47-2.35,2.66-6.14,3.26-8.58.46-.03.86-.06,1.12-.06.99,0,1.55.18,1.55,1.46,0,1.58-.22,3.52-.66,4.43-.26.53-.66.69-1.2.69-.42,0-1.34-.16-1.95-.34l.34,2.11c.54.11,1.31.22,1.92.22,1.22,0,2.1-.35,2.62-1.47.69-1.39.91-3.98.91-5.87,0-2.3-1.2-3.06-2.9-3.06-.34,0-.8.03-1.34.06.11-.58.24-1.17.34-1.65.08-.4.19-.91.29-1.33Zm7.12-1.33l-1.28.51c.45.61.96,1.55,1.3,2.21l1.26-.54c-.27-.56-.86-1.57-1.28-2.18Zm-1.9.72l-1.26.53c.37.51.77,1.28,1.09,1.89l-1.44.62c1.14,1.41,2.27,4.22,2.69,6l2.03-.93c-.45-1.42-1.65-4.1-2.61-5.58l.78-.34c-.3-.59-.88-1.6-1.28-2.19Z"}),(0,l.jsx)("path",{d:"m99.06,5.09l.91,2.24c1.66-.72,5.46-2.32,7.81-2.32,1.92,0,2.96,1.15,2.96,2.66,0,2.78-3.39,4.03-7.73,4.14l.93,2.13c5.63-.29,9.09-2.61,9.09-6.24,0-2.96-2.27-4.62-5.17-4.62-2.34,0-5.6,1.15-6.83,1.54-.58.16-1.38.38-1.97.48Z"}),(0,l.jsx)("path",{d:"m121.34,11.95c0-.61.62-.98,1.52-.98.45,0,.86.06,1.3.19v.27c0,.94-.34,1.46-1.33,1.46-.85,0-1.49-.29-1.49-.94Zm4.75-10.43h-2.29c.06.3.11.8.11,1.06.02.34.02.98.02,1.76-.37.02-.75.02-1.12.02-.96,0-1.89-.05-2.8-.13l.02,1.9c.93.06,1.86.1,2.78.1.37,0,.75-.02,1.14-.02.02,1.14.08,2.3.13,3.28-.34-.05-.69-.06-1.06-.06-2.18,0-3.55,1.12-3.55,2.75s1.38,2.61,3.58,2.61,3.04-1.09,3.12-2.62c.64.43,1.3.98,1.97,1.6l1.07-1.68c-.75-.69-1.76-1.52-3.1-2.06-.06-1.09-.14-2.37-.18-3.92.88-.06,1.73-.16,2.51-.27v-1.97c-.78.16-1.63.27-2.5.35,0-.7.03-1.31.05-1.66.

102-.34.05-.72.1-1.02Zm-7.81.16l-2.21-.18c-.02.51-.1,1.12-.14,1.57-.19,1.23-.67,4.26-.67,6.67,0,2.16.3,4,.64,5.1l1.79-.13c-.02-.22-.02-.5-.02-.67-.02-.16.03-.51.08-.74.18-.88.7-2.5,1.15-3.82l-.99-.77c-.22.53-.5,1.07-.7,1.63-.05-.32-.06-.74-.06-1.04,0-1.6.51-5.12.75-6.19.06-.29.26-1.1.38-1.44Zm9.12-.8l-1.09.34c.32.64.59,1.52.82,2.21l1.12-.37c-.19-.62-.54-1.55-.85-2.18Zm1.65-.51l-1.09.34c.32.64.62,1.5.86,2.19l1.1-.35c-.21-.61-.58-1.55-.88-2.18Z"}),(0,l.jsx)("path",{d:"m138.31,2.5c.1.27.19.61.32.98-1.7.11-3.74.06-6.14-.22l.03,2.05c2.74.22,4.93.21,6.83.06.45,1.07,1.02,2.13,1.5,2.9-.5-.03-1.55-.13-2.34-.19l-.16,1.7c1.34.11,3.36.32,4.26.5l.99-1.44c-.29-.32-.59-.67-.86-1.07-.4-.58-.96-1.57-1.42-2.61,1.01-.14,2.03-.34,2.85-.58l-.26-2.02c-1.01.3-2.13.56-3.28.74-.27-.8-.51-1.66-.67-2.51l-2.16.26c.21.53.38,1.1.51,1.47Zm-2.62,6.21l-2-.46c-.54,1.09-.85,2-.85,2.98,0,2.3,2.06,3.57,5.33,3.58,1.95,0,3.39-.21,4.3-.38l.11-2.02c-1.14.22-2.54.38-4.29.38-2.19,0-3.39-.58-3.39-1.92,0-.7.27-1.41.78-2.16Z"}),(0,l.jsx)("path",{d:"m12.45,50.11h9.9v-5.8h-9.9v-14.25h-6.2v37.8c-2.3.45-4.4.85-6.25,1.15l1.65,6.1c6.15-1.3,14.3-3.1,21.85-4.85l-.55-5.85c-3.45.75-7.05,1.55-10.5,2.25v-16.55Zm21.1,19.55c-1.9,0-2.15-.4-2.15-3.25v-14.5c4.85-1.85,10.1-4,14.45-6.35l-4.1-5.2c-2.75,1.9-6.5,4-10.35,5.8v-16.1h-6.15v36.3c0,7.1,1.6,9.1,7.4,9.1h6.9c5.35,0,6.9-3.25,7.5-11.7-1.65-.4-4.15-1.55-5.55-2.6-.35,6.8-.65,8.5-2.5,8.5h-5.45Z"}),(0,l.jsx)("path",{d:"m87.55,67.51v3.4h-7.1v-3.4h7.1Zm-12.35,8.65h5.25v-1.2h7.1v1.15h5.5v-12.65h-17.85v12.7Zm3.7-21.45c-.35.8-.8,1.8-1.15,2.7l.55.1h-10.65l1.4-.25c-.2-.8-.75-1.8-1.4-2.55h11.25Zm-17.3-6.25h23v2.5h-23v-2.5Zm23.15,6.25h5.65v-10.1h-34.3v10.1h7.5l-2,.25c.5.7,1,1.7,1.3,2.55h-11.75v4.35h7.95c-.05.8-.15,1.55-.3,2.25h-6.9v4.15h5.2c-1.3,1.8-3.5,3.15-7.25,4.1,1,.95,2.2,2.7,2.7,3.9,5.9-1.7,8.75-4.3,10.25-8h4.7c-.3,2-.65,3-1,3.4-.35.4-.7.45-1.35.45s-2.15-.05-3.8-.25c.65,1.2,1.15,2.95,1.2,4.25,2.2.1,4.15.1,5.25,0,1.25-.15,2.3-.45,3.15-1.4,1.1-1.05,1.65-3.55,2.1-8.8.1-.65.15-1.8.15-1.8h-9.3c.15-.7.25-1.45.3-2.25h30.9v-4.35h-11.4c.5-.75,1.1-1.6,1.75-2.7l-.7-.1Zm-8.75-22.35v-2.8h-6v2.8h-18.8v4.3h18.8v2h-15.2v4.1h37v-4.1h-15.8v-2h19.4v-4.3h-19.4Z"}),(0,l.jsx)("path",{d:"m118.9,64.01h8.3v1.7h-8.3v-1.7Zm0-5.3h8.3v1.65h-8.3v-1.65Zm-7.65-5.15h8.9v1.75h-8.9v-1.75Zm0-4.9h8.9v1.7h-8.9v-1.7Zm23.6,1.7h-9.15v-1.7h9.15v1.7Zm0,4.95h-9.15v-1.75h9.15v1.75Zm-20.85-17.45c-1.7.5-3.45.95-5.05,1.45l2.05-1.95c-.75-.75-2-1.65-3.25-2.45h7.95v6.85c0,.45-.15.55-.6.55-.45.05-1.75.05-2.95-.05l2.45-.85-.6-3.55Zm31.5,31.65v-3.8h-12.5v-1.7h10.65v-3.65h-10.65v-1.65h7.55v-12.6c.5-.1,1-.25,1.4-.45,1.5-.7,1.85-1.7,1.85-3.9v-10.85h-20.65v4h3.3l-1.5,1.35c1.5.9,3.35,2.2,4.6,3.2-2.55.7-4.95,1.35-6.8,1.8l2.05,4c3.5-1.1,7.85-2.6,12-4.05l-.65-3.55c-1.6.45-3.2.9-4.75,1.3l1.75-1.7c-.8-.7-2.05-1.6-3.3-2.35h8.45v6.85c0,.45-.15.55-.6.55-.45.05-1.85.05-3.1-.05.45.85.9,2,1.2,3.05h-16c1-.7,1.25-1.65,1.25-3.55v-10.85h-19.9v4h3.45l-1.6,1.4c1.55.95,3.5,2.3,4.65,3.35-2.55.7-4.9,1.3-6.75,1.75l1.85,4c2.75-.85,6-1.95,9.25-3.1.45.85.9,1.95,1.2,3h-7.45v13.4h7.45v1.65h-10.45v3.65h10.45v1.7h-12.35v3.8h11.45c-3.35,1.2-7.8,2.15-12,2.75,1.25.95,3.25,3,4.2,4.1,5.25-1.2,11.7-3.2,15.75-5.8l-2.6-1.05h11.05l-2.6,1.9c5.55,1.45,11.05,3.35,14.2,4.8l5.45-3.1c-2.75-1.05-6.95-2.4-11.15-3.6h10.9Z"})]});var H=t(8274),Z=t(5871),A=t.n(Z);let V=(0,a.memo)(()=>(0,l.jsx)("div",{className:A().kv,children:(0,l.jsx)(H.A,{children:(0,l.jsxs)("h1",{className:A().title,children:[(0,l.jsx)("span",{className:A().employ,children:(0,l.jsx)(k,{})}),(0,l.jsxs)("span",{className:A().name,children:[(0,l.jsx)(P,{}),(0,l.jsx)("span",{className:A().cursor})]})]})})}));var w=t(6545),f=t(243),y=t.n(f);let S=(0,a.memo)(({data:e,HLevel:s="h3",viewLang:t})=>(0,l.jsx)("div",{className:y().list,children:e.contents.map(e=>(0,l.jsx)(w.A,{HLevel:s,item:e,viewLang:t},e.id))}));var M=t(3677),L=t(3266),C=t(3452),z=t.n(C);let I=(0,a.memo)(({data:e})=>{let[s,t]=(0,a.useState)("ja");if(!e)return(0,l.jsx)("div",{children:"コンテンツが存在しません"});let i=e.contents.some(e=>e.translations);return(0,l.jsx)(h.A,{id:"news",title:"お知らせ",titleAside:i&&(0,l.jsx)(M.A,{onChange:t,value:s}),children:(0,l.jsxs)("div",{className:z().inner,children:[(0,l.jsx)(S,{data:e,viewLang:s}),(0,l.jsx)(L.A,{className:z().button,link:"/news/",title:"全部見る"})]})})});var E=t(7119),B=t(9825),W=t.n(B),T=t(9205),$=t.n(T);let D=(0,a.memo)(({item:e})=>{let{name:s,images:t,title:a,text:i,link:c}=e,{src:n,size:r}=t;return(0,l.jsxs)("div",{className:$().item,children:[(0,l.jsx)("div",{className:$()["image-area"],children:(0,l.jsx)(W(),{alt:a,className:$()[s],height:r.h,src:n,width:r.w})}),(0,l.jsxs)("div",{className:$().detail,children:[(0,l.jsx)("h3",{className:$().title,children:a}),(0,l.jsx)("p",{className:$().text,children:i})]}),c&&(0,l.jsx)(L.A,{className:$().link,isBlank:c.href.startsWith("http"),link:c.href,size:"small",title:c.label})]})}),K=[{name:"static",images:{src:"/assets/images/top/img__possible-list-static.svg",size:{w:220,h:166}},title:"静的サイト構築",text:"モダンなフロントエンド環境で、表示速度や保守性、アクセシビリティに配慮した静的サイトを構築します。"},{name:"dynamic",images:{src:"/assets/images/top/img__possible-list-dynamic.svg",size:{w:253,h:191}}

1,title:"CMS構築",text:"WordPressやmicroCMSなどのヘッドレスCMSを用いて、更新しやすいサイトの仕組みを構築します。"},{name:"renewal",images:{src:"/assets/images/top/img__possible-list-renewal.svg",size:{w:253,h:191}},title:"既存サイト改修",text:"既存サイトのリニューアルや機能追加、表示パフォーマンスの改善などを行います。"},{name:"product",images:{src:"/assets/images/top/img__possible-list-product.png",size:{w:205,h:153}},title:"プロダクト開発",text:"ブラウザ拡張機能やWebサービス、開発者向けパッケージなど、自社プロダクトの企画から開発・運用までを行っています。",link:{href:"/products",label:"これまで開発してきた<br>プロダクト一覧"}},{name:"maintenance",images:{src:"/assets/images/top/img__possible-list-maintenance.svg",size:{w:236,h:178}},title:"保守運用",text:"公開後のサイトの更新作業や依存パッケージのアップデート、不具合対応など、継続的な保守運用を行います。"},{name:"content",images:{src:"/assets/images/top/img__possible-list-content.png",size:{w:130,h:116}},title:"コンテンツ制作",text:"ブログ記事やレビューコンテンツの制作、企業・サービスとのコラボ企画などを行っています。"}];var U=t(1523),O=t.n(U);let X=(0,a.memo)(()=>(0,l.jsx)(h.A,{id:"possible",title:"私が出来ること",children:(0,l.jsx)("div",{className:O().list,children:K.map((e,s)=>(0,l.jsx)(D,{item:e},s))})}));var F=t(7638),G=t(6543),R=t(6974),J=t(6539),Q=t(9011),Y=t(4721),q=t(999),ee=t(2257),es=t.n(ee);let et=({item:e,bundle:s})=>{let[t,i]=(0,a.useState)(e.id),c=s?.find(({product:e})=>e.id===t)?.product??e,{id:n,isFeatured:r,icon:o,siteUrl:d}=e,{name:h,category:_,year:m,screenshots:x,desc:j,links:p}=c,v=x?.[0]??q.g;return(0,l.jsxs)("li",{className:es().item,children:[(0,l.jsxs)("div",{className:es().detail,children:[(0,l.jsxs)("div",{className:es().headline,children:[(0,l.jsx)(Q.A,{className:es().icon,icon:o,url:d}),(0,l.jsxs)("div",{className:es()["headline-text"],children:[(0,l.jsxs)("div",{className:es().badges,children:[r&&(0,l.jsx)("span",{className:es().featured,children:"今開発に熱中"}),(0,l.jsx)("span",{className:es().category,children:_}),(0,l.jsx)("span",{className:es().year,children:m})]}),(0,l.jsx)("h3",{className:es().name,children:e.name})]})]}),s&&(0,l.jsx)(Y.A,{bundle:s,currentId:c.id,onSelect:i}),(0,l.jsx)(J.A,{className:es().desc,html:j}),(0,l.jsxs)("ul",{className:es().links,children:[p.map(e=>(0,l.jsx)("li",{children:(0,l.jsxs)("a",{className:es().external,href:e.url,rel:"noopener noreferrer",target:"_blank",title:`${h} - ${e.label}`,children:[e.label,(0,l.jsx)(R.A,{})]})},e.url)),(0,l.jsx)("li",{children:(0,l.jsxs)(u(),{className:es().more,href:`/products#product-${n}`,title:`${e.name} - 詳しく見る`,children:["詳しく見る",(0,l.jsx)(F.A,{})]})})]})]}),(0,l.jsx)("div",{className:es().thumb,children:(0,l.jsx)("img",{alt:`${h}のスクリーンショット`,loading:"lazy",src:v})})]})},el=(0,a.memo)(({items:e,total:s,openCount:t})=>(0,l.jsx)(h.A,{id:"products",title:"プロダクト",children:(0,l.jsxs)("div",{className:es().inner,children:[(0,l.jsxs)("div",{className:es().head,children:[(0,l.jsxs)("p",{className:es().meta,children:["開発してきたプロダクト：",(0,l.jsx)("span",{className:es().number,children:s}),(0,l.jsx)("span",{className:es().unit,children:"件"}),"／公開・運用中：",(0,l.jsx)("span",{className:es().number,children:t}),(0,l.jsx)("span",{className:es().unit,children:"件"})]}),(0,l.jsxs)(u(),{className:es()["head-link"],href:"/products",children:["すべてのプロダクトを見る",(0,l.jsx)(G.A,{})]})]}),(0,l.jsx)("ul",{className:es().list,children:e.map(({product:e,bundle:s})=>(0,l.jsx)(et,{bundle:s,item:e},e.id))}),(0,l.jsx)(L.A,{className:es().button,link:"/products/",title:"プロダクト一覧を見る"})]})}));var ea=t(5087),ei=t(4560),ec=t.n(ei);let en=(0,a.memo)(()=>(0,l.jsxs)(u(),{className:ec().button,href:"/works",title:"非開示案件を含むクライアントワーク一覧へ",children:[(0,l.jsx)("span",{children:"非開示案件を含むクライアントワーク一覧へ"}),(0,l.jsx)(ea.A,{})]}));var er=t(2906),eo=t(9691),ed=t(5747),eh=t.n(ed);let e_=(0,a.memo)(({data:e,summary:s})=>e?(0,l.jsx)(h.A,{id:"works",title:"クライアントワーク",children:(0,l.jsxs)("div",{className:eh().inner,children:[(0,l.jsxs)("div",{className:eh().head,children:[(0,l.jsx)(eo.A,{data:e}),(0,l.jsx)(en,{})]}),(0,l.jsx)(er.A,{data:e,summary:s,variant:"top"})]})}):(0,l.jsx)("div",{children:"コンテンツが存在しません"}));var em=t(5244),eu=t(8914),ex=t(7628),ej=t(5776),ep=!0;let ev=({worksData:e,worksSummary:s,newsData:t,pickupProducts:a,productsCount:i})=>{let{title:c,description:n}=(0,ej.A)("top");return(0,l.jsxs)(eu.A,{children:[(0,l.jsx)(E.A,{description:n,title:c}),(0,l.jsx)("main",{children:(0,l.jsxs)(em.A,{children:[(0,l.jsx)(V,{}),(0,l.jsx)(H.A,{children:(0,l.jsxs)(ex.A,{isHome:!0,children:[(0,l.jsx)(N,{}),(0,l.jsx)(X,{}),(0,l.jsx)(e_,{data:e,summary:s}),a.length>0&&(0,l.jsx)(el,{items:a,openCount:i.open,total:i.total}),(0,l.jsx)(I,{data:t})]})})]})})]})}},999:(e,s,t)=>{"use strict";t.d(s,{A:()=>m,g:()=>_});

1var l=t(7876),a=t(7002),i=t(6543),c=t(5328),n=t(9564),r=t(9241),o=t(4232),d=t(6347),h=t.n(d);let _="/images/products/no-image.png",m=(0,o.memo)(({name:e,shots:s})=>{let[t,d]=(0,o.useState)(0),[m,u]=(0,o.useState)(0),x=(0,o.useRef)(null),j=(0,o.useRef)(null),p=s.length,v=p>1,b=e=>(e%p+p)%p,g=e=>{m||(u(e),window.setTimeout(()=>{d(s=>b(s+e)),u(0)},200))};(0,o.useEffect)(()=>{let e=j.current;if(!e||p<2)return;let t=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(s.forEach(e=>{new Image().src=e}),t.disconnect())});return t.observe(e),()=>t.disconnect()},[s,p]),(0,o.useEffect)(()=>{let e=x.current;if(!e||!v)return;let s=e=>{"ArrowLeft"===e.key&&d(e=>b(e-1)),"ArrowRight"===e.key&&d(e=>b(e+1))};return e.addEventListener("keydown",s),()=>e.removeEventListener("keydown",s)},[v,p]);let N=`${t+1} / ${p}`;return 0===p?(0,l.jsx)("div",{className:h().shots,children:(0,l.jsx)("div",{className:h().stage,children:(0,l.jsx)("div",{className:h().front,children:(0,l.jsx)("img",{alt:"",loading:"lazy",src:_})})})}):(0,l.jsxs)("div",{className:h().shots,ref:j,children:[(0,l.jsx)("div",{className:h().stage,children:(0,l.jsxs)("div",{className:h().stack,children:[v&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{"aria-hidden":"true",className:(0,r.A)(h().sheet,h()["sheet-back"])}),(0,l.jsx)("span",{"aria-hidden":"true",className:(0,r.A)(h().sheet,h()["sheet-middle"])})]}),(0,l.jsxs)("button",{"aria-label":`${e}のスクリーンショットを拡大`,className:h().front,onClick:()=>x.current?.showModal(),style:m?{opacity:0,transform:`translateX(${-28*m}px) rotate(${-4*m}deg)`}:void 0,type:"button",children:[(0,l.jsx)("img",{alt:`${e}のスクリーンショット`,loading:"lazy",src:s[t]}),(0,l.jsx)("span",{"aria-hidden":"true",className:h().zoom,children:(0,l.jsx)(n.A,{})})]})]})}),v&&(0,l.jsxs)("div",{className:h().controls,children:[(0,l.jsx)("button",{"aria-label":"前のスクリーンショット",className:h().arrow,onClick:()=>g(-1),type:"button",children:(0,l.jsx)(a.A,{})}),(0,l.jsx)("div",{className:h().dots,children:s.map((e,s)=>(0,l.jsx)("button",{"aria-current":s===t,"aria-label":`${s+1}枚目`,className:(0,r.A)(h().dot,s===t&&h().active),onClick:()=>d(s),type:"button"},e))}),(0,l.jsx)("span",{className:h().count,children:N}),(0,l.jsx)("button",{"aria-label":"次のスクリーンショット",className:h().arrow,onClick:()=>g(1),type:"button",children:(0,l.jsx)(i.A,{})})]}),(0,l.jsxs)("dialog",{"aria-label":"スクリーンショットの拡大表示",className:h().dialog,onClick:e=>e.target===e.currentTarget&&x.current?.close(),ref:x,children:[(0,l.jsx)("button",{"aria-label":"閉じる",className:h().close,onClick:()=>x.current?.close(),type:"button",children:(0,l.jsx)(c.A,{})}),(0,l.jsx)("img",{alt:`${e}のスクリーンショット ${t+1}枚目`,className:h()["dialog-image"],loading:"lazy",src:s[t]}),v&&(0,l.jsxs)("div",{className:h()["dialog-controls"],children:[(0,l.jsx)("button",{"aria-label":"前のスクリーンショット",className:h()["dialog-arrow"],onClick:()=>d(e=>b(e-1)),type:"button",children:(0,l.jsx)(a.A,{})}),(0,l.jsx)("span",{className:h()["dialog-count"],children:N}),(0,l.jsx)("button",{"aria-label":"次のスクリーンショット",className:h()["dialog-arrow"],onClick:()=>d(e=>b(e+1)),type:"button",children:(0,l.jsx)(i.A,{})})]})]})]})})},1071:e=>{e.exports={desc:"ProductDesc_desc__HF9m9"}},1523:e=>{e.exports={list:"Possible_list__pva1R"}},2257:e=>{e.exports={inner:"ProductsPickup_inner__Ngrgx",head:"ProductsPickup_head__MGfNl",meta:"ProductsPickup_meta__WFECI",number:"ProductsPickup_number__753uk",unit:"ProductsPickup_unit__CfHnK","head-link":"ProductsPickup_head-link__3nfox",list:"ProductsPickup_list__2Xw6l",item:"ProductsPickup_item__vhBgN",detail:"ProductsPickup_detail__eYoft",headline:"ProductsPickup_headline__yVW89",icon:"ProductsPickup_icon__sG6nc","headline-text":"ProductsPickup_headline-text__nCWW9",badges:"ProductsPickup_badges__Px0AY",featured:"ProductsPickup_featured__TbS9P",category:"ProductsPickup_category__pEVSM",year:"ProductsPickup_year__uTEki",name:"ProductsPickup_name__lOod

1x",desc:"ProductsPickup_desc__HX9oW",links:"ProductsPickup_links__Hnz_P",external:"ProductsPickup_external__vgrWU",more:"ProductsPickup_more__DZE89",thumb:"ProductsPickup_thumb__jWMCM",button:"ProductsPickup_button__xABEQ"}},3452:e=>{e.exports={inner:"News_inner__y6G88",list:"News_list__DHxDM",button:"News_button__nzoaj"}},3653:e=>{e.exports={inner:"CareerList_inner__3AC37",title:"CareerList_title__XA27j",list:"CareerList_list__JXsb5","list-open":"CareerList_list-open__4zTu2",button:"CareerList_button__2fAoQ"}},4343:e=>{e.exports={globe:"ProductIcon_globe__E6tZ0"}},4560:e=>{e.exports={button:"WorksLogin_button__44KOB"}},4721:(e,s,t)=>{"use strict";t.d(s,{A:()=>o});var l=t(7876),a=t(9241),i=t(4232),c=t(9011),n=t(6817),r=t.n(n);let o=(0,i.memo)(({bundle:e,currentId:s,onSelect:t})=>(0,l.jsx)("div",{className:r().tabs,role:"tablist",children:e.map(({label:e,product:i})=>(0,l.jsxs)("button",{"aria-selected":i.id===s,className:(0,a.A)(r().tab,i.id===s&&r().active),onClick:()=>t(i.id),role:"tab",type:"button",children:[(0,l.jsx)(c.A,{className:r().icon,icon:i.icon,url:i.siteUrl}),e]},i.id))}))},5747:e=>{e.exports={inner:"Works_inner__QnjJG",head:"Works_head__MpVMz"}},5871:e=>{e.exports={kv:"KV_kv__LwC6A",title:"KV_title__EyTx8",employ:"KV_employ__JCKkD",name:"KV_name__Bny6U",cursor:"KV_cursor__3_bYM",blink:"KV_blink__UJYtV"}},6347:e=>{e.exports={shots:"ProductsShots_shots__kFJJ4",stage:"ProductsShots_stage__jBANy",stack:"ProductsShots_stack__fszzn",sheet:"ProductsShots_sheet__o9aUo","sheet-back":"ProductsShots_sheet-back__KZ0Lz","sheet-middle":"ProductsShots_sheet-middle__JlZuz",front:"ProductsShots_front__pDSZO",zoom:"ProductsShots_zoom__OCjXE",controls:"ProductsShots_controls__QaMcB",arrow:"ProductsShots_arrow__YvhNf",dots:"ProductsShots_dots__Dj54F",dot:"ProductsShots_dot__LEpjo",active:"ProductsShots_active__0DwbD",count:"ProductsShots_count__eqL_l",dialog:"ProductsShots_dialog__WK5VB",close:"ProductsShots_close__dRH9j","dialog-arrow":"ProductsShots_dialog-arrow__i2ibG","dialog-image":"ProductsShots_dialog-image__Sihx0","dialog-controls":"ProductsShots_dialog-controls__YVgeY","dialog-count":"ProductsShots_dialog-count__Qh_rR"}},6539:(e,s,t)=>{"use strict";t.d(s,{A:()=>r});var l=t(7876),a=t(9241),i=t(4232),c=t(1071),n=t.n(c);let r=(0,i.memo)(({html:e,className:s})=>(0,l.jsx)("div",{className:(0,a.A)(n().desc,s),dangerouslySetInnerHTML:{__html:e}}))},6760:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(725)}])},6817:e=>{e.exports={tabs:"ProductsBundleTabs_tabs__82ahh",tab:"ProductsBundleTabs_tab__d4Gyt",active:"ProductsBundleTabs_active__MK0lH",icon:"ProductsBundleTabs_icon__oiByp"}},7006:e=>{e.exports={button:"LinkButtonSquare_button__vfS77"}},9011:(e,s,t)=>{"use strict";t.d(s,{A:()=>h});var l=t(7876),a=t(298),i=t(9241),c=t(4232),n=t(6472),r=t(4343),o=t.n(r);let d=({url:e,className:s})=>{let{faviconUrl:t,onError:c}=(0,n.A)(e??"");return t?(0,l.jsx)("img",{alt:"",className:s,loading:"lazy",onError:c,src:t}):(0,l.jsx)("span",{"aria-hidden":"true",className:(0,i.A)(s,o().globe),children:(0,l.jsx)(a.A,{})})},h=(0,c.memo)(({icon:e,url:s,className:t})=>e?(0,l.jsx)("img",{alt:"",className:t,loading:"lazy",src:e}):(0,l.jsx)(d,{className:t,url:s}))},9127:e=>{e.exports={about:"About_about__Bt6iQ",inner:"About_inner__4TroP",head:"About_head__DIi_H",title:"About_title__z0p2S","sns-list":"About_sns-list__RaltL"}},9205:e=>{e.exports={item:"PossibleItem_item___N13t","image-area":"PossibleItem_image-area__BsCEh",static:"PossibleItem_static__v3U5Q",dynamic:"PossibleItem_dynamic__jUcF1",renewal:"PossibleItem_renewal__loHGU",maintenance:"PossibleItem_maintenance__O7W9i",detail:"PossibleItem_detail__hfqpJ",title:"PossibleItem_title__wHmDI",text:"PossibleItem_text__1GNtU",link:"PossibleItem_link__lpwdq"}}},e=>{e.O(0,[154,50,86,600,260,89,48,636,593,792],()=>e(e.s=6760)),_N_E=e.O()}]);