1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[888,179],{77300:function(t){"use strict";t.exports=JSON.parse('{"TN":"Tech Blog","v":"ssu","r9":"Tech Blog - \u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306b\u95a2\u3057\u3066\u306e\u5099\u5fd8\u9332","WL":"\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306b\u95a2\u3057\u3066\u306e\u5099\u5fd8\u9332","dK":"ja-jp","or":"https://techblg.app","BH":"/static/images/avatar.png","Ao":"/static/images/twitter-card.png","Do":"[email protected]","bW":"","km":"","qv":"","ZB":"","kG":"","SP":"ja-JP"}')},70265:function(t,e,r){"use strict";var n=r(26265),a=r(37146),i=r(38347),l=r(41664);function c(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function o(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?c(Object(r),!0).forEach((function(e){(0,n.Z)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}e.Z=function(t){var e=t.href,r=(0,i.Z)(t,["href"]),n=e&&e.startsWith("/"),c=e&&e.startsWith("#");return n?(0,a.tZ)(l.default,{href:e,children:(0,a.tZ)("a",o({},r))}):c?(0,a.tZ)("a",o({href:e},r)):(0,a.tZ)("a",o({target:"_blank",rel:"noopener noreferrer",href:e},r))}},82496:function(t,e,r){"use strict";r.d(e,{HJ:function(){return c},Is:function(){return o},JV:function(){return s}});var n=r(37146),a=r(2962),i=r(77300),l=r(34155),c={title:i.TN,description:i.WL,openGraph:{type:"website",locale:i.dK,url:i.or,title:i.TN,description:i.WL,images:[{url:"".concat(i.or).concat(i.Ao),alt:i.TN,width:1200,height:600}]},twitter:{handle:i.km,site:i.km,cardType:"summary_large_image"},additionalMetaTags:[{name:"author",content:i.v}]},o=function(t){var e=t.title,r=t.description,c=t.url;return(0,n.BX)(n.HY,{children:[l.env.REFRESH&&(0,n.tZ)("meta",{httpEquiv:"refresh",content:"0;url=".concat(c)}),(0,n.tZ)(a.PB,{title:"".concat(e," \u2013 ").concat(i.TN),description:r,canonical:c,openGraph:{url:c,title:e,description:r}})]})},s=function(t){var e=t.title,r=t.summary,c=t.date,o=t.lastmod,s=t.url,u=t.tags,d=t.images,h=void 0===d?[]:d,f=new Date(c).toISOString(),p=new Date(o||c).toISOString(),g=(0===h.length?[i.Ao]:"string"===typeof h?[h]:h).map((function(t){return{url:"".concat(i.or).concat(t),alt:e}}));return(0,n.BX)(n.HY,{children:[l.env.REFRESH&&(0,n.tZ)("meta",{httpEquiv:"refresh",content:"0;url=".concat(s)}),(0,n.tZ)(a.PB,{title:"".concat(e," \u2013 ").concat(i.TN),description:r,canonical:s,openGraph:{type:"article",article:{publishedTime:f,modifiedTime:p,authors:["".concat(i.or,"/about")],tags:u},url:s,title:e,description:r,images:g},additionalMetaTags:[{name:"twitter:image",content:g[0].url}]}),(0,n.tZ)(a.dX,{authorName:i.v,dateModified:p,datePublished:f,description:r,images:g,publisherName:i.v,title:e,url:s})]})}},47290:function(t,e,r){"use strict";r.d(e,{Z:function(){return a}});var n=r(37146);function a(t){var e=t.children;return(0,n.tZ)("div",{className:"max-w-3xl px-4 mx-auto sm:px-6 xl:max-w-5xl xl:px-0",children:e})}},81008:function(t,e,r){"use strict";r.d(e,{Z:function(){return b}});var n,a,i,l,c,o,s,u=r(37146),d=r(59748);function h(){return(h=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}function f(){return(f=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}function p(){return(p=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}function g(){return(g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];
1for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}function m(){return(m=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}function v(){return(v=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}var w={mail:function(t){return d.createElement("svg",h({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},t),n||(n=d.createElement("path",{d:"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"})),a||(a=d.createElement("path",{d:"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"})))},github:function(t){return d.createElement("svg",f({viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t),i||(i=d.createElement("path",{d:"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"})))},facebook:function(t){return d.createElement("svg",p({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},t),l||(l=d.createElement("path",{d:"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"})))},youtube:function(t){return d.createElement("svg",g({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},t),c||(c=d.createElement("path",{d:"M23.499 6.203a3.008 3.008 0 00-2.089-2.089c-1.87-.501-9.4-.501-9.4-.501s-7.509-.01-9.399.501a3.008 3.008 0 00-2.088 2.09A31.258 31.26 0 000 12.01a31.258 31.26 0 00.523 5.785 3.008 3.008 0 002.088 2.089c1.869.502 9.4.502 9.4.502s7.508 0 9.399-.502a3.008 3.008 0 002.089-2.09 31.258 31.26 0 00.5-5.784 31.258 31.26 0 00-.5-5.808zm-13.891 9.4V8.407l6.266 3.604z"})))},linkedin:function(t){return d.createElement("svg",m({viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t),o||(o=d.createElement("path",{d:"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"})))},twitter:function(t){return d.createElement("svg",v({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},t),s||(s=d.createElement("path",{d:"M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"})))}},b=function(t){var e=t.kind,r=t.href,n=t.size,a=void 0===n?8:n;if(!r)return null;var i=w[e];return(0,u.BX)("a",{className:"text-sm text-gray-500 transition hover:text-gray-600",target:"_blank",rel:"noopener noreferrer",href:r,children:[(0,u.tZ)("span",{className:"sr-only",children:e}),(0,u.tZ)(i,{className:"fill-current text-gray-700 dark:text-gray-200 hover:text-blue-500 dark:hover:text-blue-400 h-".concat(a," w-").concat(a)})]})}},57666:function(t,e,r){"use strict";r.r(e),r.d(e,{default:function(){return N}});var n,a,i,l=r(26265),c=r(37146),o=(r(11887),r(3905),r(40425)),s=r(2962),u=r(9008),d=r(82496),h=r(77300),f=[{href:"/articles",title:"\u8a18\u4e8b\u4e00\u89a7"},{href:"/tags",title:"Tags"},{href:"/about",title:"About"}],p=r(59748);function g(){return(g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];
1for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t}).apply(this,arguments)}var m=function(t){return p.createElement("svg",g({xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"344.564 330.278 111.737 91.218",width:53.87,height:43.61},t),n||(n=p.createElement("defs",null,p.createElement("linearGradient",{id:"logo_svg__b",gradientUnits:"userSpaceOnUse",x1:420.97,y1:331.28,x2:420.97,y2:418.5},p.createElement("stop",{offset:"0%",stopColor:"#06b6d4"}),p.createElement("stop",{offset:"100%",stopColor:"#67e8f9"})),p.createElement("linearGradient",{id:"logo_svg__d",gradientUnits:"userSpaceOnUse",x1:377.89,y1:331.28,x2:377.89,y2:418.5},p.createElement("stop",{offset:"0%",stopColor:"#06b6d4"}),p.createElement("stop",{offset:"100%",stopColor:"#67e8f9"})),p.createElement("path",{d:"M453.3 331.28v28.57l-64.66 58.65v-30.08l64.66-57.14z",id:"logo_svg__a"}),p.createElement("path",{d:"M410.23 331.28v28.57l-64.67 58.65v-30.08l64.67-57.14z",id:"logo_svg__c"}))),a||(a=p.createElement("use",{xlinkHref:"#logo_svg__a",fill:"url(#logo_svg__b)"})),i||(i=p.createElement("use",{xlinkHref:"#logo_svg__c",fill:"url(#logo_svg__d)"})))},v=r(70265),w=r(47290),b=r(81008);function y(){return(0,c.tZ)("footer",{children:(0,c.BX)("div",{className:"flex flex-col items-center mt-16",children:[(0,c.BX)("div",{className:"flex mb-3 space-x-4",children:[(0,c.tZ)(b.Z,{kind:"mail",href:"mailto:".concat(h.Do),size:"6"}),(0,c.tZ)(b.Z,{kind:"github",href:h.bW,size:"6"}),(0,c.tZ)(b.Z,{kind:"facebook",href:h.qv,size:"6"}),(0,c.tZ)(b.Z,{kind:"youtube",href:h.ZB,size:"6"}),(0,c.tZ)(b.Z,{kind:"linkedin",href:h.kG,size:"6"}),(0,c.tZ)(b.Z,{kind:"twitter",href:h.km,size:"6"})]}),(0,c.BX)("div",{className:"flex mb-2 space-x-2 text-sm text-gray-500 dark:text-gray-400",children:[(0,c.tZ)("div",{children:h.v}),(0,c.tZ)("div",{children:" \u2022 "}),(0,c.tZ)("div",{children:"\xa9 ".concat((new Date).getFullYear())}),(0,c.tZ)("div",{children:" \u2022 "}),(0,c.tZ)(v.Z,{href:"/",children:h.TN})]}),(0,c.tZ)("div",{className:"mb-8 text-sm text-gray-500 dark:text-gray-400"})]})})}var x=function(){var t=(0,p.useState)(!1),e=t[0],r=t[1],n=function(){r((function(t){return document.body.style.overflow=t?"auto":"hidden",!t}))};return(0,c.BX)("div",{className:"sm:hidden",children:[(0,c.tZ)("button",{type:"button",className:"w-8 h-8 ml-1 mr-1 rounded","aria-label":"Toggle Menu",onClick:n,children:(0,c.tZ)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:"text-gray-900 dark:text-gray-100",children:e?(0,c.tZ)("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}):(0,c.tZ)("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"})})}),(0,c.BX)("div",{className:"fixed w-full h-full top-24 right-0 bg-gray-200 dark:bg-gray-800 opacity-95 z-10 transform ease-in-out duration-300 ".concat(e?"translate-x-0":"translate-x-full"),children:[(0,c.tZ)("button",{type:"button","aria-label":"toggle modal",className:"fixed w-full h-full cursor-auto focus:outline-none",onClick:n}),(0,c.tZ)("nav",{className:"fixed h-full mt-8",children:f.map((function(t){return(0,c.tZ)("div",{className:"px-12 py-4",children:(0,c.tZ)(v.Z,{href:t.href,className:"text-2xl font-bold tracking-widest text-gray-900 dark:text-gray-100",onClick:n,children:t.title})},t.title)}))})]})]})},Z=function(){var t=(0,p.useState)(!1),e=t[0],r=t[1],n=(0,o.F)(),a=n.theme,i=n.setTheme,l=n.resolvedTheme;return(0,p.useEffect)((function(){return r(!0)}),[]),(0,c.tZ)("button",{"aria-label":"Toggle Dark Mode",type:"button",className:"w-8 h-8 p-1 ml-1 mr-1 rounded sm:ml-4",onClick:function(){return i("dark"===a||"dark"===l?"light":"dark")},children:(0,c.tZ)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:"text-gray-900 dark:text-gray-100",children:!e||"dark"!==a&&"dark"!==l?(0,c.tZ)("path",{d:"M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"}):(0,c.tZ)("path",{fillRule:"evenodd",d:"M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z",clipRule:"evenodd"})})})},O=function(t){var e=t.children;return(0,c.tZ)(w.Z,{children:(0,c.BX)("div",{className:"flex flex-col justify-between h-screen",children:[(0,c.BX)("header",{className:"flex items-center justify-between py-10",children:[(0,c.tZ)("div",{children:(0,c.tZ)(v.Z,{href:"/","aria-label":"Tailwind CSS Blog",children:(0,c.BX)("div",{className:"flex items-center justify-between",children:[(0,c.tZ)("div",{className:"mr-3",children:(0,c.tZ)(m,{})}),"string"===typeof h.r9?(0,c.tZ)("div",{className:"hidden h-6 text-2xl font-semibold sm:block",children:h.r9}):h.r9]})})}),(0,c.BX)("div",{className:"flex items-center text-base leading-5",children:[(0,c.tZ)("div",{className:"hidden sm:block",children:f.map((function(t){return(0,c.tZ)(v.Z,{href:t.href,className:"p-1 font-medium text-gray-900 sm:p-4 dark:text-gray-100",children:t.title},t.title)}))}),(0,c.tZ)(Z,{}),(0,c.tZ)(x,{})]})]}),(0,c.tZ)("main",{className:"mb-auto",children:e}),(0,c.tZ)(y,{})]})})};function k(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function j(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};
1e%2?k(Object(r),!0).forEach((function(e){(0,l.Z)(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var _=function(t){var e=t.trackingId;return(0,c.BX)(c.HY,{children:[(0,c.tZ)("script",{async:!0,src:"https://www.googletagmanager.com/gtag/js?id=".concat(e)}),(0,c.tZ)("script",{dangerouslySetInnerHTML:{__html:"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', '".concat(e,"');\n ")}})]})};function N(t){var e=t.Component,r=t.pageProps;return(0,c.BX)(o.f,{attribute:"class",children:[(0,c.BX)(u.default,{children:[(0,c.tZ)("meta",{content:"width=device-width, initial-scale=1",name:"viewport"}),(0,c.tZ)(_,{trackingId:"UA-197873252-1"})]}),(0,c.tZ)(s.lX,j({},d.HJ)),(0,c.tZ)(O,{children:(0,c.tZ)(e,j({},r))})]})}},81780:function(t,e,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return r(57666)}])},11887:function(){},14453:function(){}},function(t){var e=function(e){return t(t.s=e)};t.O(0,[351,433,422,945],(function(){return e(81780),e(72441)}));var r=t.O();_N_E=r}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.