CINXE.COM

<!DOCTYPE html><html lang="ja"><head><meta charSet="utf-8"/><meta content="width=device-width, initial-scale=1" name="viewport"/><title>ヤマユさんの記事一覧 | Zenn</title><meta name="robots" content="noindex, nofollow"/><meta name="description" content="フロントエンドエンジニア「スケール」という言葉が好きでよく使います"/><link rel="canonical" href="https://zenn.dev/yamachan0625"/><meta name="twitter:card" content="summary"/><meta property="og:url" content="https://zenn.dev/yamachan0625"/><meta property="og:title" content="ヤマユさんの記事一覧"/><meta property="og:image" content="https://storage.googleapis.com/zenn-user-upload/avatar/fe1d0f9e0c.jpeg"/><meta property="og:description" content="フロントエンドエンジニア「スケール」という言葉が好きでよく使います"/><meta property="og:type" content="article"/><meta property="og:site_name" content="Zenn"/><link href="https://zenn.dev/yamachan0625/feed" rel="alternate" title="ヤマユさんのZennの投稿フィード" type="application/rss+xml"/><meta name="next-head-count" content="14"/><script nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=">var displayMode = 'browser'; if (window.matchMedia('(display-mode: standalone)').matches) { displayMode = 'standalone'; // PWA } else if (window.navigator.standalone === true) { displayMode = 'standalone'; // PWA on iOS Safari } window.dataLayer = window.dataLayer || []; window.dataLayer.push({'display_mode': displayMode});</script><script nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K42DRM8');</script><script async="" src="https://www.googletagmanager.com/gtag/js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54="></script><script nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=">window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date());</script><script src="https://embed.zenn.studio/js/listen-embed-event.js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54="></script><style nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54="> @font-face { font-family: 'Inter'; font-weight: 600; font-display: swap; src: local(''), url('https://static.zenn.studio/fonts/inter-v3-latin-600.woff2') format('woff2'); } @font-face { font-family: 'Inter'; font-weight: 700; font-display: swap; src: local(''), url('https://static.zenn.studio/fonts/inter-v3-latin-700.woff2') format('woff2'); }</style><meta content="Zenn" name="apple-mobile-web-app-title"/><link href="/manifest.json" rel="manifest"/><link href="https://static.zenn.studio/images/logo-transparent.png" rel="shortcut icon" type="image/png"/><link href="https://static.zenn.studio/images/icon.png" rel="apple-touch-icon-precomposed" type="image/png"/><link nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" rel="preload" href="https://static.zenn.studio/_next/static/css/c98e2d4c357fbe9f.css" as="style"/><link nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" rel="stylesheet" href="https://static.zenn.studio/_next/static/css/c98e2d4c357fbe9f.css" data-n-g=""/><link nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" rel="preload" href="https://static.zenn.studio/_next/static/css/a77653507e3a70a7.css" as="style"/><link nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" rel="stylesheet" href="https://static.zenn.studio/_next/static/css/a77653507e3a70a7.css" data-n-p=""/><link nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" rel="preload" href="https://static.zenn.studio/_next/static/css/0cc4a13b66c79504.css" as="style"/><link nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" rel="stylesheet" href="https://static.zenn.studio/_next/static/css/0cc4a13b66c79504.css"/><noscript data-n-css="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54="></noscript><script defer="" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" nomodule="" src="https://static.zenn.studio/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script defer="" src="https://static.zenn.studio/_next/static/chunks/2980-a88bcc3b291bdfa7.js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54="></script><script defer="" src="https://static.zenn.studio/_next/static/chunks/8995.a8cec3a720fb9cf6.js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54="></script><script src="https://static.zenn.studio/_next/static/chunks/webpack-b1e7249ff5e93c77.js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" defer=""></script><script src="https://static.zenn.studio/_next/static/chunks/framework-ca706bf673a13738.js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" defer=""></script><script src="https://static.zenn.studio/_next/static/chunks/main-e87375bda7b226b4.js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" defer=""></script><script src="https://static.zenn.studio/_next/static/chunks/pages/_app-1ac98e4f6170e59b.js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" defer=""></script><script src="https://static.zenn.studio/_next/static/chunks/2001-b0dc4bec07955a59.js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" defer=""></script><script src="https://static.zenn.studio/_next/static/chunks/pages/%5Busername%5D-c2e5cc1d6ac1dc44.js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" defer=""></script><script src="https://static.zenn.studio/_next/static/6cWpQ5Z1LAtdbyaB4EE5X/_buildManifest.js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" defer=""></script><script src="https://static.zenn.studio/_next/static/6cWpQ5Z1LAtdbyaB4EE5X/_ssgManifest.js" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=" defer=""></script></head><body><script nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=">const shouldUseTwemoji = !/(googlebot|macintosh|macintel|macppc|mac68k|macos|iphone|ipad)/i.test(window.navigator.userAgent); if(shouldUseTwemoji) document.body.setAttribute("data-use-twemoji", "true");</script><div id="__next"><header class="AppHeader_header__54XdE"><div class="Container_wide__ykGLh Container_common__figYY"><div class="AppHeader_inner__CJC4C"><a class="AppHeader_homeLink__cjUD6" href="/"><svg x="0px" y="0px" viewBox="0 0 377.4 88.3" aria-label="Zenn | エンジニアのための情報共有コミュニティ" height="22"><title>Zenn</title><g fill="#111"><path d="M233,56.8h-39c0.5,3.5,2.2,6.8,4.8,9.2c2.7,2.3,6.2,3.5,9.8,3.4c2.8,0,5.6-0.5,8.2-1.7c2.5-1.1,4.8-2.8,6.5-5l8.2,9.5 c-2.5,3.4-5.7,6.1-9.5,7.9c-4.6,2.2-9.6,3.3-14.7,3.2c-5.7,0.1-11.4-1.2-16.5-4c-4.5-2.5-8.2-6.3-10.7-10.9s-3.8-9.8-3.7-15.1v-2.2 c-0.1-5.7,1.1-11.3,3.5-16.5c2.2-4.7,5.7-8.6,10.1-11.3c4.7-2.8,10.1-4.2,15.5-4.1c5.2-0.1,10.3,1.1,14.9,3.7 c4.1,2.5,7.4,6.2,9.4,10.5c2.2,5.1,3.3,10.5,3.2,16.1V56.8z M216.1,43.9c0.1-2.9-0.9-5.7-2.8-7.9c-1.8-1.9-4.4-2.9-7.9-2.9 c-2.9-0.1-5.8,1.1-7.7,3.2c-2,2.6-3.3,5.7-3.6,9h22V43.9z"></path><path d="M128.3,67.9h36.1v14.7h-56.9V72l35.8-54.3h-36.2V2.9h56.6v10.4L128.3,67.9z"></path><path d="M248.8,50.7c0-19.1,12.7-29.2,28.2-29.2s27.9,10.1,27.9,29.2V82h-16V51.4c0-10.6-4.8-16.1-12-16.1s-12.4,5.5-12.4,16.1 v30.7h-15.8L248.8,50.7L248.8,50.7z"></path><path d="M320.3,50.7c0-19.1,12.7-29.2,28.2-29.2s27.9,10.1,27.9,29.2V82h-16V51.4c0-10.6-4.8-16.1-12-16.1S336,40.8,336,51.4v30.7 h-15.8L320.3,50.7L320.3,50.7z"></path></g><path fill="#3EA8FF" class="st0" d="M2.4,83.3h17c0.9,0,1.7-0.5,2.2-1.2L68.4,5.2C69,4.2,68.3,3,67.1,3H51c-0.8,0-1.5,0.4-1.9,1.1L1.6,81.9 C1.3,82.5,1.7,83.3,2.4,83.3z"></path><path fill="#3EA8FF" class="st0" d="M61,82.1l22.1-35.5c0.7-1.1-0.1-2.5-1.4-2.5H65.7c-0.6,0-1.2,0.3-1.5,0.8L41.5,81.2c-0.6,0.9,0.1,2.1,1.2,2.1 h16.3C59.8,83.3,60.6,82.9,61,82.1z"></path></svg></a></div></div></header><header class="UserHeader_header__wgo13"><div class="Container_default__13H8g Container_common__figYY"><div class="UserHeader_profile__KVl88"><div class="UserHeader_avatarContainer__BPuVe"><img alt="ヤマユ" class="AvatarImage_plain__Fgp4R " height="120" referrerPolicy="no-referrer" src="https://storage.googleapis.com/zenn-user-upload/avatar/fe1d0f9e0c.jpeg" width="120"/></div><div class="UserHeader_profileMain__6Itxi"><div class="UserHeader_profileUpper__9Mne_"><h1 class="UserHeader_userName__p6UbO">ヤマユ</h1><div class="UserHeader_actions__3jZuN"></div></div><div class="UserHeader_profileLower__IQG7z"><p class="Paragraph_common__yRSrj Paragraph_description___HKfW Paragraph_decorateLink__aIAFh"><span>フロントエンドエンジニア「スケール」という言葉が好きでよく使います</span></p><div class="UserHeader_metaContainer__y__ik"><button class="UserHeader_metaItem__MNJW4"><span class="UserHeader_count__Srekl">1,564</span>Likes</button><button class="UserHeader_metaItem__MNJW4"><span class="UserHeader_count__Srekl">35</span>Followers</button></div><div class="UserHeader_links__PjYMC"><a class="UserHeader_link__Hh11m" href="https://github.com/yamachan0625" rel="nofollow noopener noreferrer" target="_blank"><span aria-label="@yamachan0625" class="UserHeader_linkInner__h6Iiq" data-tooltip-for-desktop="true" data-tooltip-position="bottom" role="tooltip"><svg x="0px" y="0px" viewBox="0 0 27 27" style="enable-background:new 0 0 27 27" xml:space="preserve" aria-label="GitHub" class="UserHeader_linkIcon__PEYip"><path fill="currentColor" d="M13.4,1.2C7,1,1.8,6,1.7,12.4c0,0.1,0,0.4,0,0.5c0,5.1,3.2,9.8,8.2,11.5c0.6,0.1,0.7-0.2,0.7-0.6s0-1.8,0-2.9 c0,0-3.3,0.6-4-1.5c0,0-0.6-1.3-1.3-1.8c0,0-1.1-0.7,0.1-0.7c0.7,0.1,1.5,0.6,1.8,1.2c0.6,1.2,2.2,1.7,3.4,1h0.1 c0.1-0.6,0.4-1.2,0.7-1.6C8.7,17.1,6,16.9,6,12.3c0-1.1,0.5-2.1,1.2-2.8c0-1.1,0-2.2,0.3-3.2c1-0.4,3.3,1.3,3.3,1.3c2-0.6,4-0.6,6,0 c0,0,2.2-1.6,3.2-1.2c0.5,1,0.5,2.2,0.1,3.2c0.7,0.7,1.2,1.8,1.2,2.8c0,4.5-2.8,5-5.5,5.2c0.6,0.6,0.9,1.3,0.7,2.2c0,1.7,0,3.5,0,4 s0.2,0.6,0.7,0.6c4.9-1.7,8.2-6.2,8-11.5c0.1-6.4-5.1-11.6-11.6-11.6C13.5,1.2,13.4,1.2,13.4,1.2z"></path></svg></span></a><a class="UserHeader_link__Hh11m" href="/yamachan0625/feed" rel="nofollow noopener noreferrer" target="_blank"><span aria-label="RSS" class="UserHeader_linkInner__h6Iiq" data-tooltip-for-desktop="true" data-tooltip-position="bottom" role="tooltip"><svg viewBox="0 0 48 48" class="UserHeader_linkIcon__PEYip"><path d="M15.81,37A4.83,4.83,0,0,0,11,32.18a4.77,4.77,0,0,0,0,9.54A4.83,4.83,0,0,0,15.81,37Z" fill="currentColor"></path><path d="M28.07,41.72H22.62V40.35a14.61,14.61,0,0,0-15-15H6.27V19.91H7.63c11.72,0,20.44,8.72,20.44,20.44Z" fill="currentColor"></path><path d="M41.7,41.72H36.25V40.35A28.61,28.61,0,0,0,7.63,11.74H6.27V6.28H7.63A34.08,34.08,0,0,1,41.7,40.35Z" fill="currentColor"></path></svg></span></a></div></div></div></div></div></header><div class="Container_default__13H8g Container_common__figYY"><div class="UserHeader_tabsContainer__nBvRn"><div class="HorizontalScrollContainer_container__zqOwK"><div class="HorizontalScrollContainer_scrollArea__WFBZq"><div><div class="TabBorder_container__FwNw8"><div class="TabBorder_items__QU1LJ"><a aria-selected="true" class="TabBorder_tabButton___TXIx" href="/yamachan0625">Articles<span class="UserHeader_tabItemCount__I_xMw">0</span></a><a aria-selected="false" class="TabBorder_tabButton___TXIx" href="/yamachan0625?tab=books">Books<span class="UserHeader_tabItemCount__I_xMw">1</span></a><a aria-selected="false" class="TabBorder_tabButton___TXIx" href="/yamachan0625?tab=scraps">Scraps<span class="UserHeader_tabItemCount__I_xMw">2</span></a><a aria-selected="false" class="TabBorder_tabButton___TXIx" href="/yamachan0625?tab=comments">Comments</a></div></div></div></div></div></div></div><div class="View_contents__p1CLZ"><div class="Container_default__13H8g Container_common__figYY"><div class="FadeInUp_fadeInUp___oNQI "><div class="GridContainer_column3__m3Xqc GridContainer_baseStyle__p9UYl"></div></div><div style="display:block"></div></div></div><footer class="AppFooter_footer__pqSnY"><div class="Container_wide__ykGLh Container_common__figYY"><div class="AppFooter_inner__uGxbT" data-nosnippet="true"><div class="AppFooter_brandingColumn__BikTT"><a href="/"><svg x="0px" y="0px" viewBox="0 0 377.4 88.3" height="20" width="85"><title>Zenn</title><g fill="#111"><path d="M233,56.8h-39c0.5,3.5,2.2,6.8,4.8,9.2c2.7,2.3,6.2,3.5,9.8,3.4c2.8,0,5.6-0.5,8.2-1.7c2.5-1.1,4.8-2.8,6.5-5l8.2,9.5 c-2.5,3.4-5.7,6.1-9.5,7.9c-4.6,2.2-9.6,3.3-14.7,3.2c-5.7,0.1-11.4-1.2-16.5-4c-4.5-2.5-8.2-6.3-10.7-10.9s-3.8-9.8-3.7-15.1v-2.2 c-0.1-5.7,1.1-11.3,3.5-16.5c2.2-4.7,5.7-8.6,10.1-11.3c4.7-2.8,10.1-4.2,15.5-4.1c5.2-0.1,10.3,1.1,14.9,3.7 c4.1,2.5,7.4,6.2,9.4,10.5c2.2,5.1,3.3,10.5,3.2,16.1V56.8z M216.1,43.9c0.1-2.9-0.9-5.7-2.8-7.9c-1.8-1.9-4.4-2.9-7.9-2.9 c-2.9-0.1-5.8,1.1-7.7,3.2c-2,2.6-3.3,5.7-3.6,9h22V43.9z"></path><path d="M128.3,67.9h36.1v14.7h-56.9V72l35.8-54.3h-36.2V2.9h56.6v10.4L128.3,67.9z"></path><path d="M248.8,50.7c0-19.1,12.7-29.2,28.2-29.2s27.9,10.1,27.9,29.2V82h-16V51.4c0-10.6-4.8-16.1-12-16.1s-12.4,5.5-12.4,16.1 v30.7h-15.8L248.8,50.7L248.8,50.7z"></path><path d="M320.3,50.7c0-19.1,12.7-29.2,28.2-29.2s27.9,10.1,27.9,29.2V82h-16V51.4c0-10.6-4.8-16.1-12-16.1S336,40.8,336,51.4v30.7 h-15.8L320.3,50.7L320.3,50.7z"></path></g><path fill="#3EA8FF" class="st0" d="M2.4,83.3h17c0.9,0,1.7-0.5,2.2-1.2L68.4,5.2C69,4.2,68.3,3,67.1,3H51c-0.8,0-1.5,0.4-1.9,1.1L1.6,81.9 C1.3,82.5,1.7,83.3,2.4,83.3z"></path><path fill="#3EA8FF" class="st0" d="M61,82.1l22.1-35.5c0.7-1.1-0.1-2.5-1.4-2.5H65.7c-0.6,0-1.2,0.3-1.5,0.8L41.5,81.2c-0.6,0.9,0.1,2.1,1.2,2.1 h16.3C59.8,83.3,60.6,82.9,61,82.1z"></path></svg></a><p class="AppFooter_siteDescription__NWGP2">エンジニアのための<br aria-hidden="true"/>情報共有コミュニティ</p></div><div class="AppFooter_navColumns__ahV9g"><nav class="AppFooter_navColumn__47qTk"><h4 class="AppFooter_navColumnTitle__vVeiQ">About</h4><ul><li><div style="display:flex;gap:0.5rem;flex-direction:row;align-items:center;flex-wrap:nowrap"><a href="/about">Zennについて</a></div></li><li><a href="https://classmethod.jp" rel="nofollow noopener noreferrer" target="_blank">運営会社</a></li><li><a href="https://info.zenn.dev" rel="nofollow noopener noreferrer" target="_blank">お知らせ・リリース</a></li></ul></nav><nav class="AppFooter_navColumn__47qTk"><h4 class="AppFooter_navColumnTitle__vVeiQ">Guides</h4><ul><li><div style="display:flex;gap:0.5rem;flex-direction:row;align-items:center;flex-wrap:nowrap"><a href="/manual">使い方</a></div></li><li><div style="display:flex;gap:0.5rem;flex-direction:row;align-items:center;flex-wrap:nowrap"><a href="/biz-lp">法人向けメニュー</a><span class="NewLabel_newLabelSecondary__6Iy_T NewLabel_newLabel__Xva_r">New</span></div></li><li><div style="display:flex;gap:0.5rem;flex-direction:row;align-items:center;flex-wrap:nowrap"><a href="/publications">Publication / Pro</a></div></li><li><div style="display:flex;gap:0.5rem;flex-direction:row;align-items:center;flex-wrap:nowrap"><a href="/faq">よくある質問</a></div></li></ul></nav><nav class="AppFooter_navColumn__47qTk"><h4 class="AppFooter_navColumnTitle__vVeiQ">Links</h4><ul><li><a href="https://twitter.com/zenn_dev" rel="nofollow noopener noreferrer" target="_blank">X(Twitter)</a></li><li><a href="https://github.com/zenn-dev" rel="nofollow noopener noreferrer" target="_blank">GitHub</a></li><li><div style="display:flex;gap:0.5rem;flex-direction:row;align-items:center;flex-wrap:nowrap"><a href="/mediakit">メディアキット</a></div></li></ul></nav><nav class="AppFooter_navColumn__47qTk"><h4 class="AppFooter_navColumnTitle__vVeiQ">Legal</h4><ul><li><div style="display:flex;gap:0.5rem;flex-direction:row;align-items:center;flex-wrap:nowrap"><a href="/terms">利用規約</a></div></li><li><div style="display:flex;gap:0.5rem;flex-direction:row;align-items:center;flex-wrap:nowrap"><a href="/privacy">プライバシーポリシー</a></div></li><li><div style="display:flex;gap:0.5rem;flex-direction:row;align-items:center;flex-wrap:nowrap"><a href="/terms/transaction-law">特商法表記</a></div></li></ul></nav></div></div><div class="AppFooter_copyright__J_Jbe" data-nosnippet="true"><div class="AnnouncementPopUp_hiddenWrapper__ThDWT"><div aria-hidden="true" class="PopUp_popup__lIgfz AnnouncementPopUp_container__Pb5q2"><div></div></div></div><a href="https://classmethod.jp/"><img alt="Classmethod inc." height="25" loading="lazy" src="https://static.zenn.studio/images/classmethod-logo-small.svg" width="115"/></a></div></div></footer><div id="modal-portal"></div></div><script id="__NEXT_DATA__" type="application/json" nonce="jjXQM/Perfw6PNb0dc3X9BB8+oum5q+uQKcpN1qSC54=">{"props":{"pageProps":{"user":{"id":18936,"username":"yamachan0625","name":"ヤマユ","avatarSmallUrl":"https://res.cloudinary.com/zenn/image/fetch/s--QulVW9Mp--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_70/https://storage.googleapis.com/zenn-user-upload/avatar/fe1d0f9e0c.jpeg","avatarUrl":"https://storage.googleapis.com/zenn-user-upload/avatar/fe1d0f9e0c.jpeg","bio":"フロントエンドエンジニア\n「スケール」という言葉が好きでよく使います","autolinkedBio":"フロントエンドエンジニア\n「スケール」という言葉が好きでよく使います","githubUsername":"yamachan0625","twitterUsername":"","isSupportOpen":true,"tokusyoContact":null,"tokusyoName":null,"websiteUrl":"","websiteDomain":null,"totalLikedCount":1564,"gaTrackingId":"G-PNMMHKMWMG","hatenaId":null,"isInvoiceIssuer":false,"followerCount":35,"followingCount":3,"followingUserCount":3,"followingPublicationCount":0,"articlesCount":0,"booksCount":1,"scrapsCount":2},"initialActiveItemType":"articles"},"__N_SSP":true},"page":"/[username]","query":{"username":"yamachan0625"},"buildId":"6cWpQ5Z1LAtdbyaB4EE5X","assetPrefix":"https://static.zenn.studio","isFallback":false,"isExperimentalCompile":false,"dynamicIds":[36291],"gssp":true,"scriptLoader":[]}</script></body></html>