1<!DOCTYPE html><html lang="ja" class="__variable_50a98f"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/1755441e3a2fa970-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/e19707fd7cdfc5e0.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/f2186513b6ee3410.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-5e63c03c13a375f6.js"/>
1<script src="/_next/static/chunks/8c94a81c-a7fe02ffd772457a.js" async=""></script>
1<script src="/_next/static/chunks/459-82290b86bd73876b.js" async=""></script>
1<script src="/_next/static/chunks/main-app-d2eab417d312166b.js" async=""></script>
1<script src="/_next/static/chunks/2eeee4df-59a1fe1fa2e64de8.js" async=""></script>
1<script src="/_next/static/chunks/4f35a300-ae451320012d2544.js" async=""></script>
1<script src="/_next/static/chunks/625-a35a757398582625.js" async=""></script>
1<script src="/_next/static/chunks/668-4b140baa9aba86b6.js" async=""></script>
1<script src="/_next/static/chunks/229-133308e45af0a26e.js" async=""></script>
1<script src="/_next/static/chunks/382-2f7bf71a4e2feeb8.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-739a9f6860585f7b.js" async=""></script>
1<script src="/_next/static/chunks/513-950aac732c3da641.js" async=""></script>
1<script src="/_next/static/chunks/346-da3a3bfe0e4464b9.js" async=""></script>
1<script src="/_next/static/chunks/146-f8270705aac9a030.js" async=""></script>
1<script src="/_next/static/chunks/app/page-1a7e81da990e95b9.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>yui.design - UIãã¶ã¤ã³ãªãã¡ã¬ã³ã¹ãµã¼ãã¹</title><meta name="description" content="ã¢ãã¤ã«ã¢ããªã®UIãã¶ã¤ã³ãåéã»æ´çãããã¶ã¤ãã¼åãã®ã£ã©ãªã¼ãã©ãããã©ã¼ã "/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div><div><div><div class="w-screen flex flex-row"><div class="w-[188px] h-[100dvh] bg-[#26353C] fixed transition-all duration-300 ease-in-out z-[50] -left-[188px] sm:left-0"><div class="w-[188px]"><div class="hidden max-[480px]:block"><button type="button" class="mx-[13px] my-[29px] mb-[34px] appearance-none bg-transparent border-none cursor-pointer p-0"><div class="flex"><img alt="back" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="block" style="color:transparent" src="/assets/back.svg"/><div class="ml-[7px]"><div class="font-['Noto_Sans'] font-normal whitespace-pre-line no-underline" style="font-weight:bold;font-size:14px;line-height:19px;color:#FFFFFF">éãã</div></div></div></button></div><div class="block max-[480px]:hidden"><div class="p-[18px_14px]"><a href="/"><div><h1 class="text-black font-['Hiragino_Sans'] text-sm font-normal cursor-pointer"><img alt="yui.design" loading="lazy" width="30" height="30" decoding="async" data-nimg="1" style="color:transparent;height:30px;width:auto" src="/logo_white.svg"/></h1></div></a></div></div><div><div class="[&_a]:no-underline"><a href="/"><div class="text-sm font-['Noto_Sans'] font-normal py-[11px] px-[22px] cursor-pointer border-l-[5px] text-white font-bold border-white">iOS</div></a></div></div><div class="absolute bottom-0 z-[1] my-[55px]"><div><div class="px-4 py-2.5"><div><a href="https://www.notion.so/yui-design-53a11b67c4e5424bb38dacbb4b12ab46" target="blank" class="text-[#93989A] text-xs font-['Noto_Sans'] no-underline hover:underline">yui.designã¨ã¯</a></div></div><div class="px-4 py-2.5"><div><a href="https://www.notion.so/ca518791d31d4021827f9fd7d1269aed" target="blank" class="text-[#93989A] text-xs font-['Noto_Sans'] no-underline hover:underline">å©ç¨è¦ç´</a></div></div><div class="px-4 py-2.5"><div><a href="https://www.notion.so/0aafce7bf52947a383ee8c0a413a9427" target="blank" class="text-[#93989A] text-xs font-['Noto_Sans'] no-underline hover:underline">ãã©ã¤ãã·ã¼</a></div></div></div></div></div></div><div class="h-full ml-[188px] mb-[200px] w-[calc(100vw-188px)] bg-white overflow-x-hidden max-[599px]:w-screen max-[599px]:m-0"><div class="hidden max-[599px]:flex h-16 bg-[#26353C] w-screen text-center box-border"><div class="m-5 mx-4 cursor-pointer"><img alt="icon" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" class="h-auto" style="color:transparent;width:24px" src="/assets/hamburger.svg"/></div><div class="my-5 mx-0 text-center mr-[58px] w-full cursor-pointer"><a href="/"><div><h1 class="text-black font-['Hiragino_Sans'] text-sm font-normal cursor-pointer"><img alt="yui.design" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" style="color:transparent;height:32px;width:auto" src="/logo_white.svg"/></h1></div></a></div></div><div style="width:40px;height:40px"></div><div style="min-height:0"></div><div class="mx-10 max-[599px]:mx-0"><div class="my-[21px] mt-[21px] mb-4 max-[599px]:my-8 max-[599px]:mt-8 max-[599px]:mb-4 max-[599px]:mx-4"><div class="font-['Noto_Sans'] font-normal whitespace-pre-line no-underline" style="font-weight:bold;font-size:48px;line-height:65px;color:#1B2B33">iOS</div></div><a href="/"><div class="mr-6 inline-block max-[599px]:mr-0"><div class="inline-block max-[767px]:w-[50vw] max-[767px]:text-center"><div class="px-1 text-center inline-block max-[767px]:w-[50vw] max-[767px]:text-center max-[767px]:py-[7px] max-[767px]:px-0"><div class="font-['Noto_Sans'] font-normal whitespace-pre-line no-underline" style="font-weight:bold;font-size:18px;line-height:25px;color:#282F2C">ã¢ããª</div></div><div class="h-0.5 rounded-[1px] bg-black"></div></div></div></a><a href="/screenshots"><div class="mr-6 inline-block max-[599px]:mr-0"><div class="inline-block max-[767px]:w-[50vw] max-[767px]:text-center"><div class="px-1 text-center inline-block max-[767px]:w-[50vw] max-[767px]:text-center max-[767px]:py-[7px] max-[767px]:px-0"><div class="font-['Noto_Sans'] font-normal whitespace-pre-line no-underline transition-all duration-200 ease-in-out" style="font-weight:normal;font-size:18px;line-height:25px;color:#93989A">UIãã¿ã¼ã³</div></div><div class="hidden max-[767px]:block h-0.5 bg-[#F5F5F5]"></div></div></div></a></div><div class="pt-8 px-10 pb-3.5 max-[599px]:pt-7 max-[599px]:px-4 max-[599px]:pb-3.5"><div class="flex"><div class="mr-1"><img alt="icon" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="h-auto" style="color:transparent;width:16px" src="/assets/filter.svg"/></div><div class="font-['Noto_Sans'] font-normal whitespace-pre-line no-underline" style="font-weight:bold;font-size:12px;line-height:16px;color:#93989A">ãã£ã«ã¿ã¼</div></div><div class="mt-1 flex"><div class="mr-3 cursor-pointer"><div><div class="inline-block border box-border rounded-[2px] text-sm leading-[19px] font-['Noto_Sans'] bg-white border-[#C9CBCC] text-[#93989A]"><div class="inline-flex font-['Noto_Sans']"><div class="py-[5px] px-4">ã¸ã£ã³ã«</div></div></div></div></div></div></div><div class="relative w-full h-16 mt-16"><div class="absolute inset-0 m-auto w-16 h-16"><span style="display:inherit;position:relative;width:64px;
1height:64px"><span style="position:absolute;height:64px;width:64px;background-color:#93989A;border-radius:100%;opacity:0.6;top:0;left:0;animation-fill-mode:both;animation:react-spinners-BounceLoader-bounce 2.1s 1s infinite ease-in-out"></span><span style="position:absolute;height:64px;width:64px;background-color:#93989A;border-radius:100%;opacity:0.6;top:0;left:0;animation-fill-mode:both;animation:react-spinners-BounceLoader-bounce 2.1s 0s infinite ease-in-out"></span></span></div></div></div></div></div></div><!--$--><!--/$-->
1<script src="/_next/static/chunks/webpack-5e63c03c13a375f6.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[2804,[\"807\",\"static/chunks/2eeee4df-59a1fe1fa2e64de8.js\",\"349\",\"static/chunks/4f35a300-ae451320012d2544.js\",\"625\",\"static/chunks/625-a35a757398582625.js\",\"668\",\"static/chunks/668-4b140baa9aba86b6.js\",\"229\",\"static/chunks/229-133308e45af0a26e.js\",\"382\",\"static/chunks/382-2f7bf71a4e2feeb8.js\",\"177\",\"static/chunks/app/layout-739a9f6860585f7b.js\"],\"Providers\"]\n3:I[1072,[\"807\",\"static/chunks/2eeee4df-59a1fe1fa2e64de8.js\",\"349\",\"static/chunks/4f35a300-ae451320012d2544.js\",\"625\",\"static/chunks/625-a35a757398582625.js\",\"668\",\"static/chunks/668-4b140baa9aba86b6.js\",\"229\",\"static/chunks/229-133308e45af0a26e.js\",\"382\",\"static/chunks/382-2f7bf71a4e2feeb8.js\",\"177\",\"static/chunks/app/layout-739a9f6860585f7b.js\"],\"AuthInitializer\"]\n4:I[5128,[\"807\",\"static/chunks/2eeee4df-59a1fe1fa2e64de8.js\",\"349\",\"static/chunks/4f35a300-ae451320012d2544.js\",\"625\",\"static/chunks/625-a35a757398582625.js\",\"668\",\"static/chunks/668-4b140baa9aba86b6.js\",\"229\",\"static/chunks/229-133308e45af0a26e.js\",\"382\",\"static/chunks/382-2f7bf71a4e2feeb8.js\",\"177\",\"static/chunks/app/layout-739a9f6860585f7b.js\"],\"default\"]\n5:I[7224,[\"807\",\"static/chunks/2eeee4df-59a1fe1fa2e64de8.js\",\"349\",\"static/chunks/4f35a300-ae451320012d2544.js\",\"625\",\"static/chunks/625-a35a757398582625.js\",\"668\",\"static/chunks/668-4b140baa9aba86b6.js\",\"229\",\"static/chunks/229-133308e45af0a26e.js\",\"382\",\"static/chunks/382-2f7bf71a4e2feeb8.js\",\"177\",\"static/chunks/app/layout-739a9f6860585f7b.js\"],\"default\"]\n6:I[1124,[],\"\"]\n7:I[2882,[],\"\"]\n8:I[4680,[\"807\",\"static/chunks/2eeee4df-59a1fe1fa2e64de8.js\",\"349\",\"static/chunks/4f35a300-ae451320012d2544.js\",\"625\",\"static/chunks/625-a35a757398582625.js\",\"513\",\"static/chunks/513-950aac732c3da641.js\",\"346\",\"static/chunks/346-da3a3bfe0e4464b9.js\",\"146\",\"static/chunks/146-f8270705aac9a030.js\",\"974\",\"static/chunks/app/page-1a7e81da990e95b9.
1js\"],\"default\"]\n9:I[769,[],\"OutletBoundary\"]\nb:I[6012,[],\"AsyncMetadataOutlet\"]\nd:I[769,[],\"ViewportBoundary\"]\nf:I[769,[],\"MetadataBoundary\"]\n10:\"$Sreact.suspense\"\n12:I[8656,[],\"\"]\n:HL[\"/_next/stati"])</script>
1<script>self.__next_f.push([1,"c/media/1755441e3a2fa970-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/e19707fd7cdfc5e0.css\",\"style\"]\n:HL[\"/_next/static/css/f2186513b6ee3410.css\",\"style\"]\n0:{\"P\":null,\"b\":\"TvRyW0y_G1nZVD1oEvjPG\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e19707fd7cdfc5e0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f2186513b6ee3410.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"ja\",\"className\":\"__variable_50a98f\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{}],[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}],\"$undefined\"]}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L8\",null,{}],null,[\"$\",\"$L9\",null,{\"children\":[\"$La\",[\"$\",\"$Lb\",null,{\"promise\":\"$@c\"}]]}]]}],{},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$10\",null,{\"fallback\":null,\"children\":\"$L11\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$12\",[]],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\na:null\n"])</script>
1<script>self.__next_f.push([1,"c:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"yui.design - UIãã¶ã¤ã³ãªãã¡ã¬ã³ã¹ãµã¼ãã¹\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"ã¢ãã¤ã«ã¢ããªã®UIãã¶ã¤ã³ãåéã»æ´çãããã¶ã¤ãã¼åãã®ã£ã©ãªã¼ãã©ãããã©ã¼ã \"}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"11:\"$c:metadata\"\n"])</script>
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"28e449fc50ea4bc58855c54491685b73","r":1,"spa":2}' crossorigin="anonymous"></script>
1 2</body></html>
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.