https://foriio.com/assets/js/components-WhatIsPortfolio-Interview.236079d6f43927a807b6.bundle.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3116],{25858:(e,t,n)=>{var i="Expected a function",a=/^\s+|\s+$/g,r=/^[-+]0x[0-9a-f]+$/i,o=/^0b[01]+$/i,l=/^0o[0-7]+$/i,c=parseInt,m="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,s="object"==typeof self&&self&&self.Object===Object&&self,u=m||s||Function("return this")(),g=Object.prototype.toString,p=Math.max,f=Math.min,y=function(){return u.Date.now()};function d(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function v(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==g.call(e)}(e))return NaN;if(d(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=d(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(a,"");var n=o.test(e);return n||l.test(e)?c(e.slice(2),n?2:8):r.test(e)?NaN:+e}e.exports=function(e,t,n){var a=!0,r=!0;if("function"!=typeof e)throw new TypeError(i);return d(n)&&(a="leading"in n?!!n.leading:a,r="trailing"in n?!!n.trailing:r),function(e,t,n){var a,r,o,l,c,m,s=0,u=!1,g=!1,w=!0;if("function"!=typeof e)throw new TypeError(i);function h(t){var n=a,i=r;return a=r=void 0,s=t,l=e.apply(i,n)}function E(e){var n=e-m;return void 0===m||n>=t||n<0||g&&e-s>=o}function b(){var e=y();if(E(e))return _(e);c=setTimeout(b,function(e){var n=t-(e-m);return g?f(n,o-(e-s)):n}(e))}function _(e){return c=void 0,w&&a?h(e):(a=r=void 0,l)}function x(){var e=y(),n=E(e);if(a=arguments,r=this,m=e,n){if(void 0===c)return function(e){return s=e,c=setTimeout(b,t),u?h(e):l}(m);if(g)return c=setTimeout(b,t),h(m)}return void 0===c&&(c=setTimeout(b,t)),l}return t=v(t)||0,d(n)&&(u=!!n.leading,o=(g="maxWait"in n)?p(v(n.maxWait)||0,t):o,w="trailing"in n?!!n.trailing:w),x.cancel=function(){void 0!==c&&clearTimeout(c),s=0,a=m=r=c=void 0},x.flush=function(){return void 0===c?l:_(y())},x}(e,t,{leading:a,maxWait:t,trailing:r})}},54081:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>H});var i,a,r,o,l,c,m,s=n(96540),u=n(51510),g=n(61225),p=n(31921),f=n(11803),y=n(57340),d=(n(63650),n(20427)),v=n(73200),w=n(79312),h=n(63959),E=n(96573),b=n(64432),_=n(36324),x=n(77264),k=n(69554);function z(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var j=u.Ay.div.withConfig({displayName:"Interview__TopContainer",componentId:"sc-1oyv6i3-0"})(["position:relative;width:100%;height:400px;"]),O=u.Ay.div.withConfig({displayName:"Interview__TopWrap",componentId:"sc-1oyv6i3-1"})(["left:0;right:0;top:0;bottom:0;position:absolute;opacity:1 !important;"]),I=u.Ay.div.withConfig({displayName:"Interview__ImageBackground",componentId:"sc-1oyv6i3-2"})(["width:100%;height:100%;background-size:cover;background-position:",";background-image:url(",");"],function(e){return e.position||"center"},function(e){return e.image}),A=u.Ay.div.withConfig({displayName:"Interview__ImageBgWrapper",componentId:"sc-1oyv6i3-3"})(["height:400px;&::before{content:' ';}"]),S=u.Ay.div.withConfig({displayName:"Interview__TopOverlay",componentId:"sc-1oyv6i3-4"})(["display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:10;background-color:rgba(24,34,34,0.55);box-sizing:border-box;flex:1 1 0%;"]),T=u.Ay.div.withConfig({displayName:"Interview__TopTitle",componentId:"sc-1oyv6i3-5"})(["text-align:center;font-size:44px;font-weight:bold;color:#fff;line-height:55px;letter-spacing:0.01em;white-space:pre-line;margin-top:50px;",""],_.$_.tablet(i||(i=z(["\n    font-size: 30px;\n    line-height: normal;\n    padding: 0 21px;\n  "])))),N=u.Ay.div.withConfig({displayName:"Interview__SectionContainer",componentId:"sc-1oyv6i3-6"})(["font-family:'Noto Sans JP';max-width:930px;margin:100px auto;",""],_.$_.tablet(a||(a=z(["\n    padding: 0 30px;\n    margin: 65px auto;\n  "])))),C=u.Ay.div.withConfig({displayName:"Interview__PlainText",componentId:"sc-1oyv6i3-7"})(["font-size:17px;line-height:25px;letter-spacing:0.03em;color:#4f4f4f;margin-top:25px;",""],_.$_.tablet(r||(r=z(["\n    line-height:30px;\n  "])))),P=u.Ay.span.withConfig({displayName:"Interview__StyledSpan",componentId:"sc-1oyv6i3-8"})(["font-size:18px;font-weight:700;color:#4f4f4f;"]),D=u.Ay.div.withConfig({displayName:"Interview__Title",componentId:"sc-1oyv6i3-9"})(["font-size:34px;font-weight:bold;color:#5863f8;line-height:70px;letter-spacing:0.01em;white-space:pre-line;margin:50px 0 30px;

1",""],_.$_.tablet(o||(o=z(["\n    font-size: 26px;\n    line-height: normal;\n  "])))),L=u.Ay.div.withConfig({displayName:"Interview__ImgCaption",componentId:"sc-1oyv6i3-10"})(["font-size:16px;line-height:20px;text-align:center;letter-spacing:0.01em;color:#828282;margin-top:20px;"]),$=u.Ay.img.withConfig({displayName:"Interview__StyledImg",componentId:"sc-1oyv6i3-11"})(["width:85%;margin:60px auto;display:block;",""],_.$_.tablet(l||(l=z(["\n    width: 100%;\n  "])))),W=u.Ay.div.withConfig({displayName:"Interview__FooterWrap",componentId:"sc-1oyv6i3-12"})(["padding:0 70px;background:#5863f8;",""],_.$_.tablet(c||(c=z(["\n    padding: 0;\n  "])))),q=u.Ay.div.withConfig({displayName:"Interview__Sub",componentId:"sc-1oyv6i3-13"})(["position:absolute;bottom:-35px;left:8%;font-weight:700;",""],_.$_.tablet(m||(m=z(["\n    left: 12%;\n  "])))),F=u.Ay.a.withConfig({displayName:"Interview__ExternalLink",componentId:"sc-1oyv6i3-15"})(["display:inline;color:#5863f8;&:visited{color:#5863f8;}"]);const H=(0,w.Tl)("index")((0,g.Ng)()(function(e){var t=e.t,n=e.dispatch,i=(0,E.A)().y,a=(0,_.Qs)(),r=a.isMobile,o=a.innerHeight,l=r?1:400;return s.createElement(s.Fragment,null,s.createElement(f.m,null,s.createElement("title",null,t("metaTitle")),s.createElement("meta",{name:"description",content:t("metaDescription")}),s.createElement("meta",{name:"keywords",content:t("metaKeywords")}),s.createElement("meta",{property:"og:title",content:t("metaTitle")}),s.createElement("meta",{property:"og:description",content:t("metaDescription")}),s.createElement("meta",{property:"og:url",content:"".concat((0,y.$)(),"/what-is-portfolio/interview")}),s.createElement("meta",{property:"og:type",content:"website"}),s.createElement("meta",{property:"og:site_name",content:"foriio"}),s.createElement("meta",{property:"og:image",content:"".concat(k.tz,"/static/images/what-is-portfolio/og-whats-portfolio-interview-v1.png")}),s.createElement("meta",{property:"og:image:width",content:"2024"}),s.createElement("meta",{property:"og:image:height",content:"1012"}),s.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),s.createElement("meta",{name:"twitter:title",content:t("metaTitle")}),s.createElement("meta",{name:"twitter:text:title",content:t("metaTitle")}),s.createElement("meta",{name:"twitter:description",content:t("metaDescription")}),s.createElement("meta",{name:"twitter:image",content:"".concat(k.tz,"/static/images/what-is-portfolio/og-whats-portfolio-interview-v1.png")})),!1,s.createElement(j,null,s.createElement(d.A,{homepage:!0,darkText:i>l,viewportHeight:o,fixedHeader:i>=l,transparentBg:i<l}),s.createElement(O,null,s.createElement(I,{image:h.qt.interviewTop,position:"center 47%"})),s.createElement(S,null,s.createElement(T,null,"柊椋が語る、\nキャラクターコンテンツに関わるデザイナーが\nポートフォリオを使う理由"))),s.createElement(N,null,s.createElement(C,null,"キャラクターコンテンツに特化し、装丁デザインやロゴデザインを手掛けるフリーランスデザイナーの柊椋（ひいらぎ・りょう）さん。"),s.createElement(C,null,"『ノーゲーム・ノーライフ』をはじめとするライトノベルやコミックスのデザインはもちろん、自身のサークルなど同人活動でのデザインも数多く手掛けられています。"),s.createElement(C,null,"そんな柊さんは、10年以上前から自身で",s.createElement(F,{href:"https://www.iswdesigning.com/",target:"_blank",rel:"noopener noreferrer"},"ポートフォリオサイト"),"を制作し、これまでの活動をまとめられてきました。柊さんはなぜポートフォリオを活用するのか、そして今の時代に求められるポートフォリオの在り方とは。foriio代表取締役山田寛仁が伺いました。"),s.createElement(D,null,"キャラクターへの関心が引き寄せた、デザイナーとしての道"),s.createElement(C,null,s.createElement(P,null,"山田："),"はじめに、柊さんがデザイナーとしてのキャリアをスタートした理由を教えていただけますか？"),s.createElement(C,null,s.createElement(P,null,"柊："),"僕は元々、デザインに関心があったわけではありません。デザイナーになる前も、システムエンジニアとして働いていました。ただ、中学生くらいからパソコンやアニメが好きで、画像編集ソフトを使ってデスクトップの壁紙を作ったりしていたんです。キャラクターが好きだから、キャラクターに触れられることに関心があったã

1®ã ã¨æ€ã„ます。"),s.createElement(C,null,s.createElement(P,null,"山田："),"なるほど。デザインという行為ではなく、柊さんがデザインする対象とされている、キャラクターコンテンツへの関心がきっかけだったんですね。")),s.createElement(A,null,s.createElement(I,{image:h.qt.interviewTwo,position:"center 47%"})),s.createElement(L,null,"I.S.W DESIGNING 柊椋さん"),s.createElement(N,null,s.createElement(C,null,s.createElement(P,null,"柊："),"もちろん、アプローチは色々あります。音楽をつくるのも、同人誌の企画やプロデュース側に立つ方法もある。そのなかで、自分のスキルやできることが一番フィットしたのがデザインでした。柊椋という人間が関わるにたり、ベストな立ち位置がデザイナーだったからデザイナーをやっている感じです。"),s.createElement(C,null,"今は、結果的にロゴや本の装丁などをメインでやっていますが、そこにも強いこだわりがあるわけではありません。特殊な印刷が必要であれば、印刷会社との折衝をすることもありますし、紙の選定が必要であれば、そこにも手を伸ばします。PhotoshopやIllustratorを使ってデザインをする行為に、固執はしていません。"),s.createElement(C,null,s.createElement(P,null,"山田："),"デザインへこだわりがないからこそ、やるべき範囲もその都度求められる形に合わせられると。逆に作り手としてのこだわりはないのでしょうか？"),s.createElement(C,null,s.createElement(P,null,"柊："),"もちろん、僕個人のこだわりはありますが、クライアントワークにおいては持ちすぎないようにしています。たとえば「かわいい」という単語があったとしても、人によって何をかわいいと思うか、どれくらいかわいいと思うかは異なります。"),s.createElement(C,null,"それは別に悪い話ではなく、趣味嗜好の問題でしょう。ただ、デザイナーはクライアントやユーザーが求める「かわいい」を実現しなければいけない。その時に、僕自身のもつこだわりはあって良い場合もありますが、捨てないといけない場合もあるんです。"),s.createElement(C,null,"相手がかわいいと思うものを作らなければいけない場面もある。その人の「好き」を見つける、人の「好き」を察することが大事だと思っています。"),s.createElement(D,null,"柊さんがポートフォリオを10年以上使う理由"),s.createElement(C,null,s.createElement(P,null,"山田："),"柊さんは、",s.createElement(F,{href:"https://www.iswdesigning.com/",target:"_blank",rel:"noopener noreferrer"},"ご自身のポートフォリオサイト"),"に作品をまとめられています。どのような理由でポートフォリオを作ろうと思われたのでしょうか？")),s.createElement(A,null,s.createElement(I,{image:h.qt.interviewThree,position:"center 43%"})),s.createElement(L,null,"foriio代表取締役 山田寛仁"),s.createElement(N,null,s.createElement(C,null,s.createElement(P,null,"柊："),"僕がやっているデザインを厳密に定義する言葉がないからです。だから「私はこういう事をやっている人間なんです」と見せなければいけなかった。たとえば、デザイナーと言っても別にウェブやデジタルのデザインを主にするわけではありません。一方、装丁デザイナーといっても、ビジネス書や一般文芸などは一切やらず、コミックスとライトノベルといったキャラクターコンテンツに特化していますから。"),s.createElement(C,null,s.createElement(P,null,"山田："),"作品があってはじめて理解されるという実体験があったã

1®ã§ã—ょうか？"),s.createElement(C,null,s.createElement(P,null,"柊："),"そうですね、自分で説明はできるんですが、相手が理解してくれるのは別なんですよね。その中で、具体例があれば理解してもらいやすくなるんです。たとえば、あえて名前をだすと『ノーゲーム・ノーライフ（株式会社KADOKAWA/MF文庫J）』を担当したといえば、知っている人には「あ、あれに関わった人なんだ」「ああいうデザインをできるんだ」と理解してもらえる。そうした事例を増やしながら、サイトにまとめてきました。"),s.createElement(C,null,s.createElement(P,null,"山田："),"ちなみに、サイトを作りはじめたのはいつ頃からですか？"),s.createElement(C,null,s.createElement(P,null,"柊："),"今のサイトは、もう10年になりますね。")),s.createElement(A,null,s.createElement(I,{image:h.qt.interviewFour,position:"center 40%"})),s.createElement(N,null,s.createElement(C,null,s.createElement(P,null,"山田："),"今とは大分状況が異なりそうですね。この10年で、ポートフォリオを取り巻く環境に変化はありましたか？"),s.createElement(C,null,s.createElement(P,null,"柊："),"Webを取り巻く環境の変化はとくに感じます。当時は公開する環境も、見る側も全然環境が整っていなかった。作るのも苦労しましたが、見る側も、流れ着いた先にサイトがあって、偶然知れたという感覚だったと思います。一度訪れたことがある人に聞かなければ、サイトと出会う機会さえなかったかも知れません。"),s.createElement(C,null,"それが、今はSNSや雑誌、ほかのサービスと提携することで、格段に知ってもらいやすくなりましたね。綺麗な道やわかりやすい看板もあり、興味がある人がちゃんとサイトにたどり着けるようになったイメージです。"),s.createElement(C,null,s.createElement(P,null,"山田："),"それに対応してポートフォリオ側で変えた部分はありますか？"),s.createElement(C,null,s.createElement(P,null,"柊："),"急務で修正をかけているものが、モバイル対応です。いまは基本的にスマートフォンで見られますから。Twitter等で知って「あ、この人サイト持っているんだ」とおもってリンクを飛びますから。"),s.createElement(D,null,"ポートフォリオの形は、Webサイトに限らない"),s.createElement(C,null,s.createElement(P,null,"山田："),"たしかに、ユーザーの行動に合わせてポートフォリオのフォーマットも変化が必要ですね。"),s.createElement(C,null,s.createElement(P,null,"柊："),"ただ、僕は必ずしも、Webサイトである必要はないと思っています。フォーマットは何でもいい。たとえば、この記事を作るライターさんは、普段書いているものがあるからここに呼ばれている。同じく、フォトグラファーさんも普段撮っているものがあるから、ここにいる。それが、必ずしもポートフォリオにまとまっている必要はありません。"),s.createElement(C,null,"つまり、日頃やっていることも、そのままポートフォリオになる。だから、そんなに堅苦しく考えずとも、知ってもらうためのツールすべてをポートフォリオと捉えればいいのではないでしょうか。"),s.createElement(C,null,"とはいえ、作品を通して「やったこと」「できること」を知ってもらうには、説明する力が必要です。テキストにまとめるなり写真を撮るなりして「私はこんなことをしました」といわなければいけない。foriioはそれをやりやすくしている感じですよね？")),s.createElement(A,null,s.createElement(I,{image:h.qt.interviewFive,position:"center 40%"})),s.createElement(N,null,s.createElement(C,null,s.createElement(P,null,"山田："),"まさに、そのとおりです。ふたつの目的があって、ひとつは「ポートフォリオをどうまとめればいいかわからない」という人に、カンタンにまとめられるサービスを提供する。もうひとつは、「作り手はたくさんいるけれど、誰にどこから依頼すればいいかわからない」というクライアント側が適切なクリエイターを探せる場所になる。ツールと場作りのふたつ機能を提供しようとしているんです。"),s.createElement(C,null,s.createElement(P,null,"柊："),"僕の感覚だと、デザフェス※のようなイメージです。ポートフォリオのプラットフォームって、ある意味自分を表現するためのフリーマーケット的なものじゃないかなと。デザフェスという場所にいけばクリエイターに会えるという認知はある。また、デザフェスはスペースだけが用意され、設備は一切ない。後は自分で持ってきて、机をおくなり、照明をするなり、音楽を垂れ流すなり、基本は自由。ただ、その自由さが参加する難易度にもなっているのでforiioはそのハードルを下げているイメージですよね。ちゃんと場を提供しつつ、面倒なことや難しいことはサポートしているなと感じました。"),s.createElement(C,null,"※デザインフェスタ。1994年より開催されているアートイベントで、プロ・アマチュア問わず、「自由に表現できる場」を提供する。"),s.createElement(D,null,"知られた上で、いかに仕事につなげられるかが肝"),s.createElement(C,null,s.createElement(P,null,"山田："),"今回柊さんにもforiioを使っていただきました。ご自身でサイトもお持ちの中、使ってみていかがでしたか？"),s.createElement(p.LazyLoadComponent,null,s.createElement($,{src:h.qt.screenShot,decoding:"async",loading:"lazy"})),s.createElement(C,null,s.createElement(P,null,"柊："),"今まで自分を知らなかった人に知ってもらえるという感触はありますね。Webサイトの場合、僕を知っている人がTwitterなどを経由して見に来てくれますが、foriioは「foriioユーザー」というまったく別の入り口で人がくる。"),s.createElement(C,null,"ただ、どã

1‚“な人に知られているかはわからないので、不鮮明さを感じる部分もあります。知ってもらえていること自体は管理画面からわかるのですが、不特定すぎて、自分が欲しい仕事が来るかはわからないなと。"),s.createElement(C,null,"知ってもらうにはいいけれど、それが自分の欲しい仕事へピンポイントに繋げられるかはクライアントのさじ加減。自分で制御できない難しさはあります。"),s.createElement(C,null,s.createElement(P,null,"山田："),"まさに、仕事へどう接続できるかはプラットフォームの提供価値の要になるので、様々な観点で現在アプローチを進めています。クリエイターとのマッチングサービス「",s.createElement(F,{href:"https://match.foriio.com",target:"_blank"},"foriio match"),"」や、「私はこんな仕事がしたい！」という入力項目もそのひとつです。"),s.createElement(C,null,s.createElement(P,null,"柊："),"そうですよね。まさにforiioだからこそできることだと思って、僕も期待しています。"),s.createElement(D,null,"まず「発表する場」を。ポートフォリオとの向き合い方"),s.createElement(C,null,s.createElement(P,null,"山田："),"最後に、10年以上ポートフォリオを使い続けてきた柊さんの経験から、クリエイターに向けてポートフォリオに関するアドバイスをいただけますか？"),s.createElement(C,null,s.createElement(P,null,"柊："),"今は、自分が表現したいことややりたいことを試しやすくなりました。ソフトやツールも便利なものがたくさんありますし、無料で使えるものも多いので、気軽に取り組める。ただ、それを「発表する場」は自分でなんらか持っておいた方が良いと思います。"),s.createElement(C,null,"foriioでなくてもなんでもいいですが（笑）、発表できるウェブサイトやサービスがあるとやっぱり落ち着くし、人の目に触れる機会になる。作品が1個でも2個でもいいので、まずは試してみると良いかなと思います。"),s.createElement(C,null,"別に、そのサービスやサイトも、すべてを完璧にそろえたり、すべての機能を使う必要はありません。僕もデザインでPhotoshopを使っていますが、おそらく全体の3−4割程度の機能しか使えていないと思います。それで仕事が回っているから、全然それでいいんです。必要に迫られれば、新しい機能を使えばいい。それは、ポートフォリオも同じです。"),s.createElement(C,null,"まずは試してみる。その後に「やりたいこと」「試したいこと」が思い浮かべば、また試してみればいいと思います。"),s.createElement("div",{style:{position:"relative"}},s.createElement($,{src:h.qt.interviewBottom,decoding:"async",loading:"lazy"}),s.createElement(q,null,"Photographer：Shunsuke Imai"))),s.createElement(W,null,s.createElement(v.D,{t,onClickSignUp:function(){n((0,b.Hh)()),(0,x.sx)({action:"Otaku Signup"})}})),s.createElement(v.A,null))}))},63959:(e,t,n)=>{"use strict";n.d(t,{ML:()=>a,NU:()=>o,ny:()=>r,qt:()=>l});var i=n(69554),a=[{key:0,username:"shunsukesatake",image:"".concat(i.tz,"/images/static/images/about-page/og-images/shunsukesatake-v1.png?auto=format,compress")},{key:1,username:"nordworks35",image:"".concat(i.tz,"/images/static/images/about-page/og-images/nordworks35-v1.png?auto=format,compress")},{key:2,username:"jupachi",image:"".concat(i.tz,"/images/static/images/about-page/og-images/jupachi-v1.png?auto=format,compress")},{key:3,username:"CHORD",image:"".concat(i.tz,"/images/static/images/about-page/og-images/CHORD-v1.png?auto=format,compress")},{key:4,username:"NASU-design",image:"".concat(i.tz,"/images/static/images/about-page/og-images/NASU-design-v1.png?auto=format,compress")},{key:5,username:"jyoshi",image:"".concat(i.tz,"/images/static/images/about-page/og-images/jyoushi-v1.png?auto=format,compress")},{key:6,username:"fusedy",image:"".concat(i.tz,"/images/static/images/about-page/og-images/fusedy-v1.png?auto=format,compress")},{key:7,username:"grapefruituhr",image:"".concat(i.tz,"/images/static/images/about-page/og-images/grapefruituhr-v1.png?auto=format,compress")},{key:8,username:"todokiuka",image:"".concat(i.tz,"/images/static/images/about-page/og-images/todokiuka-v1.png?auto=format,compress")},{key:9,username:"yacaindahouse",image:"".concat(i.tz,"/images/static/images/about-page/og-images/yacaindahouse-v1.png?auto=format,compress")},{key:10,username:"gingatrain814",image:"".concat(i.tz,"/images/static/images/about-page/og-images/gingatrain814-v1.png?auto=format,compress")},{key:11,username:"nerus-sound",image:"".concat(i.tz,"/images/static/images/about-page/og-images/nerus-sound-v1.png?auto=format,compress")},{key:12,username:"yoshikawaeri",image:"".concat(i.tz,"/images/static/images/about-page/og-images/yoshikawaeri-v1.png?auto=format,compress")},{key:13,username:"wakaimanami-work",image:"".concat(i.tz,"/images/static/images/about-page/og-images/wakaimanami-work-v1.png?auto=format,compress")},{key:14,username:"shinodaijigen",image:"".concat(i.tz,"/images/static/images/about-page/og-images/shinodaijigen-v1.png?auto=format,compress")}],r={heading_img:"".concat(i.tz,"/static/images/what-is-portfolio/screenshot.png"),manga_img:"".concat(i.tz,"/static/images/what-is-portfolio/manga-group.png"),interviewOne:"".concat(i.tz,"/static/images/what-is-portfolio/lp-group-1.jpg"),interviewTwo:"".concat(i.tz,"/static/images/what-is-portfolio/lp-group-2.jpg"),interview_user_img:"".concat(i.tz,"/static/images/what-is-portfolio/user_img.png")},o=[{title:"Page 1",url:"".concat(i.tz,"/static/images/what-is-portfolio/manga-1.png")},{title:"Page 2",url:"".concat(i.tz,"/static/images/what-is-portfolio/manga-2.png")},{title:"Page 3",url:"".concat(i.tz,"/static/images/what-is-portfolio/manga-3.png")},{title:"Page 4",url:"".concat(i.tz,"/static/images/what-is-portfolio/manga-4.png")}],l={interviewTop:"".concat(i.tz,"/static/images/what-is-portfolio/hiragiryo-1.jpg"),interviewTwo:"".concat(i.tz,"/static/images/what-is-portfolio/lp-group-2.jpg"),interviewThree:"".concat(i.tz,"/static/images/what-is-portfolio/hiragiryo-3.jpg"),interviewFour:"".concat(i.tz,"/static/images/what-is-portfolio/hiragiryo-4.jpg"),interviewFive:"".concat(i.tz,"/static/images/what-is-portfolio/hiragiryo-5.jpg"),screenShot:"".concat(i.tz,"/static/images/what-is-portfolio/screenshot.png"),interviewBottom:"".concat(i.tz,"/static/images/what-is-portfolio/lp-group-1.jpg")}},96573:(e,t,n)=>{"use strict";n.d(t,{A:()=>y}),n(98992),n(54520),n(3949);var i=n(96540),a=n(25858),r=n.n(a);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?c(Object(n),!0).forEach(function(t){s(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function s(e,t,n){return(t=function(e){var t=function(e){if("object"!=o(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==o(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var u=!1;try{if("undefined"!=typeof window){var g=Object.defineProperty({},"passive",{get:function(){u=!0}});window.addEventListener("testPassive",null,g),window.removeEventListener("testPassive",null,g)}}catch(e){}var p=function(){return"undefined"==typeof window?{x:0,y:0}:{x:window.pageXOffset,y:window.pageYOffset}},f={throttle:100};const y=function(e){var t,n,a=m(m({},f),e),o=(t=(0,i.useState)(p()),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,a,r,o,l=[],c=!0,m=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=r.call(n)).done)&&(l.push(i.value),l.length!==t);c=!0);}catch(e){m=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(m)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?l(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=o[0],s=o[1];return(0,i.useEffect)(function(){var e=r()(function(){s(p())},a.throttle);return window.addEventListener("scroll",e,!!u&&{passive:!0}),function(){e.cancel(),window.removeEventListener("scroll",e)}},[]),c}}}]);