1<!DOCTYPE html><html lang=ja><head prefix="og: http://ogp.me/ns#"><meta charset=UTF-8><title>About – TAKLOG</title><meta content="width=device-width,initial-scale=1" name=viewport><meta content=TAKLOGï¼èªã¿æ¹ï¼ããããï¼ã¯ãããã³ãã¨ã³ãéçºãWebå¶ä½åéã®ãã¨ãä¸å¿ã«ãåå¿é²ãç¥èã®ã¢ã¦ããããã®å ´ã¨ãã¦éå¶ãã¦ããããã°ã§ãã name=description><meta content="email=no,telephone=no,address=no" name=format-detection><meta content="light dark" name=color-scheme>
1<script>const getTheme=()=>{try{const e=localStorage.getItem("theme");if(e)return e}catch(e){console.error("Failed to access localStorage:",e)}return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"};document.documentElement.style.setProperty("--theme",`${getTheme()} only`);const colorScheme=document.querySelector('meta[name="color-scheme"]');colorScheme&&colorScheme.setAttribute("content",getTheme())</script>
1<link href=https://www.tak-dcxi.com/about/ rel=canonical><meta content=https://www.tak-dcxi.com/about/ property=og:url><meta content=TAKLOGï¼èªã¿æ¹ï¼ããããï¼ã¯ãããã³ãã¨ã³ãéçºãWebå¶ä½åéã®ãã¨ãä¸å¿ã«ãåå¿é²ãç¥èã®ã¢ã¦ããããã®å ´ã¨ãã¦éå¶ãã¦ããããã°ã§ãã property=og:description><meta content=TAKLOG property=og:site_name><meta content="About â TAKLOG" property=og:title><meta content=article property=og:type><meta content=https://www.tak-dcxi.com/ogp.png property=og:image><meta content=ja_JP property=og:locale><meta content=summary_large_image name=twitter:card><meta content=@tak_dcxi name=twitter:site><meta content="About â TAKLOG" name=twitter:title><link href=/sitemap-index.xml rel=sitemap><link href=/favicon.svg rel=icon type=image/svg+xml><link href=/apple-touch-icon.png rel=apple-touch-icon sizes=180x180><link href=/site.webmanifest rel=manifest><meta content=#242424 name=theme-color><meta content="Astro v4.16.18" name=generator>
1<script type=application/ld+json>{"@context":"https://schema.org","@type":"Website","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.tak-dcxi.com/"},"headline":"About â TAKLOG","description":"TAKLOGï¼èªã¿æ¹ï¼ããããï¼ã¯ãããã³ãã¨ã³ãéçºãWebå¶ä½åéã®ãã¨ãä¸å¿ã«ãåå¿é²ãç¥èã®ã¢ã¦ããããã®å ´ã¨ãã¦éå¶ãã¦ããããã°ã§ãã","image":"https://www.tak-dcxi.com/ogp.png","datePublished":"2024-04-01","author":{"@type":"Person","name":"TAK","url":"https://www.tak-dcxi.com/","sameAs":"https://x.com/tak_dcxi","honorificPrefix":"ããã³ãã¨ã³ãã¨ã³ã¸ãã¢"}}</script>
1<link href=https://fonts.googleapis.com rel=preconnect><link href=https://fonts.gstatic.com rel=preconnect crossorigin><link href="https://fonts.googleapis.com/css2?family=Open+Sans:[email protected]&display=swap" rel=preload as=style fetchpriority=high onload="this.onload=null;this.rel="stylesheet""><noscript><link href="https://fonts.googleapis.com/css2?family=Open+Sans:[email protected]&display=swap" rel=stylesheet></noscript>
vendor: 77 bytes, line 1
1<script type=text/partytown src="https://www.googletagmanager.com/gtag/js?id=
1G-0B51LHSGRG
vendor: 23 bytes, line 1
1" defer=defer></script>
1<script type=text/partytown>window.dataLayer = window.dataLayer || [] 2 function gtag() { 3 dataLayer.push(arguments) 4 } 5 gtag('js', new Date()) 6 gtag('config', 'G-0B51LHSGRG')</script>
6<script src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6699818232041099" async crossorigin=anonymous></script>
6<link href=/_astro/_slug_.DWFay7yR.css rel=stylesheet><style>.scoping-root[data-astro-cid-4ij2tdxr]{--font-size-level:-2;--_icon-align:-.14em;container:site-breadcrumbs/inline-size;padding-block:var(--spacing-md);padding-inline:var(--spacing-gutter);border-block-start:1px solid var(--border-base);color:var(--foreground-muted);font-family:var(--font-open-sans)}.list[data-astro-cid-4ij2tdxr]{inline-size:min(var(--container-size-xl),100%);margin-inline:auto}.list[data-astro-cid-4ij2tdxr]>[data-astro-cid-4ij2tdxr]{display:unset}.list[data-astro-cid-4ij2tdxr]>[data-astro-cid-4ij2tdxr]:not(:last-child):after{content:"";display:inline flow-root;mask:var(--icon-chevron-rightward) no-repeat center/contain;inline-size:var(--base-icon-size);aspect-ratio:1;margin-inline:var(--spacing-xs);background:var(--background-current);font-size:inherit;vertical-align:var(--_icon-align)}.link[data-astro-cid-4ij2tdxr]{--_line-origin:right;--_line-scale:0 1}@container style(--writing-mode:vertical-rl){.link[data-astro-cid-4ij2tdxr]{--_line-origin:bottom;--_line-scale:1 0}}.link[data-astro-cid-4ij2tdxr]:after{position:absolute;inset-inline:0;inset-block-start:100%;block-size:1px;background-color:currentColor;transform-origin:var(--_line-origin);scale:var(--_line-scale);transition:scale var(--duration-default) ease-in-out}.link[data-astro-cid-4ij2tdxr]:is(:first-child>*):before{content:"";display:inline flow-root;mask:var(--icon-heim) no-repeat center/contain;inline-size:var(--base-icon-size);aspect-ratio:1;margin-inline-end:calc(4 * var(--to-rem));background:var(--background-current);vertical-align:var(--_icon-align)}.link[data-astro-cid-4ij2tdxr]:any-link{position:relative;transition:color var(--duration-default)}@media (any-hover:hover){.link[data-astro-cid-4ij2tdxr]:any-link:hover{--_line-origin:left;--_line-scale:initial;color:var(--foreground-active)}
6@container style(--writing-mode:vertical-rl){.link[data-astro-cid-4ij2tdxr]:any-link:hover{--_line-origin:top}}}.link[data-astro-cid-4ij2tdxr]:any-link:after{content:""}.scoping-root[data-astro-cid-7bpivrz5]{--font-size-level:4;display:block grid;grid-template:minmax(min(40svb,400px),auto)/[full-start] 1fr [contents-start] min(var(--container-size-xl),100%) [contents-end] 1fr [full-end];overflow:clip;color:var(--color-white)}.scoping-root[data-astro-cid-7bpivrz5]:after{content:"";grid-column:full;grid-row:1;background-image:radial-gradient(oklch(from var(--color-black) l c h / 30%) 50%,transparent 0);background-size:4px 4px;background-color:oklch(from var(--color-black) l c h / 50%)}.scoping-root[data-astro-cid-7bpivrz5]>[data-astro-cid-7bpivrz5]{grid-row:1}.title[data-astro-cid-7bpivrz5]{z-index:var(--z-forwards);grid-column:contents;align-content:center;padding-block:var(--spacing-3xl-trim);font-family:var(--font-open-sans);font-size-adjust:cap-height 1;text-align:center;text-transform:uppercase;text-wrap:balance}:where(.foreground-image,.background-image)[data-astro-cid-7bpivrz5]{display:block grid}:where(.foreground-image,.background-image)[data-astro-cid-7bpivrz5] :where(img)[data-astro-cid-7bpivrz5]{inline-size:100%;block-size:0;min-block-size:100%;object-fit:cover}.foreground-image[data-astro-cid-7bpivrz5]{grid-column:contents}.background-image[data-astro-cid-7bpivrz5]{z-index:var(--z-backwards);grid-column:full;filter:blur(20px)}.scoping-root[data-astro-cid-x2lc2h5w]{display:block grid;row-gap:var(--spacing-lg)}.headline[data-astro-cid-x2lc2h5w]{--font-size-level:2}.scoring-root[data-astro-cid-2cwkmpsy]{--_foreground:var(--color-tinted-white);--_foreground-threshold:.7;--_background:oklch(from var(--_brand-color) calc(l + var(--_background-lighten)) c h);--_background-lighten:0;display:block grid;grid-template-columns:var(--base-icon-size) 1fr var(--base-icon-size);column-gap:calc(16 * var(--to-rem));align-items:center;padding-block:2cap;padding-inline:2ch;border:1px solid transparent;border-radius:var(--rounded-sm);box-shadow:var(--shadow-button);background-color:var(--_background);color:var(--_foreground);text-box:trim-both cap alphabetic;transition:background-color var(--duration-default)}@supports (color:oklch(from #000 round(up,1 / l,1) 0 h)){.scoring-root[data-astro-cid-2cwkmpsy]{--_foreground:oklch(from var(--_background) round(up, var(--_foreground-threshold) / l - 1, 1) 0 h)}}.scoring-root[data-astro-cid-2cwkmpsy]:after,.scoring-root[data-astro-cid-2cwkmpsy]:before{mask:var(--_icon) no-repeat center/contain;aspect-ratio:1;background:var(--background-current)}.scoring-root[data-astro-cid-2cwkmpsy]:before{--_icon:var(--_brand-icon);content:""}.scoring-root[data-astro-cid-2cwkmpsy]:after{--_icon:var(--icon-launch-link);content:""/"å¥ã¦ã¤ã³ãã¦ã§éãã¾ã"}.scoring-root[data-astro-cid-2cwkmpsy]:focus-visible{--_background-lighten:.2}@media (any-hover:hover){.scoring-root[data-astro-cid-2cwkmpsy]:any-link:hover{--_background-lighten:.2}}.scoping-root[data-astro-cid-diuwtlge]{display:block grid;row-gap:var(--spacing-xl);font-family:var(--font-open-sans)}.scoping-root[data-astro-cid-diuwtlge]>[data-astro-cid-diuwtlge]{display:block grid;row-gap:var(--spacing-md)}.button-wrapper[data-astro-cid-diuwtlge]{inline-size:min(var(--base-button-size),100%)}.scoping-root[data-astro-cid-kh7btl4r]{container:about-page/inline-size;display:block grid;padding-block:var(--spacing-2xl)}.body[data-astro-cid-kh7btl4r]{display:block grid;gap:var(--spacing-2xl);inline-size:min(100% - var(--spacing-gutter) * 2,var(--container-size-lg));margin-inline:auto}@container about-page (60rem < inline-size){.body[data-astro-cid-kh7btl4r]{grid-template-columns:auto 1fr}}.body[data-astro-cid-kh7btl4r]>*{grid-template-columns:subgrid;grid-column:1/-1}@layer components{.BaseButton[data-astro-cid-4zef22ab]{--_container-size-min:335px;--_container-size-max:400px;--_to-cqi-min:calc(tan(atan2(1px, var(--_container-size-min)))*100cqi);--_to-cqi-max:calc(tan(atan2(1px, var(--_container-size-max)))*100cqi);--_foreground-default:var(--foreground-button);--_foreground-active:var(--foreground-button-active);--_foreground-disabled:var(--foreground-button-active);--_background-default:var(--background-button);--_background-active:var(--background-button-active);--_background-disabled:var(--background-button-active);container:base-button/inline-size;display:block grid}@container style(--debug:true){.BaseButton[data-astro-cid-4zef22ab]{overflow-inline:auto;resize:inline}}.BaseButton[data-astro-cid-4zef22ab]>:where(button)[data-astro-cid-4zef22ab]{inline-size:-webkit-available;inline-size:-webkit-fill-available;inline-size:stretch}
6._Body[data-astro-cid-4zef22ab]{--_icon-image:var(--icon-chevron-rightward);--_icon-content:"";--_icon-translate-hover:4px;display:block grid;grid-template-columns:1fr auto 1fr;column-gap:1ch;align-items:center;padding-block:1.25em;padding-inline:1em;border:1px solid transparent;border-radius:var(--rounded-sm);box-shadow:var(--shadow-button);background-color:var(--_background-default);color:var(--_foreground-default);transition-duration:var(--duration-default);transition-property:background-color,color}@supports (corner-shape:squircle){._Body[data-astro-cid-4zef22ab]{border-radius:var(--rounded-lg);corner-shape:squircle}}._Body[data-astro-cid-4zef22ab]:before{content:""}._Body[data-astro-cid-4zef22ab]:after{content:var(--_icon-content);justify-self:end;mask-image:var(--_icon-image);mask-repeat:no-repeat;mask-position:center;mask-size:contain;inline-size:var(--base-icon-size);aspect-ratio:1;background:var(--background-current);transition-duration:inherit;transition-property:translate}._Body[data-astro-cid-4zef22ab][target=_blank]{--_icon-image:var(--icon-launch-link);--_icon-content:""/"å¥ã¦ã¤ã³ãã¦ã§éãã¾ã"}._Body[data-astro-cid-4zef22ab]:focus-visible{background-color:var(--_background-active);color:var(--_foreground-active)}
6._Body[data-astro-cid-4zef22ab]:not([target=_blank]):focus-visible:after{translate:var(--_icon-translate-hover)}@media (any-hover:hover){._Body[data-astro-cid-4zef22ab]:is(:any-link,:enabled):hover{background-color:var(--_background-active);color:var(--_foreground-active)}}@media (any-hover:hover){._Body[data-astro-cid-4zef22ab]:is(:any-link,:enabled):not([target=_blank]):hover:after{translate:var(--_icon-translate-hover)}}._Body[data-astro-cid-4zef22ab]:is(:disabled,[aria-disabled=true]){opacity:.5}._Body[data-astro-cid-4zef22ab][aria-current]{--_foreground-default:var(--_foreground-disabled);--_background-default:var(--_background-disabled)}}.scoping-root[data-astro-cid-d6sbtmnt]{--font-size-level:-2;display:inline flex;column-gap:.5ch;padding-block:.5cap;padding-inline:2ch;border:1px solid var(--border-base);border-radius:var(--rounded-full);vertical-align:bottom;letter-spacing:initial;transition:background-color var(--duration-default),color var(--duration-default)}.scoping-root[data-astro-cid-d6sbtmnt]:focus-visible{background-color:var(--background-button-active);color:var(--foreground-button-active)}@media (any-hover:hover){.scoping-root[data-astro-cid-d6sbtmnt]:any-link:hover{background-color:var(--background-button-active);color:var(--foreground-button-active)}}</style>
6<script type=module src=/_astro/hoisted.BmoZx5WZ.js></script>
6<script>!function(t,e,n,r){(window.crossOriginIsolated||navigator.serviceWorker)&&((r=t[e]=Object.assign(t[e]||{},{lib:"/~partytown/",debug:!1}))[n]=(r[n]||[]).concat(["dataLayer.push"]))}(window,"partytown","forward");const t={preserveBehavior:!1},e=e=>{if("string"==typeof e)return[e,t];const[n,r=t]=e;return[n,{...t,...r}]},n=Object.freeze((()=>{const t=new Set;let e=[];do{Object.getOwnPropertyNames(e).forEach((n=>{"function"==typeof e[n]&&t.add(n)}))}while((e=Object.getPrototypeOf(e))!==Object.prototype);return Array.from(t)})());!function(t,r,o,i,a,s,c,d,l,p,u=t,f){function y(){f||(f=1,"/"==(c=(s.lib||"/~partytown/")+(s.debug?"debug/":""))[0]&&(l=r.querySelectorAll('script[type="text/partytown"]'),i!=t?i.dispatchEvent(new CustomEvent("pt1",{detail:t})):(d=setTimeout(h,(null==s?void 0:s.fallbackTimeout)||1e4),r.addEventListener("pt0",b),a?w(1):o.serviceWorker?o.serviceWorker.register(c+(s.swPath||"partytown-sw.js"),{scope:c}).then((function(t){t.active?w():t.installing&&t.installing.addEventListener("statechange",(function(t){"activated"==t.target.state&&w()}))}),console.error):h())))}function w(e){p=r.createElement(e?"script":"iframe"),t._pttab=Date.now(),e||(p.style.display="block",p.style.width="0",p.style.height="0",p.style.border="0",p.style.visibility="hidden",p.setAttribute("aria-hidden",!0)),p.src=c+"partytown-"+(e?"atomics.js?v=0.11.1":"sandbox-sw.html?"+t._pttab),r.querySelector(s.sandboxParent||"body").appendChild(p)}function h(n,o){for(b(),i==t&&(s.forward||[]).map((function(n){const[r]=e(n);delete t[r.split(".")[0]]})),n=0;n<l.length;n++)(o=r.createElement("script")).innerHTML=l[n].innerHTML,o.nonce=s.nonce,r.head.appendChild(o);p&&p.parentNode.removeChild(p)}function b(){clearTimeout(d)}s=t.partytown||{},i==t&&(s.forward||[]).map((function(r){const[o,{preserveBehavior:i}]=e(r);u=t,o.split(".").map((function(e,r,o){var a;u=u[o[r]]=r+1<o.length?u[o[r]]||(a=o[r+1],n.includes(a)?[]:{}):(()=>{let e=null;if(i){const{methodOrProperty:n,thisObject:r}=((t,e)=>{let n=t;for(let t=0;t<e.length-1;t+=1)n=n[e[t]];return{thisObject:n,methodOrProperty:e.length>0?n[e[e.length-1]]:void 0}})(t,o);"function"==typeof n&&(e=(...t)=>n.apply(r,...t))}return function(){let n;return e&&(n=e(arguments)),(t._ptf=t._ptf||[]).push(o,arguments),n}})()}))})),"complete"==r.readyState?y():(t.addEventListener("DOMContentLoaded",y),t.addEventListener("load",y))}(window,document,navigator,top,window.crossOriginIsolated),document.addEventListener("astro:before-swap",(t=>{let e=document.body.querySelector("iframe[src*='/~partytown/']");e&&t.newDocument.body.append(e)}))</script>
6</head><body><div class=root data-astro-cid-qo5xhe7c><div class=body data-astro-cid-qo5xhe7c><nav class=root aria-label=ã¹ããããªã³ã¯ data-astro-cid-e4kutsgn><a href=#main class=body data-astro-cid-e4kutsgn>ã¡ã¤ã³ã³ã³ãã³ãã¾ã§ã¹ããã</a></nav><div class=global-header data-astro-cid-qo5xhe7c><app-header class=AppHeader data-astro-cid-xomo23ui><header class=_Body aria-label=ãµã¤ããããã¼ data-astro-cid-xomo23ui><div class=_BodyInner data-astro-cid-xomo23ui><div class=_Logo data-astro-cid-xomo23ui><p class=scoping-root lang=en translate=no data-astro-cid-skcpjcpw><a href=/ data-astro-cid-skcpjcpw title=ããããã¼ã¸ã¸>TAKLOG</a></p></div><nav class=_Menu aria-label=ãµã¤ãã¡ãã¥ã¼ data-astro-cid-xomo23ui><div class=_Navbar data-astro-cid-xomo23ui><ul class=scoping-root data-astro-cid-iidtzlwm lang=en><li data-astro-cid-iidtzlwm><a href=/ class=link data-astro-cid-iidtzlwm>Home</a></li><li data-astro-cid-iidtzlwm><a href=/page/1 class=link data-astro-cid-iidtzlwm>Articles</a></li><li data-astro-cid-iidtzlwm><span class=link aria-current=page data-astro-cid-iidtzlwm>About</span></li><li data-astro-cid-iidtzlwm><a href=/contact class=link data-astro-cid-iidtzlwm>Contact</a></li></ul></div><div class=_DrawerButton data-astro-cid-xomo23ui><button aria-labelledby=1c23cc64-baa7-41bf-9e3a-6202e1697031 class=scoping-root command=show-modal commandfor=278d8af5-46e2-4151-ad13-fb1462a80fd0 type=button aria-haspopup=true data-astro-cid-ks6uchtt><span id=1c23cc64-baa7-41bf-9e3a-6202e1697031 style=display:none data-astro-cid-ks6uchtt>ã¡ãã¥ã¼ãéã</span> <span aria-hidden=true class=icon data-astro-cid-ks6uchtt></span></button></div></nav><div class=_Switch data-astro-cid-xomo23ui><theme-switch class=AppThemeSwitch data-astro-cid-e3qgmtq4><div class=_Body data-astro-cid-e3qgmtq4><label class=visually-hidden data-astro-cid-e3qgmtq4 for=5553f5b5-f467-4a26-b20a-891105dacadd>ãã¼ã¯ã¢ã¼ã:</label> <input class=_Switch data-astro-cid-e3qgmtq4 id=5553f5b5-f467-4a26-b20a-891105dacadd switch type=checkbox></div></theme-switch></div></div></header></app-header></div><main aria-labelledby=page_title class=contents data-astro-cid-qo5xhe7c id=main><header class=scoping-root data-astro-cid-7bpivrz5><h1 class=title id=page_title data-astro-cid-7bpivrz5 lang=en>About</h1><div class=foreground-image aria-hidden=true data-astro-cid-7bpivrz5><picture data-astro-cid-7bpivrz5><source sizes="(min-width: 1220px) 614px, (min-width: 860px) calc(44.12vw + 85px), (min-width: 420px) 90vw, calc(72vw + 72px)" srcset=/_astro/about-profile01.D5WPAKWt_1o7Bt1.webp type=image/webp><img alt="" data-astro-cid-7bpivrz5 decoding=async fetchpriority=high height=720 loading=eager sizes="(min-width: 1220px) 614px, (min-width: 860px) calc(44.12vw + 85px), (min-width: 420px) 90vw, calc(72vw + 72px)" src=/_astro/about-profile01.D5WPAKWt_9hEgs.jpg width=960></picture></div><div class=background-image aria-hidden=true data-astro-cid-7bpivrz5><picture data-astro-cid-7bpivrz5><source sizes="(min-width: 1220px) 614px, (min-width: 860px) calc(44.12vw + 85px), (min-width: 420px) 90vw, calc(72vw + 72px)" srcset=/_astro/about-profile01.D5WPAKWt_1o7Bt1.webp type=image/webp><img alt="" data-astro-cid-7bpivrz5 decoding=async fetchpriority=high height=720 loading=eager sizes="(min-width: 1220px) 614px, (min-width: 860px) calc(44.12vw + 85px), (min-width: 420px) 90vw, calc(72vw + 72px)" src=/_astro/about-profile01.D5WPAKWt_9hEgs.jpg width=960></picture></div></header><div class=scoping-root data-astro-cid-kh7btl4r><div class=body data-astro-cid-kh7btl4r><section aria-labelledby=c0905c11-20b9-4780-ac94-c6987445921f class=scoping-root data-astro-cid-x2lc2h5w><h2 class=headline id=c0905c11-20b9-4780-ac94-c6987445921f data-astro-cid-x2lc2h5w>ãããã£ã¼ã«</h2><div class=c-prose data-astro-cid-x2lc2h5w><dl class=scoping-root data-astro-cid-diuwtlge><div data-astro-cid-diuwtlge><dt class=leading-trim data-astro-cid-diuwtlge>Name</dt><dd class=leading-trim data-astro-cid-diuwtlge translate=no>Takahiro Arai a.k.a. TAK</dd></div><div data-astro-cid-diuwtlge><dt class=leading-trim data-astro-cid-diuwtlge>Job</dt><dd class=leading-trim data-astro-cid-diuwtlge>Web Creator / Web Developer</dd></div><div data-astro-cid-diuwtlge><dt class=leading-trim data-astro-cid-diuwtlge>Account</dt><dd class=button-wrapper data-astro-cid-diuwtlge><a href=https://x.com/tak_dcxi class=scoring-root rel=external target=_blank style=--_brand-icon:var(--icon-brand-x);--_brand-color:var(--color-brand-x) data-astro-cid-2cwkmpsy translate=no>X</a></dd><dd class=button-wrapper data-astro-cid-diuwtlge><a href=https://zenn.dev/tak_dcxi class=scoring-root rel=external target=_blank style=--_brand-icon:var(--icon-brand-zenn);--_brand-color:var(--color-brand-zenn) data-astro-cid-2cwkmpsy translate=no>Zenn</a></dd><dd class=button-wrapper data-astro-cid-diuwtlge><a href=https://note.com/tak_dcxi class=scoring-root rel=external target=_blank style=--_brand-icon:var(--icon-brand-note);--_brand-color:var(--color-brand-note) data-astro-cid-2cwkmpsy translate=no>Note</a></dd><dd class=button-wrapper data-astro-cid-diuwtlge><a href=https://github.com/tak-dcxi/ class=scoring-root rel=external target=_blank style=--_brand-icon:var(--icon-brand-github);--_brand-color:var(--color-brand-github) data-astro-cid-2cwkmpsy translate=no>Github</a></dd></div></dl></div></section><section aria-labelledby=cbd5335b-0372-4d89-ad48-63c6c3bb2a17 class=scoping-root data-astro-cid-x2lc2h5w><h2 class=headline id=cbd5335b-0372-4d89-ad48-63c6c3bb2a17 data-astro-cid-x2lc2h5w>å½ããã°ã«ã¤ãã¦</h2><div class=c-prose data-astro-cid-x2lc2h5w><p data-astro-cid-kh7btl4r>TAKLOGï¼èªã¿æ¹ï¼ããããï¼ã¯ãããã³ãã¨ã³ãéçºãWebå¶ä½åéã®ãã¨ãä¸å¿ã«ãåå¿é²ãç¥èã®ã¢ã¦ããããã®å ´ã¨ãã¦éå¶ãã¦ããããã°ã§ããå½ããã°ã®å
容ã¯ååçã«ç§ã®å人çãªæè¦ãèããåæ ãã¦ããã¾ããã¾ããå½ããã°ã®å
容ã¯ç§ã®æå±ããçµç¹ãå£ä½ã¨ã¯ä¸åé¢ä¿ããã¾ããã</p><p data-astro-cid-kh7btl4r>å½ããã°ã¯Astro + Pure CSS + TypeScriptã§å¶ä½ããVercelã§ãã¹ãã£ã³ã°ãè¡ã£ã¦ãã¾ãã</p><p data-astro-cid-kh7btl4r>å½ããã°ãç§ã¸ã®ãåãåãããã¯ãããè¨äºã®å
å®¹ã®ææã»è¨æ£ã»åé¤å¸æãªã©ãããã¾ããããXï¼æ§Twitterï¼ã<a href=/contact data-astro-cid-kh7btl4r>ãåãåãããã©ã¼ã </a>ãéãã¦ãé£çµ¡ãã ãããå½ããã°ã®è¨äºã¸ã®ææ³ã»ææã»è¨æ£ã¯å¯è½ã§ããã°Xï¼æ§Twitterï¼ã§å
±æããã ããã¨å¬ããã§ãã</p><p data-astro-cid-kh7btl4r>ã¾ããå½ããã°ã§ç´¹ä»ãã¦æ¬²ããã³ã³ãã³ãã»ãµã¼ãã¹ã»ã¬ã¸ã§ããçãããã¾ããã<a href=/contact data-astro-cid-kh7btl4r>ãåãåãããã©ã¼ã </a>
6ã¾ã§ãé£çµ¡ãã ãããæ²è¼ãããç´æã¯ã§ãã¾ãããããé£çµ¡ããã ããã°æ²è¼ãããã¾ããã¹ã«ã¦ããå·çã®ãä¾é ¼ããå¾
ã¡ãã¦ããã¾ãã</p></div></section><section aria-labelledby=7e43a0b8-e743-49ae-a08d-445f5f909ffc class=scoping-root data-astro-cid-x2lc2h5w><h2 class=headline id=7e43a0b8-e743-49ae-a08d-445f5f909ffc data-astro-cid-x2lc2h5w>使ç¨ãã¦ããç»åã«ã¤ãã¦</h2><div class=c-prose data-astro-cid-x2lc2h5w><p data-astro-cid-kh7btl4r>ããããã¼ã¸ã®ã¡ã¤ã³ãã¸ã¥ã¢ã«ãªã©ãå½ããã°ã§ã¯<a href=https://unsplash.com/ja data-astro-cid-kh7btl4r>Unsplash</a>ã®ç»åãä¸é¨ä½¿ç¨ãã¦ããã¾ãã</p><p data-astro-cid-kh7btl4r>SVGã¢ã¤ã³ã³ã¯<a href=https://basicons.xyz/ data-astro-cid-kh7btl4r>Basicons</a>ã使ç¨ãã¦ããã¾ãã</p></div></section><section aria-labelledby=a695ed74-ffdc-4b83-a55f-5c9856fb18c5 class=scoping-root data-astro-cid-x2lc2h5w><h2 class=headline id=a695ed74-ffdc-4b83-a55f-5c9856fb18c5 data-astro-cid-x2lc2h5w>reCAPTCHAã«ã¤ãã¦</h2><div class=c-prose data-astro-cid-x2lc2h5w><p data-astro-cid-kh7btl4r>å½ããã°ã¯reCAPTCHAã«ãã£ã¦ä¿è·ããã¦ãããGoogleã®<a href=https://policies.google.com/privacy data-astro-cid-kh7btl4r>ãã©ã¤ãã·ã¼ããªã·ã¼</a>ããã³<a href=https://policies.google.com/terms data-astro-cid-kh7btl4r>ãµã¼ãã¹è¦ç´</a>ãé©ç¨ããã¾ãã</p></div></section></div></div><div class=breadcrumbs data-astro-cid-qo5xhe7c><nav class=scoping-root aria-labelledby=d3254e2f-2e01-4b7f-a7bb-09b9bc78a737 data-astro-cid-4ij2tdxr><h2 class=visually-hidden id=d3254e2f-2e01-4b7f-a7bb-09b9bc78a737 data-astro-cid-4ij2tdxr>ç¾å¨ä½ç½®</h2><ol class=list data-astro-cid-4ij2tdxr itemscope=itemscope itemtype=http://schema.org/BreadcrumbList><li data-astro-cid-4ij2tdxr itemprop=itemListElement itemscope=itemscope itemtype=http://schema.org/ListItem><a href=/ class=link data-astro-cid-4ij2tdxr itemprop=item><span data-astro-cid-4ij2tdxr itemprop=name lang=en>Home</span></a><meta content=1 itemprop=position></li><li data-astro-cid-4ij2tdxr itemprop=itemListElement itemscope=itemscope itemtype=http://schema.org/ListItem><span class=link aria-current=page data-astro-cid-4ij2tdxr itemprop=item><span data-astro-cid-4ij2tdxr itemprop=name>About</span></span><meta content=2 itemprop=position></li></ol></nav></div></main><div class=global-footer data-astro-cid-qo5xhe7c><footer aria-label=ãµã¤ãããã¿ã¼ class=AppFooter data-astro-cid-e5kr44on><div class=_Body data-astro-cid-e5kr44on><div class=_Tabs data-astro-cid-e5kr44on><tab-component class=scoping-root data-astro-cid-bgwhon5c tab-selector=.tab tablist-selector=.tablist tabpanel-selector=.tabpanel><div class=tablist data-astro-cid-bgwhon5c><a href=#3623c210-9626-402b-8eb1-89f275cf21a6_tabpanel class=tab lang=en data-astro-cid-bgwhon5c id=3623c210-9626-402b-8eb1-89f275cf21a6_tab>Categories</a> <a href=#ba828542-b430-4861-87a7-2edb0d9b5f30_tabpanel class=tab lang=en data-astro-cid-bgwhon5c id=ba828542-b430-4861-87a7-2edb0d9b5f30_tab>Keywords</a></div><div class=tabpanel-wrapper data-astro-cid-bgwhon5c><div class=tabpanel data-astro-cid-bgwhon5c aria-labelledby=3623c210-9626-402b-8eb1-89f275cf21a6_tab hidden=until-found id=3623c210-9626-402b-8eb1-89f275cf21a6_tabpanel><ul class=category-list data-astro-cid-bgwhon5c><li data-astro-cid-bgwhon5c><p class=BaseButton data-astro-cid-4zef22ab><a href=/categories/Patterns/1 class=_Body data-astro-cid-4zef22ab>Patterns</a></p></li><li data-astro-cid-bgwhon5c><p class=BaseButton data-astro-cid-4zef22ab><a href=/categories/CSS/1 class=_Body data-astro-cid-4zef22ab>CSS</a></p></li><li data-astro-cid-bgwhon5c><p class=BaseButton data-astro-cid-4zef22ab><a href=/categories/Web%20Topics/1 class=_Body data-astro-cid-4zef22ab>Web Topics</a></p></li><li data-astro-cid-bgwhon5c><p class=BaseButton data-astro-cid-4zef22ab><a href=/categories/HTML/1 class=_Body data-astro-cid-4zef22ab>HTML</a></p></li><li data-astro-cid-bgwhon5c><p class=BaseButton data-astro-cid-4zef22ab><a href=https://zenn.dev/tak_dcxi class=_Body rel=external target=_blank data-astro-cid-4zef22ab>Zenn</a></p></li><li data-astro-cid-bgwhon5c><p class=BaseButton data-astro-cid-4zef22ab><a href=https://zenn.dev/tak_dcxi class=_Body rel=external target=_blank data-astro-cid-4zef22ab>note</a></p></li></ul></div><div class=tabpanel data-astro-cid-bgwhon5c aria-labelledby=ba828542-b430-4861-87a7-2edb0d9b5f30_tab hidden=until-found id=ba828542-b430-4861-87a7-2edb0d9b5f30_tabpanel><ul class=keywords-list data-astro-cid-bgwhon5c><li data-astro-cid-bgwhon5c><a href=/keywords/A11y/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> A11y</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/hidden%3Duntil-found/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> hidden=until-found</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/details/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> details</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Accordion/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Accordion</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/CSS%20Grid/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> CSS Grid</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Animation/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Animation</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Technique/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Technique</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/transform/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> transform</a></li><li data-astro-cid-bgwhon5c>
6<a href=/keywords/Image/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Image</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Performance/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Performance</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/a11y/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> a11y</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/UI/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> UI</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/UX/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> UX</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Responsive/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Responsive</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/input/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> input</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/switch/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> switch</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Blog/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Blog</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/SVG/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> SVG</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/kiso.css/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> kiso.css</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Reset%20CSS/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Reset CSS</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Flexbox/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Flexbox</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Scrollbar/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Scrollbar</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/HTML/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> HTML</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/CSS/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> CSS</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Google%20Fonts/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Google Fonts</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/CSS%E8%A8%AD%E8%A8%88/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> CSSè¨è¨</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Google%20Chrome/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Google Chrome</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Web%E5%88%B6%E4%BD%9C/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Webå¶ä½</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/CSS%20Color/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> CSS Color</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/Smooth%20Scroll/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Smooth Scroll</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/hgroup/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> hgroup</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/line-height/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> line-height</a></li><li data-astro-cid-bgwhon5c><a href=/keywords/calc(infinity)/1 class="scoping-root keyword-link" data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> calc(infinity)</a></li></ul></div></div></tab-component></div><div class=_Navbar data-astro-cid-e5kr44on><div class=scoping-root data-astro-cid-6kertgrs><ul class=menu data-astro-cid-6kertgrs><li data-astro-cid-6kertgrs><a href=/ class=link data-astro-cid-6kertgrs>ããããã¼ã¸</a></li><li data-astro-cid-6kertgrs><a href=/page/1 class=link data-astro-cid-6kertgrs>
6è¨äºä¸è¦§</a></li><li data-astro-cid-6kertgrs><span class=link aria-current=page data-astro-cid-6kertgrs>å½ããã°ã«ã¤ãã¦</span></li><li data-astro-cid-6kertgrs><a href=/contact class=link data-astro-cid-6kertgrs>ãåãåãã</a></li></ul></div></div><div class=_ServiceList data-astro-cid-e5kr44on><ul class=scoping-root data-astro-cid-fio7ytzt><li data-astro-cid-fio7ytzt><a href=https://x.com/tak_dcxi class=link rel=external target=_blank style=--_icon:var(--icon-brand-x);--_accent:var(--color-brand-x) data-astro-cid-fio7ytzt><span class=visually-hidden data-astro-cid-fio7ytzt translate=no>X</span></a></li><li data-astro-cid-fio7ytzt><a href=https://zenn.dev/tak_dcxi class=link rel=external target=_blank style=--_icon:var(--icon-brand-zenn);--_accent:var(--color-brand-zenn) data-astro-cid-fio7ytzt><span class=visually-hidden data-astro-cid-fio7ytzt translate=no>Zenn</span></a></li><li data-astro-cid-fio7ytzt><a href=https://note.com/tak_dcxi class=link rel=external target=_blank style=--_icon:var(--icon-brand-note);--_accent:var(--color-brand-note) data-astro-cid-fio7ytzt><span class=visually-hidden data-astro-cid-fio7ytzt translate=no>note</span></a></li><li data-astro-cid-fio7ytzt><a href=https://github.com/tak-dcxi/ class=link rel=external target=_blank style=--_icon:var(--icon-brand-github);--_accent:var(--color-brand-github) data-astro-cid-fio7ytzt><span class=visually-hidden data-astro-cid-fio7ytzt translate=no>Github</span></a></li><li data-astro-cid-fio7ytzt><a href=/rss.xml class=link style=--_icon:var(--icon-rss);--_accent:var(--color-theme) data-astro-cid-fio7ytzt data-astro-reload><span class=visually-hidden data-astro-cid-fio7ytzt translate=no>RSS</span></a></li></ul></div><div class=_Copyright data-astro-cid-e5kr44on><p class=scoping-root lang=en translate=no data-astro-cid-pl73v7fq><small data-astro-cid-pl73v7fq>© 2025 TAK / Web Creator</small></p></div></div></footer></div><div class=progress-circle data-astro-cid-qo5xhe7c><div class=scoping-root data-astro-cid-oc72xwo5 inert><svg data-astro-cid-oc72xwo5 viewBox="0 0 100 100"><circle cx=50 cy=50 data-astro-cid-oc72xwo5 r=40></circle></svg></div></div><div class=return-to-top-button data-astro-cid-qo5xhe7c><return-button class=scoping-root data-astro-cid-vg7jo6gs><a href=#top class=button data-astro-cid-vg7jo6gs><span class=visually-hidden data-astro-cid-vg7jo6gs>æ¬æä¸é¨ã¸æ»ã</span></a></return-button></div></div><dialog aria-labelledby=1ccee30e-48f1-4690-935f-f2c02bc093ec autofocus class=AppDrawer closedby=any data-astro-cid-6z5agk6x id=278d8af5-46e2-4151-ad13-fb1462a80fd0><h1 class=visually-hidden id=1ccee30e-48f1-4690-935f-f2c02bc093ec data-astro-cid-6z5agk6x>æãããã¿ã¡ãã¥ã¼</h1><div class=_Main data-astro-cid-6z5agk6x><ul class=scoping-root data-astro-cid-cd2gn3zs><li data-astro-cid-cd2gn3zs><a href=/ class=scoping-root lang=en data-astro-cid-7hprjpbx>Home</a></li><li data-astro-cid-cd2gn3zs><a href=/about class=scoping-root lang=en data-astro-cid-7hprjpbx aria-current=page>About</a></li><li data-astro-cid-cd2gn3zs><a href=/page/1 class=scoping-root lang=en data-astro-cid-7hprjpbx>Articles</a><ul class=sub-items data-astro-cid-cd2gn3zs><li data-astro-cid-cd2gn3zs><drawer-accordion class=scoping-root data-astro-cid-bsisipa2><details data-astro-cid-bsisipa2 name=04bf7466-f16e-4937-b6bf-c2c4e81fcbc8><summary class=tab data-astro-cid-bsisipa2 lang=en>Category</summary><div data-astro-cid-bsisipa2><ul class=category-list data-astro-cid-cd2gn3zs><li data-astro-cid-cd2gn3zs><a href=/categories/Patterns/1 class=scoping-root data-astro-cid-v34ipaaw>Patterns</a></li><li data-astro-cid-cd2gn3zs><a href=/categories/CSS/1 class=scoping-root data-astro-cid-v34ipaaw>CSS</a></li><li data-astro-cid-cd2gn3zs><a href=/categories/Web%20Topics/1 class=scoping-root data-astro-cid-v34ipaaw>Web Topics</a></li><li data-astro-cid-cd2gn3zs><a href=/categories/HTML/1 class=scoping-root data-astro-cid-v34ipaaw>HTML</a></li></ul></div></details></drawer-accordion></li><li data-astro-cid-cd2gn3zs><drawer-accordion class=scoping-root data-astro-cid-bsisipa2><details data-astro-cid-bsisipa2 name=04bf7466-f16e-4937-b6bf-c2c4e81fcbc8><summary class=tab data-astro-cid-bsisipa2 lang=en>Tags</summary><div data-astro-cid-bsisipa2><ul class=keyword-list data-astro-cid-cd2gn3zs><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/A11y/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> A11y</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/hidden%3Duntil-found/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> hidden=until-found</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/details/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> details</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Accordion/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Accordion</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/CSS%20Grid/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> CSS Grid</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Animation/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Animation</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Technique/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Technique</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/transform/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> transform</a></li><li data-astro-cid-cd2gn3zs class=keyword-item>
6<a href=/keywords/Image/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Image</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Performance/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Performance</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/a11y/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> a11y</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/UI/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> UI</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/UX/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> UX</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Responsive/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Responsive</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/input/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> input</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/switch/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> switch</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Blog/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Blog</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/SVG/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> SVG</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/kiso.css/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> kiso.css</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Reset%20CSS/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Reset CSS</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Flexbox/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Flexbox</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Scrollbar/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Scrollbar</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/HTML/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> HTML</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/CSS/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> CSS</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Google%20Fonts/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Google Fonts</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/CSS%E8%A8%AD%E8%A8%88/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> CSSè¨è¨</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Google%20Chrome/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Google Chrome</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Web%E5%88%B6%E4%BD%9C/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Webå¶ä½</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/CSS%20Color/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> CSS Color</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/Smooth%20Scroll/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> Smooth Scroll</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/hgroup/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> hgroup</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/line-height/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> line-height</a></li><li data-astro-cid-cd2gn3zs class=keyword-item><a href=/keywords/calc(infinity)/1 class=scoping-root data-astro-cid-d6sbtmnt><span aria-hidden=true data-astro-cid-d6sbtmnt>#</span> calc(infinity)</a></li></ul></div></details></drawer-accordion></li></ul></li><li data-astro-cid-cd2gn3zs><a href=/contact class=scoping-root lang=en data-astro-cid-7hprjpbx>Contact</a></li></ul><ul class=scoping-root data-astro-cid-fio7ytzt><li data-astro-cid-fio7ytzt><a href=https://x.com/tak_dcxi class=link rel=external target=_blank style=--_icon:var(--icon-brand-x);
6--_accent:var(--color-brand-x) data-astro-cid-fio7ytzt><span class=visually-hidden data-astro-cid-fio7ytzt translate=no>X</span></a></li><li data-astro-cid-fio7ytzt><a href=https://zenn.dev/tak_dcxi class=link rel=external target=_blank style=--_icon:var(--icon-brand-zenn);--_accent:var(--color-brand-zenn) data-astro-cid-fio7ytzt><span class=visually-hidden data-astro-cid-fio7ytzt translate=no>Zenn</span></a></li><li data-astro-cid-fio7ytzt><a href=https://note.com/tak_dcxi class=link rel=external target=_blank style=--_icon:var(--icon-brand-note);--_accent:var(--color-brand-note) data-astro-cid-fio7ytzt><span class=visually-hidden data-astro-cid-fio7ytzt translate=no>note</span></a></li><li data-astro-cid-fio7ytzt><a href=https://github.com/tak-dcxi/ class=link rel=external target=_blank style=--_icon:var(--icon-brand-github);--_accent:var(--color-brand-github) data-astro-cid-fio7ytzt><span class=visually-hidden data-astro-cid-fio7ytzt translate=no>Github</span></a></li><li data-astro-cid-fio7ytzt><a href=/rss.xml class=link style=--_icon:var(--icon-rss);--_accent:var(--color-theme) data-astro-cid-fio7ytzt data-astro-reload><span class=visually-hidden data-astro-cid-fio7ytzt translate=no>RSS</span></a></li></ul></div><div class=_CloseButton data-astro-cid-6z5agk6x><button aria-labelledby=0d32c703-2ff6-4b00-acd5-ad75509289aa class=scoping-root command=close commandfor=278d8af5-46e2-4151-ad13-fb1462a80fd0 type=button data-astro-cid-yrnj3x5e><span id=0d32c703-2ff6-4b00-acd5-ad75509289aa style=display:none data-astro-cid-yrnj3x5e>ã¡ãã¥ã¼ãéãã</span></button></div></dialog></div></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.