https://teratail.com/_next/static/chunks/pages/users/[domain_name]/connections-94f1547cd6a47163.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5755],{32240:(e,n,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/users/[domain_name]/connections",function(){return t(35867)}])},33924:(e,n,t)=>{"use strict";t.d(n,{A:()=>c});var s=t(74848);t(96540);var a=t(46989),o=t(49119),r=t.n(o),i=t(27908),l=t(74606),_=t(23989);let c=e=>{let{children:n,open:t,...o}=e,c=(0,l.Ub)({query:"(max-width: ".concat(_.Y9,")")});return(0,s.jsx)(a.A,{open:t,...o,PaperProps:{style:{maxWidth:c?"calc(100% - 60px)":"auto"}},children:(0,s.jsxs)("div",{className:r().inner,children:[n,o.onBackdropClick&&(0,s.jsx)(i.Ay,{className:r().close,onClick:o.onBackdropClick,children:(0,s.jsx)("img",{src:"/img/icon/closeButton.svg",width:"44",height:"44",alt:"CloseIcon"})})]})})}},40059:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>m});var s=t(74848),a=t(91106),o=t.n(a);t(96540);var r=t(32455),i=t(70649),l=t(61631),_=t(68516);let c=e=>(0,s.jsx)(_.A,{viewBox:"0 0 24 24",...e,children:(0,s.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.5564 5.85782L18.1421 4.4436L11.7781 10.8076L5.41418 4.44368L3.99997 5.85789L10.3639 12.2218L4 18.5857L5.41422 20L11.7781 13.636L18.1421 20L19.5563 18.5858L13.1923 12.2218L19.5564 5.85782Z"})});var u=t(33977),d=t.n(u);r.Uv,r.ic,r.ZW,r.dX,r.AW,r.ai,r.UE,l.ZL,l.o5;let m=e=>{let{className:n,color:t=r.AW,position:a,removable:_,isMyTag:u,name:m,size:g=l.ZL,onClick:p=()=>{},...x}=e,h=[d().base,d()[t],d()[g],u&&!a&&d().myTag,a&&d()["position".concat(a)],_&&d().removable,n].filter(Boolean).join(" ");return _?(0,s.jsxs)("span",{className:h,onClick:p,...x,children:[m,(0,s.jsx)(c,{className:d().delete})]}):(0,s.jsx)(o(),{href:"".concat(i.ke,"/").concat(encodeURIComponent(m)),className:h,onClick:p,...x,children:m})}},12719:(e,n,t)=>{"use strict";t.d(n,{Ay:()=>i});var s=t(96540),a=t(32455);t(61631);var o=t(63983),r=t.n(o);a.$9,a.Ih,a.lF;let i=e=>{let{level:n,color:t,size:a,center:o,underlined:i,className:l,..._}=e,c=[r().base,t&&r()[t],a&&r()[a],o&&r().center,i&&r().underlined,l].filter(Boolean).join(" ");return s.createElement("h".concat(n),{className:c,..._})}},63728:(e,n,t)=>{"use strict";t.d(n,{A:()=>r});var s=t(74848);t(96540);var a=t(36827),o=t.n(a);let r=e=>{let{children:n,className:t}=e,a=[o().container,t].filter(Boolean).join(" ");return(0,s.jsx)("div",{className:a,children:n})}},91470:(e,n,t)=>{"use strict";t.d(n,{A:()=>l});var s=t(74848);t(96540);var a=t(93624),o=t.n(a),r=t(27908),i=t(12067);let l=e=>{let{callback:n,pageInfo:t,className:a,config:l}=e;if(t.maxPage<=1)return(0,s.jsx)(s.Fragment,{});let _=Object.assign({displayPageNumCount:5},null!=l?l:{}),c=t.currentPage>1,u=t.currentPage<t.maxPage,d=t.currentPage>_.displayPageNumCount,m=[],g=Math.floor(_.displayPageNumCount/2),p=Math.max(t.currentPage-g,1);for(let e=p;e<=Math.min(p+_.displayPageNumCount,t.maxPage);e++)m.push(e);let x=t.currentPage-g>1,h=t.currentPage+g<t.maxPage;return(0,s.jsx)("div",{className:[o().container,a].filter(Boolean).join(" "),children:(0,s.jsxs)(i.Ay,{className:o().pagination,center:!0,children:[c&&(0,s.jsx)(r.Ay,{onClick:()=>n(t.currentPage-1),size:"large",className:o().prev,center:!0,children:(0,s.jsx)("img",{src:"/img/icon/ArrowBackIcon.svg",width:"8",alt:""})}),d&&(0,s.jsx)(r.Ay,{onClick:()=>n(1),size:"large",className:o().button,center:!0,children:"1"}),x&&(0,s.jsx)("p",{className:[o().continue,o().prev_continue].filter(

1Boolean).join(" "),children:"..."}),m.map((e,a)=>e===t.currentPage?(0,s.jsx)("p",{className:[o().current,o()["em-".concat(String(t.currentPage).length)]].filter(Boolean).join(" "),children:t.currentPage}):(0,s.jsx)(r.Ay,{onClick:()=>n(e),size:"large",className:[o().button,o()["prev_button-".concat(a)],o()["em-".concat(String(e).length)]].filter(Boolean).join(" "),center:!0,children:e},e)),h&&(0,s.jsx)("p",{className:[o().continue,o().next_continue].filter(Boolean).join(" "),children:"..."}),u&&(0,s.jsx)(r.Ay,{onClick:()=>n(t.currentPage+1),size:"large",className:o().next,center:!0,children:(0,s.jsx)("img",{src:"/img/icon/ArrowForwardIcon.svg",width:"8",alt:""})})]})})}},51985:(e,n,t)=>{"use strict";t.d(n,{A:()=>u});var s=t(74848),a=t(96540),o=t(12067),r=t(51096),i=t.n(r);let l=e=>{let{active:n,bold:t,className:a,icon:o,label:r,marker:l,sub:_,...c}=e,u=[i().base,n&&i().active,t&&i().bold,o&&i().icon,l?i().marker:i().tab,a].filter(Boolean).join(" ");return(0,s.jsxs)("p",{className:u,...c,children:[o,r,void 0!==_&&(0,s.jsx)("span",{className:i().sub,children:_})]})};var _=t(74396),c=t.n(_);let u=e=>{let{tabs:n,marker:t,bold:r,underlined:i,block:_,grow:u,space:d,tabClassName:m,className:g,onClick:p=()=>{}}=e,x=[i&&c().underlined,d&&c().space,g].filter(Boolean).join(" "),[h,j]=(0,a.useState)([]);(0,a.useEffect)(()=>{j(n)},[n]);let y=e=>{j(h.map((n,t)=>{let s=Object.assign({},n);return s.active=t===e,s}))},b=e=>{y(e),p(e)};return(0,s.jsx)(o.Ay,{className:x,block:_,grow:u,space:d,children:h.map((e,n)=>(0,a.createElement)(l,{marker:t,bold:r,className:m,onClick:()=>b(n),...e,key:n}))})}},41054:(e,n,t)=>{"use strict";t.d(n,{A:()=>i});var s=t(74848),a=t(96540),o=t(30797),r=t.n(o);let i=e=>{let{className:n,isSpPadding:t=!1,...o}=e,i=[r().container,t&&r().isSpPadding,2===a.Children.toArray(o.children).length&&r().twoColumn,n].filter(Boolean).join(" ");return(0,s.jsx)("div",{className:i,...o})}},42592:(e,n,t)=>{"use strict";t.d(n,{A:()=>r});var s=t(74848);t(96540);var a=t(50787),o=t.n(a);let r=e=>{let{className:n,children:t}=e,a=[o().container,n].filter(Boolean).join(" ");return(0,s.jsx)("main",{className:a,children:t})}},19440:(e,n,t)=>{"use strict";t.d(n,{A:()=>i});var s=t(74848),a=t(13368),o=t.n(a);t(96540);var r=t(94582);let i=e=>{let{title:n=r.Uv,description:t=r.s3,canonicalPath:a,keywords:i,isNoIndex:l=!1,ogpImage:_=r.Pl,twitterCard:c=r.JA,twitterImage:u=r.Yz,jsonLd:d}=e;return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(o(),{children:[a&&(0,s.jsx)("link",{rel:"canonical",href:"".concat(r.Nu).concat(a)}),l&&(0,s.jsx)("meta",{name:"robots",content:"noindex"}),(0,s.jsx)("title",{children:n}),(0,s.jsx)("meta",{name:"description",content:t.slice(0,100)}),i&&(0,s.jsx)("meta",{name:"keywords",content:i}),(0,s.jsx)("meta",{property:"og:title",content:n}),(0,s.jsx)("meta",{property:"og:type",content:r.G5}),(0,s.jsx)("meta",{property:"og:description",content:t.slice(0,100)}),(0,s.jsx)("meta",{property:"og:url",content:r.Pj}),(0,s.jsx)("meta",{property:"og:image",content:_}),(0,s.jsx)("meta",{property:"og:site_name",content:r.XR}),(0,s.jsx)("meta",{property:"og:locale",content:r.wX}),(0,s.jsx)("meta",{name:"twitter:card",content:c}),(0,s.jsx)("meta",{name:"twitter:site",content:r.Ep}),(0,s.jsx)("meta",{name:"twitter:image",content:u}),(0,s.jsx)("link",{href:"https://fonts.googleapis.com/css2?family=Fira+Code&display=swap",rel:"stylesheet"}),(0,s.jsx)("link",{href:"https://fonts.googleapis.com/css2?family=Oswald:[email protected]&display=swap",rel:"stylesheet"}),(0,s.jsx)("link",{href:"https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap",rel:"stylesheet"}),d&&(0,s.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(d).replace(/</g,"\\u003c")}})]})})}},20850:(e,n,t)=>{"use strict";t.d(n,{A:()=>u});var s=t(74848);t(96540);var a=t(91106),o=t.n(a),r=t(70649),i=t(74435),l=t(36289),_=t.n(l),c=t(90585);let u=e=>{let{isProduction:n}=(0,c.f)();return(0,s.jsx)("header",{className:[_().container,e.marginBottom&&_().marginBottom].filter(Boolean).join(" "),children:(0,s.jsx)("div",{className:[_().outer,!n&&_().isNotProduction].filter(

1Boolean).join(" "),children:(0,s.jsxs)("div",{className:_().inner,children:[(0,s.jsx)("div",{className:_().logo,children:(0,s.jsx)(o(),{href:r.KF,className:_().logoLink,children:(0,s.jsx)("img",{src:"/img/txt/teratailByLevtech.svg",alt:"teratail",width:"84",height:"40"})})}),e.is_show_login_link&&(0,s.jsx)(i.Ay,{href:r.aW,color:"white",size:"tiny",className:_().loginLink,children:"ログイン"}),e.is_show_register_link&&(0,s.jsx)(i.Ay,{href:r.Li,color:"white",size:"tiny",className:_().registerLink,children:"新規登録"})]})})})}},81376:(e,n,t)=>{"use strict";t.d(n,{A:()=>g});var s=t(74848),a=t(96540),o=t(41054),r=t(56732),i=t(42592),l=t(70649),_=t(12067),c=t(90649),u=t.n(c);let d=()=>(0,s.jsxs)("div",{className:u().notFoundWrapper,children:[(0,s.jsx)("h2",{className:u().notFoundTitle,children:"ページが見つかりません。"}),(0,s.jsx)("div",{className:u().notFoundError,children:(0,s.jsxs)("p",{children:["Sorry. ",(0,s.jsx)("span",{className:u().notFoundErrorCode,children:"404"})," Page Not Found."]})}),(0,s.jsxs)("p",{className:u().notFoundMessageFirst,children:["申し訳ございません。お探しのページは見つかりませんでした。",(0,s.jsx)("br",{}),"以下の原因が考えられます。"]}),(0,s.jsxs)("ul",{className:u().notFoundMessageSecond,children:[(0,s.jsx)("li",{children:"ブラウザのアドレスバーに入力したURLの綴りが間違っている。"}),(0,s.jsx)("li",{children:"リンク切れを起こしてしまっている。"})]}),(0,s.jsx)("p",{className:u().notFoundMessageThird,children:"大変お手数ですが、アドレスバーのURLを確認した上で再度ご入力ください。"}),(0,s.jsx)("p",{className:u().notFoundMessageFourth,children:"また、以下のリンクを参考にして下さい。"}),(0,s.jsxs)(_.Ay,{className:u().notFoundLinkIndex,children:[(0,s.jsx)("a",{href:l.KF,target:"_blank",rel:"noreferrer",children:"teratailトップページへ"}),(0,s.jsx)("a",{href:l.ke,target:"_blank",rel:"noreferrer",children:"タグ一覧ページへ"}),(0,s.jsx)("a",{href:l.Jo,target:"_blank",rel:"noreferrer",children:"ユーザーランキング"}),(0,s.jsx)("a",{href:l.Li,target:"_blank",rel:"noreferrer",children:"新規会員登録をする"})]})]});var m=t(20850);let g=()=>(0,s.jsxs)(a.Fragment,{children:[(0,s.jsx)(m.A,{}),(0,s.jsx)(o.A,{children:(0,s.jsx)(i.A,{children:(0,s.jsx)(d,{})})}),(0,s.jsx)(r.A,{})]})},23989:(e,n,t)=>{"use strict";t.d(n,{Ij:()=>a,Sp:()=>s,Y9:()=>o});let s="1167px",a="840px",o="839px"},94582:(e,n,t)=>{"use strict";t.d(n,{Ep:()=>x,G5:()=>i,JA:()=>g,Nu:()=>o,Pj:()=>_,Pl:()=>d,Uv:()=>r,XR:()=>c,Yz:()=>m,s3:()=>l,sm:()=>p,wX:()=>u});var s=t(32964);let{publicRuntimeConfig:a}=t.n(s)()(),o=a.web.url,r="teratail【テラテイル】｜ITエンジニア特化型Q&Aサイト",i="article",l="teratail（テラテイル）はプログラミングに特化したQ&Aサイトです。実現したい機能や作業中に発生したエラーについて質問すると、他のエンジニアから回答を得られます。",_=a.web.url,c="teratail[テラテイル]",u="ja_JP",d="".concat(a.web.url,"/img/ogpImages/imgFacebookShare.png"),m="".concat(a.web.url,"/img/ogpImages/imgTwitterCard.png"),g="summary",p="summary_large_image",x="@teratail"},30711:(e,n,t)=>{"use strict";t.d(n,{A:()=>g});var s=t(74848),a=t(96540),o=t(46582);let r={follow:{}};class i extends o.A{request(e){return this.axios.post(this.url,{query:"\nmutation Follow($follow_user_domain_name: String!) {\n  follow(params: { follow_user_domain_name: $follow_user_domain_name }) {\n    ... on FollowResultSuccess {\n      __typename\n      message\n    }\n    ... on FollowValidationFailedError {\n      __typename\n      message\n    }\n    ... on FollowAlreadyFollowedError {\n      __typename\n      message\n    }\n    ... on FollowUserNotFoundError {\n      __typename\n      message\n    }\n    ... on FollowFollowUserNotFoundError {\n      __typename\n      message\n    }\n    ... on FollowUnknownError {\n      __typename\n      message\n    }\n  }\n}\n",variables:e,data:r}).then(e=>e.data.data.follow)}}let l={unfollow:{}};class _ extends o.A{request(e){return this.axios.post(this.url,{query:"\nmutation Unfollow($unfollow_user_domain_name: String!) {\n  unfollow(params: { unfollow_user_domain_name: $unfollow_user_domain_name }) {\n    ... on UnfollowResultSuccess {\n      __typename\n      message\n    }\n    ... on UnfollowValidationFailedError {\n      __typename\n      message\n    }\n    ... on UnfollowAlreadyUnfollowedError {\n      __typename\n      message\n    }\n    ... on UnfollowUserNotFoundError {\n      __typename\n      message\n    }\n    ... on UnfollowUnfollowUserNotFoundError {\n      __typename\n      message\n    }\n    ... on UnfollowUnknownError {\n      __typename\n      message\n    }\n  }\n}\n",variables:e,data:l}).then(e=>e.data.data.unfollow)}}var c=t(73180),u=t(48591),d=t(99318),m=t(22903);let g=e=>{let{children:n,is_follow_by_me:t,follow_user_domain_name:o,updateViewAction:r=()=>{}}=e,l=(0,u.x)(),{accessToken:g}=(0,m.h)(),p=e=>{new i(g).request({follow_user_domain_name:o}).then(e=>{"FollowResultSuccess"===e.__typename&&(d.pV(o),r())}).finally(e)},x=e=>{new _(g).request({unfollow_user_domain_name:o}).then(e=>{"UnfollowResultSuccess"===e.__typename&&(d.yo(o),r())}).finally(e)};return l?o===l.username?(0,s.jsx)(s.Fragment,{}):a.cloneElement(n,{onClick:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>{};t?x(e):p(e)}}):(0,s.jsx)(c.A,{children:n})}},73180:(e,n,t)=>{"use strict";t.d(n,{A:()=>w});var s=t(74848),a=t(96540),o=t(86715),r=t(70649),i=t(74435),l=t(27908),_=t(16958),c=t(73039),u=t.n(c);let d=()=>(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:u().title1,children:"続けるにはログインが必要です"}),(0,s.jsxs)("div",{className:u().description,children:[(0,s.jsx)(_.Ay,{size:"small",align:"center",children:"ご利用いただくには、teratailアカウントのユーザー情報ã

1®ç™»éŒ²ãŒå¿…要です。"}),(0,s.jsx)(_.Ay,{size:"small",align:"center",children:"お持ちのアカウントで登録を行なってください。"})]}),(0,s.jsx)(l.Ay,{color:"royalblue",size:"large",className:u().loginButton,href:r.aW,nextLink:!1,block:!0,center:!0,children:"ログインページへ"}),(0,s.jsxs)(_.Ay,{size:"medium",align:"center",children:["アカウントをお持ちでない方は",(0,s.jsx)(i.Ay,{href:r.Li,nextLink:!1,children:"新規登録ページ"}),"へ"]})]}),m=()=>(0,s.jsx)(d,{});var g=t(33924),p=t(82421),x=t.n(p);let h=e=>{let{open:n,closeAction:t}=e;return(0,s.jsx)(g.A,{open:n,onBackdropClick:t,children:(0,s.jsxs)("div",{className:x().container,children:[(0,s.jsxs)("div",{className:x().pc,children:[(0,s.jsx)(m,{}),(0,s.jsx)("div",{className:x().footer,children:(0,s.jsxs)(i.Ay,{href:r.i_,size:"big",bold:!0,children:["思考するエンジニアのためのQ&Aサイト",(0,s.jsx)("br",{}),"「teratail」について詳しく知る"]})})]}),(0,s.jsxs)("div",{className:x().sp,children:[(0,s.jsx)("p",{className:x().title,children:"ログインが必要です"}),(0,s.jsx)(l.Ay,{href:r.Li,color:"limegreen",size:"large",className:x().registerButton,nextLink:!1,block:!0,center:!0,children:"新規登録"}),(0,s.jsx)(l.Ay,{href:r.aW,color:"royalblue",size:"large",nextLink:!1,block:!0,center:!0,outline:!0,children:"ログイン"})]})]})})};var j=t(11656),y=t(71536),b=t(22903);let w=e=>{let{children:n,onGaEvent:t=()=>{},onGaEventAtLogout:r=()=>{}}=e,{hasAuthenticated:i}=(0,b.h)(),l=(0,o.useRouter)(),[_,c]=(0,a.useState)(!1);return i?(0,s.jsx)(s.Fragment,{children:n}):(0,s.jsxs)(s.Fragment,{children:[a.cloneElement(n,{onClick:()=>{(0,y.setCookie)(null,j.Z0,l.asPath,{maxAge:j.EC,path:j.nS}),t(),i||r(),c(!0)},"data-testid":"".concat(null==n?void 0:n.props["data-testid"],"-NeedLogin")}),(0,s.jsx)(h,{open:_,closeAction:()=>c(!1)})]})}},8103:(e,n,t)=>{"use strict";t.d(n,{A:()=>s});let s=(e,n)=>t=>{let{set:s}=t;for(let t in e){let a=e[t];s(n[t],a)}}},35867:(e,n,t)=>{"use strict";t.r(n),t.d(n,{__N_SSP:()=>ep,default:()=>ex});var s=t(74848),a=t(96540),o=t(25063),r=t(19440),i=t(64972),l=t.n(i),_=t(56886),c=t.n(_),u=t(30711),d=t(27908),m=t(38088),g=t.n(m),p=t(12067),x=t(40059),h=t(45663),j=t.n(h);let y=e=>{let{className:n,totalTagCount:t,tags:a}=e;return(0,s.jsxs)(p.Ay,{className:n,flexFlow:"rowWrap",children:[a.slice(0,5).map(e=>(0,s.jsxs)("div",{className:j().tagScore,children:[(0,s.jsx)(x.Ay,{color:"white",name:e.name}),(0,s.jsxs)("p",{className:j().tagScoreTxt,children:["score: ",(0,s.jsx)("span",{className:j().tagScoreCount,children:e.myScore.toLocaleString()})]})]},e.id)),t>5&&(0,s.jsxs)("p",{className:j().more,children:["+",t-5,"tag"]})]})};var b=t(74435),w=t(70649);let v=e=>{let{user:n,updateViewAction:t}=e;return(0,s.jsxs)("div",{className:g().container,children:[(0,s.jsx)(b.Ay,{href:"".concat(w.Jo,"/").concat(n.domain_name),bold:!0,children:(0,s.jsx)("div",{className:g().boxUserThumb,children:(0,s.jsx)("img",{src:n.image_url,className:g().userThumb,width:"58",height:"58",alt:n.display_name})})}),(0,s.jsx)(b.Ay,{href:"".concat(w.Jo,"/").concat(n.domain_name),bold:!0,className:g().boxUserName,children:n.display_name}),(0,s.jsxs)("div",{className:g().boxUserStatus,children:[(0,s.jsx)("p",{className:g().userScoreTxt,children:"スコア"}),(0,s.jsx)("p",{className:g().userScoreCount,children:n.score.toLocaleString()})]}),(0,s.jsxs)("div",{className:g().boxUserCount,children:[(0,s.jsxs)("div",{className:g().boxUserQuestionCount,children:[(0,s.jsx)("img",{src:"/img/icon/question_royalblue.svg",width:"24",height:"24",alt:""}),(0,s.jsx)("p",{className:g().boxUserQuestionCountTxt,children:n.question_count.toLocaleString()})]}),(0,s.jsxs)("div",{className:g().boxUserAnswerCount,children:[(0,s.jsx)("img",{src:"/img/icon/answer_neocoral.svg",width:"24",height:"24",alt:""}),(0,s.jsx)("p",{className:g().boxUserAnswerCountTxt,children:n.answer_count.toLocaleString()})]})]}),(0,s.jsx)("div",{className:[g().boxTagScore,n.mytags&&n.mytags.length>0&&g().hasMyTag].filter(Boolean).join(" "),children:n.mytags&&(0,s.jsx)(y,{tags:n.mytags,totalTagCount:n.mytags.length})}),(0,s.jsx)("div",{className:g().boxButton,children:(0,s.jsx)(u.A,{follow_user_domain_name:n.domain_name,is_follow_by_me:n.is_follow_by_me,updateViewAction:t,children:(0,s.jsx)(d.Wc,{on:n.is_follow_by_me,block:!0,center:!0})})})]})};var f=t(91470),F=t(86715),U=t(46582);let N={followerUsers:{}};class A extends U.A{request(e){return this.axios.post(this.url,{query:"\nquery FollowerUsers($domain_name: String!, $page: Int, $size: Int) {\n  followerUsers(domain_name: $domain_name, page: $page, size: $size) {\n    ... on FollowerUsersResultSuccess {\n      __typename\n      users {\n        __typename\n        domain_name\n        display_name\n        image_url\n        score\n        mytags {\n          __typename\n          id\n          name\n          myScore\n        }\n        question_count\n        answer_count\n        is_follow_by_me\n        created_at\n        updated_at\n      }\n      paginate_info {\n        __typename\n        current_page\n        has_prev\n        has_next\n        total_count\n      }\n    }\n    ... on FollowerUsersUnknownError {\n      __typename\n      message\n    }\n  }\n}\n",variables:e,data:N}).then(e=>e.data.data.followerUsers)}}let S={followUsers:{}};class k extends U.A{request(e){return this.axios.post(this.url,{query:"\nquery FollowUsers($domain_name: String!, $page: Int, $size: Int) {\n  followUsers(domain_name: $domain_name, page: $page, size: $size) {\n    ... on FollowUsersResultSuccess {\n      __typename\n      users {\n        __typename\n        domain_name\n        display_name\n        image_url\n        score\n        mytags {\n          __typename\n          id\n          name\n          myScore\n        }\n        question_count\n        answer_count\n        is_follow_by_me\n        created_at\n        updated_at\n      }\n      paginate_info {\n        __typename\n        current_page\n        has_prev\n        has_next\n        total_count\n      }\n    }\n    ... on FollowUsersUnknownError {\n      __typename\n      message\n    }\n  }\n}\n",variables:e,data:S}).then(e=>

1e.data.data.followUsers)}}let L={mutualFollowUsers:{}};class C extends U.A{request(e){return this.axios.post(this.url,{query:"\nquery MutualFollowUsers($domain_name: String!, $page: Int, $size: Int) {\n  mutualFollowUsers(domain_name: $domain_name, page: $page, size: $size) {\n    ... on MutualFollowUsersResultSuccess {\n      __typename\n      users {\n        __typename\n        domain_name\n        display_name\n        image_url\n        score\n        mytags {\n          __typename\n          id\n          name\n          myScore\n        }\n        question_count\n        answer_count\n        is_follow_by_me\n        created_at\n        updated_at\n      }\n      paginate_info {\n        __typename\n        current_page\n        has_prev\n        has_next\n        total_count\n      }\n    }\n    ... on MutualFollowUsersUnknownError {\n      __typename\n      message\n    }\n  }\n}\n",variables:e,data:L}).then(e=>e.data.data.mutualFollowUsers)}}let E={FOLLOW:"follow",FOLLOWER:"follower",MUTUAL:"mutual"},T=(0,o.eU)({key:"connectionFeed",default:E.FOLLOW});var P=t(22903),M=t(49111);let B=(0,o.eU)({key:"connectionList",default:{users:[]}}),q=()=>{let{accessToken:e}=(0,P.h)(),n=(0,a.useMemo)(()=>new k(e),[e]),t=(0,a.useMemo)(()=>new A(e),[e]),s=(0,a.useMemo)(()=>new C(e),[e]),r=(0,F.useRouter)(),{page:i}=r.query,{domain_name:l}=r.query,_=Number(i)||1,c=(0,o.vc)(T),[,u]=(0,o.L4)(B);return{fetchConnectionList:async function(){let{page:e=_,size:a=30,domain_name:o=l,tab:r=c,isFirst:i=!1}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},d=i?1:e;r===E.FOLLOW?u(await n.request({page:d,size:a,domain_name:o})):r===E.FOLLOWER?u(await t.request({page:d,size:a,domain_name:o})):u(await s.request({page:d,size:a,domain_name:o}))},jumpToPage:(0,a.useCallback)(e=>{let n=M.w.getConnectionUrl("".concat(w.Jo,"/").concat(l,"/").concat(w.aI),c);r.push(M.w.appendPage(n,e),void 0)},[r,l,c])}},I=e=>{let{users:n,paginateInfo:t,updateViewAction:a,onPageChange:o}=e;return(0,s.jsxs)("div",{className:c().container,children:[n&&n.length>0?(0,s.jsx)("div",{className:c().users,children:n.map(e=>(0,s.jsx)(v,{user:e,updateViewAction:a},e.domain_name))}):(0,s.jsx)("p",{className:c().empty,children:"対象のユーザー件数は0件です。"}),t&&(0,s.jsx)("div",{className:c().pagination,children:(0,s.jsx)(f.A,{pageInfo:{currentPage:t.current_page,maxPage:Math.ceil(t.total_count/30)},callback:o})})]})};var z=t(38170),R=t.n(z),O=t(51985);let H=[{label:"フォロー",feed:E.FOLLOW},{label:"フォロワー",feed:E.FOLLOWER},{label:"相互フォロー",feed:E.MUTUAL}],W={block:!0,marker:!0,grow:!0,underlined:!0,tabs:H,tabClassName:R().tab},J=e=>{let n={...W,tabs:W.tabs.map((n,t)=>H[t].feed===e.feed?{...n,active:!0}:n)};return(0,s.jsx)(O.A,{...n,grow:!0,onClick:n=>{e.onClick(H[n].feed)}})},$=()=>{let e=(0,F.useRouter)(),{domain_name:n}=e.query,t=(0,o.vc)(T),a=(0,o.lZ)(T),{fetchConnectionList:r}=q();return(0,s.jsx)(J,{onClick:t=>{a(t),r({tab:t,isFirst:!0}),e.push("".concat(w.Jo,"/").concat(n,"/").concat(w.aI,"?").concat(w.Sx,"=").concat(t),void 0,{shallow:!0})},feed:t})},V=e=>(0,s.jsxs)("div",{className:l().container,children:[(0,s.jsx)($,{}),(0,s.jsx)(I,{...e})]});var Q=t(92435);let D=()=>{var e;let n=(0,o.vc)(Q.D),t=(0,o.vc)(B),{fetchConnectionList:a,jumpToPage:r}=q();return"message"in t?(0,s.jsx)("p",{children:t.message}):"UserResultSuccess"!==n.__typename?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(V,{users:t.users,paginateInfo:null!==(e=t.paginate_info)&&void 0!==e?e:void 0,updateViewAction:()=>{a()},onPageChange:r})};var X=t(91106),Y=t.n(X),Z=t(12719),G=t(63728),K=t(11258),ee=t.n(K);let en=e=>{let{display_name:n}=e;return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:ee().container,children:[(0,s.jsx)("div",{className:ee().breadcrumb,children:(0,s.jsxs)(G.A,{children:[(0,s.jsx)(Y(),{href:w.KF,children:"トップ"}),(0,s.jsxs)("p",{children:[n," のつながり"]})]})}),(0,s.jsxs)(Z.Ay,{level:1,size:"massive",className:ee().title,children:[n," の フォロー・フォロワー一覧"]})]})})},et=()=>{let e=(0,o.vc)(Q.D);return"UserResultSuccess"!==e.__typename?(0,s.jsx)(s.Fragment,{}):(0,s.jsx)(en,{display_name:e.user.display_name})};var es=t(31994),ea=t(56732),eo=t(41054),er=t(42592);let ei=()=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(es.A,{}),(0,s.jsx)(eo.A,{children:(0,s.jsxs)(er.A,{children:[(0,s.jsx)(et,{}),(0,s.jsx)(D,{})]})}),(0,s.jsx)(ea.A,{})]});var el=t(81376),e_=t(8103),ec=t(44706),eu=t(73777),ed=t(77007),em=t(48591);let eg={achievement:ec.j,answerRate:eu.E,connectionList:B,notifications:ed.i,user:Q.D,connectionFeed:T};var ep=!0;let ex=e=>{let{initialRecoilState:n,isNotFound:t,page:a}=e;if(t)return(0,s.jsx)(o.bi,{initializeState:(0,e_.A)(n,eg),children:(0,s.jsx)(el.A,{})});let i=(0,em.x)(),l="UserResultSuccess"===n.user.__typename?n.user.user.display_name:"ユーザー";return(0,s.jsxs)(o.bi,{initializeState:(0,e_.A)(n,eg),children:[(0,s.jsx)(r.A,{title:"".concat(l,"のフォロー・フォロワー一覧 | teratail"),description:"".concat(l,"のフォロー・フォロワー一覧です。"),isNoIndex:!0}),(0,s.jsx)(ei,{})]},"".concat(a,"-").concat(String(!!i)))}},44706:(e,n,t)=>{"use strict";t.d(n,{j:()=>s});let s=(0,t(25063).eU)({key:"achievement",default:{}})},92435:(e,n,t)=>{"use strict";t.d(n,{I:()=>d,D:()=>u});var s=t(96540),a=t(25063),o=t(46582),r=t(61786);let i={user:{}},l={message:"error"};class _ extends o.A{request(e){return this.axios.post(this.url,{query:"\n  query User($domainName: String!) {\n    user(domainName: $domainName) {\n      ... on UserResultSuccess {\n        __typename\n        user {\n          domain_name\n          display_name\n          question_count\n          blog\n          department\n          image_url\n          self_info\n          is_follow_by_me\n          created_at\n          updated_at\n          isBanned\n          answerStats {\n            totalCount\n            acceptedA

1nswerCount\n            totalStampCount\n          }\n          privilege\n        }\n      }\n      ... on UserNotFoundError{\n        __typename\n        message\n      }\n    }\n  }\n",variables:e,data:i}).then(e=>e.data.data.user).catch(e=>{throw r.v.error(e instanceof Error?e.message:String(e)),l})}}var c=t(22903);let u=(0,a.eU)({key:"user",default:{}}),d=()=>{let{accessToken:e}=(0,c.h)(),n=(0,s.useMemo)(()=>new _(e),[e]),[t,o]=(0,a.L4)(u),r=async e=>{let{domainName:t}=e;o(await n.request({domainName:t}))};return"UserResultSuccess"===t.__typename?{domainName:t.user.domain_name,answerStats:t.user.answerStats,questionCount:t.user.question_count,user:t,fetchUser:r}:{domainName:"",answerStats:{totalCount:0,acceptedAnswerCount:0,totalStampCount:0},questionCount:0,user:t,fetchUser:r}}},49119:e=>{e.exports={container:"dialog_container__NaD4m",inner:"dialog_inner__vlJMb",close:"dialog_close__mp74k"}},51096:e=>{e.exports={mini:"tab_mini__Ry6gK",tiny:"tab_tiny__HVYeq",small:"tab_small__rEHnF",medium:"tab_medium__hAJd6",large:"tab_large__fnABV",big:"tab_big__cYGjz",huge:"tab_huge__6rENj",base:"tab_base__usjF1",icon:"tab_icon__529p6",tab:"tab_tab__TQYtg",active:"tab_active__9_1yI",bold:"tab_bold__9XRHg",marker:"tab_marker__LikHE",sub:"tab_sub__sS4zH",custom:"tab_custom__mCEYf"}},33977:e=>{e.exports={mini:"tag_mini__7kdF9",tiny:"tag_tiny__ZTz1V",small:"tag_small__W69nS",medium:"tag_medium__qZVds",large:"tag_large__lGqBO",big:"tag_big__Br7QZ",huge:"tag_huge__V6Stf",base:"tag_base__KLP4Y",skyblue:"tag_skyblue__VU3c7",position1:"tag_position1__vEzJa",royalblue:"tag_royalblue__uYy21",white:"tag_white__sAOLV",position2:"tag_position2__rF99J",bronze:"tag_bronze__LhxVG",position3:"tag_position3__yM9aO",silver:"tag_silver__wgBq9",position4:"tag_position4__lG_1i",gold:"tag_gold__np7QV",position5:"tag_position5__2BpOS",black:"tag_black__nFHlv",myTag:"tag_myTag__t0EHW",removable:"tag_removable__Y9MXj",delete:"tag_delete__lLEkp"}},63983:e=>{e.exports={mini:"title_mini__q4w0_",tiny:"title_tiny__uwOLJ",small:"title_small__avGaZ",medium:"title_medium__XAuhU",large:"title_large__o2A9J",big:"title_big__6iAS0",huge:"title_huge__wJ0hV",base:"title_base__7wQau",center:"title_center__sYJUY",underlined:"title_underlined__CwDef",space:"title_space___k99x",snowgray:"title_snowgray__U0JL0",limegreen:"title_limegreen__idpT_",bluegreen:"title_bluegreen___fE3z"}},36827:e=>{e.exports={mini:"breadcrumb_mini__KIEv0",tiny:"breadcrumb_tiny__deeWK",small:"breadcrumb_small__NWi_J",medium:"breadcrumb_medium__zOUmz",large:"breadcrumb_large__QZ5Vp",big:"breadcrumb_big__RkDbv",huge:"breadcrumb_huge__4WP5S",container:"breadcrumb_container__sq8Mn"}},74396:e=>{e.exports={space:"tabs_space__wstCd",underlined:"tabs_underlined__Cz1je"}},64972:e=>{e.exports={container:"connectionsContent_container__pAwZO",tab:"connectionsContent_tab__5X_qB"}},11258:e=>{e.exports={mini:"connectionsHeader_mini__sFFMz",tiny:"connectionsHeader_tiny__nS2kv",small:"connectionsHeader_small__yUVTG",medium:"connectionsHeader_medium__Eg25j",large:"connectionsHeader_large__xQNMJ",big:"connectionsHeader_big__bV2_D",huge:"connectionsHeader_huge__yykkN",breadcrumb:"connectionsHeader_breadcrumb__d0Mqv",title:"connectionsHeader_title___JSkd"}},56886:e=>{e.exports={container:"connectionsListArea_container__IRtyD",users:"connectionsListArea_users__SetEg",empty:"connectionsListArea_empty__R0_cF"}},38170:e=>{e.exports={tab:"connectionsTab_tab__gvdWJ"}},38088:e=>{e.exports={mini:"connectionsUser_mini__H7Wo8",tiny:"connectionsUser_tiny__FXL49",small:"connectionsUser_small__lmry5",medium:"connectionsUser_medium__gFk8X",large:"connectionsUser_large__1mOH7",big:"connectionsUser_big___xvQB",huge:"connectionsUser_huge__wLmSe",container:"connectionsUser_container__v7eAZ",boxUserName:"connectionsUser_boxUserName__Ak_47",boxUserStatus:"connectionsUser_boxUserStatus__hihEr",userScoreTxt:"connectionsUser_userScoreTxt__Ge9dI",userScoreCount:"connectionsUser_userScoreCount__j4u0u",boxUserCount:"connectionsUser_boxUserCount__0a1I5",boxUserQuestionCount:"connectionsUser_boxUserQuestionCount__vRMF7",boxUserAnswerCount:"connectionsUser_boxUserAnswerCount__88N4g",boxUserQuestionCountTxt:"connectionsUser_boxUserQuestionCountTxt__FQRvi",boxUserAnswerCountTxt:"connectionsUser_boxUserAnswerCountTxt__w2rNq",boxTagScore:"connectionsUser_boxTagScore__gUslt",boxButton:"connectionsUser_boxButton__rrf0I",boxUserThumb:"connectionsUser_boxUserThumb__9Ecn6",hasMyTag:"connectionsUser_hasMyTag___Jfyu",userThumb:"connectionsUser_userThumb__fVkJU"}},45663:e=>{e.exports={tagScore:"tagScoreArea_tagScore__AmsIR",tagScoreTxt:"tagScoreArea_tagScoreTxt__eC5VA",tagScoreCount:"tagScoreArea_tagScoreCount_____Md",more:"tagScoreArea_more__f3SIV"}},30797:e=>

1{e.exports={container:"container_container__6Ss1_",twoColumn:"container_twoColumn__vOQTM",isSpPadding:"container_isSpPadding__1B81v"}},82421:e=>{e.exports={container:"loginDialog_container__E_CF8",footer:"loginDialog_footer__XBhi3",sp:"loginDialog_sp__5XwBq",title:"loginDialog_title__fYboI",registerButton:"loginDialog_registerButton__vrJD6",pc:"loginDialog_pc__4QUpE"}},73039:e=>{e.exports={title1:"loginForm_title1__WkOCV",title2:"loginForm_title2__buzFT",buttons:"loginForm_buttons__POOuZ",description:"loginForm_description__d01Au",passwordInput:"loginForm_passwordInput__13iq9",forgotPassword:"loginForm_forgotPassword__P7srD",loginButton:"loginForm_loginButton__9fvop",errorMessage1:"loginForm_errorMessage1__Gg9_0",errorMessage2:"loginForm_errorMessage2__Ts_5A"}},50787:e=>{e.exports={container:"main_container__vMzTg"}},90649:e=>{e.exports={mini:"notFound_mini__Z_sMU",tiny:"notFound_tiny__QYIiv",small:"notFound_small__RmrUk",medium:"notFound_medium__WPLuw",large:"notFound_large__6xlkk",big:"notFound_big__fp8pL",huge:"notFound_huge__f5dCX",notFoundWrapper:"notFound_notFoundWrapper___3QaD",notFoundTitle:"notFound_notFoundTitle__IziZD",notFoundError:"notFound_notFoundError__BJ4mv",notFoundErrorCode:"notFound_notFoundErrorCode__6Xqe9",notFoundMessageFirst:"notFound_notFoundMessageFirst__aI2LN",notFoundMessageSecond:"notFound_notFoundMessageSecond__Km5_T",notFoundMessageThird:"notFound_notFoundMessageThird__CKm5U",notFoundMessageFourth:"notFound_notFoundMessageFourth__O0Xbn",notFoundLinkIndex:"notFound_notFoundLinkIndex__S_Mv6"}},36289:e=>{e.exports={container:"siteStaticHeader_container__2pRDA",outer:"siteStaticHeader_outer__oHCQW",isNotProduction:"siteStaticHeader_isNotProduction__YGVfh",inner:"siteStaticHeader_inner__AQfu5",logo:"siteStaticHeader_logo__coI0W",annivLogo:"siteStaticHeader_annivLogo__71DT1",logoLink:"siteStaticHeader_logoLink__20BRc",loginLink:"siteStaticHeader_loginLink__MzxNn",registerLink:"siteStaticHeader_registerLink__i64c6",marginBottom:"siteStaticHeader_marginBottom__MyXt6",annivLogoImgPc:"siteStaticHeader_annivLogoImgPc__c8zhH",annivLogoImgSp:"siteStaticHeader_annivLogoImgSp__pOmbW"}},13368:(e,n,t)=>{e.exports=t(86085)}},e=>{var n=n=>e(e.s=n);e.O(0,[8037,1106,8516,7955,5794,6732,6425,1994,636,6593,8792],()=>n(32240)),_N_E=e.O()}]);