1<!DOCTYPE html><html lang="ja"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Daiki Odakaï¼å°¾é« 大é¨ï¼ã®å¶ä½å®ç¸¾ãã¦ã§ããµã¤ãã»ã³ã¼ãã¬ã¼ããµã¤ãã»ãã¼ã ãã¼ã¸ãã¨ãã£ããªã¢ã«ããã£ã³ãã¼ã³ã®ãã¼ããã©ãªãªãé岡çãæ ç¹ã«ãå
¨å½ãããä¾é ¼ã»ãç¸è«ã«å¯¾å¿å¯è½ã§ãã"><link rel="canonical" href="https://daiki-design.com/works/"><title>Works â Daiki Odaka | å°¾é« å¤§é¨</title><link rel="icon" href="/favicon.ico" sizes="any"><link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><meta property="og:type" content="website"><meta property="og:locale" content="ja_JP"><meta property="og:site_name" content="Daiki Odaka | å°¾é« å¤§é¨"><meta property="og:title" content="Works â Daiki Odaka | å°¾é« å¤§é¨"><meta property="og:description" content="Daiki Odakaï¼å°¾é« 大é¨ï¼ã®å¶ä½å®ç¸¾ãã¦ã§ããµã¤ãã»ã³ã¼ãã¬ã¼ããµã¤ãã»ãã¼ã ãã¼ã¸ãã¨ãã£ããªã¢ã«ããã£ã³ãã¼ã³ã®ãã¼ããã©ãªãªãé岡çãæ ç¹ã«ãå
¨å½ãããä¾é ¼ã»ãç¸è«ã«å¯¾å¿å¯è½ã§ãã">
1<meta property="og:url" content="https://daiki-design.com/works/"><meta property="og:image" content="https://daiki-design.com/ogp.png"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Works â Daiki Odaka | å°¾é« å¤§é¨"><meta name="twitter:description" content="Daiki Odakaï¼å°¾é« 大é¨ï¼ã®å¶ä½å®ç¸¾ãã¦ã§ããµã¤ãã»ã³ã¼ãã¬ã¼ããµã¤ãã»ãã¼ã ãã¼ã¸ãã¨ãã£ããªã¢ã«ããã£ã³ãã¼ã³ã®ãã¼ããã©ãªãªãé岡çãæ ç¹ã«ãå
¨å½ãããä¾é ¼ã»ãç¸è«ã«å¯¾å¿å¯è½ã§ãã"><meta name="twitter:image" content="https://daiki-design.com/ogp.png">
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://daiki-design.com/#website","url":"https://daiki-design.com","name":"Daiki Odaka | å°¾é« å¤§é¨","alternateName":["Daiki Design","å°¾é« å¤§é¨","å°¾é«å¤§é¨"],"description":"Daiki Odakaï¼å°¾é« 大é¨ï¼ãé岡çç£ç°å¸ãæ ç¹ã«ãã¦ã§ããµã¤ãã»ã³ã¼ãã¬ã¼ããµã¤ãã»ãã¼ã ãã¼ã¸ã®å¶ä½ãã°ã©ãã£ãã¯ãã¶ã¤ã³ãªã©å¹
åºãæ¿ã£ã¦ããã¾ããä¸å°ä¼æ¥ãã¯ãããå
¨å½ã®ã¯ã©ã¤ã¢ã³ãããã®ãä¾é ¼ã»ãç¸è«ãå¯è½ã§ãã","inLanguage":"ja","publisher":{"@id":"https://daiki-design.com/#person"}},{"@type":"Person","@id":"https://daiki-design.com/#person","name":"å°¾é« å¤§é¨","alternateName":["Daiki Odaka","å°¾é«å¤§é¨","Daiki Design","å°¾é« å¤§é¨","å°¾é«å¤§é¨"],"url":"https://daiki-design.com","email":"[email protected]","jobTitle":"Web Designer","sameAs":["https://www.instagram.com/daiki.dsgn"],"address":{"@type":"PostalAddress","addressLocality":"ç£ç°å¸","addressRegion":"é岡ç","addressCountry":"JP"}},{"@type":"ProfessionalService","@id":"https://daiki-design.com/#service","name":"å°¾é« å¤§é¨ â é岡ç ã¦ã§ããµã¤ãã»ã³ã¼ãã¬ã¼ããµã¤ãã»ãã¼ã ãã¼ã¸å¶ä½","alternateName":["Daiki Odaka","å°¾é«å¤§é¨"],"url":"https://daiki-design.com","description":"Daiki Odakaï¼å°¾é« 大é¨ï¼ãé岡çç£ç°å¸ãæ ç¹ã«ãã¦ã§ããµã¤ãã»ã³ã¼ãã¬ã¼ããµã¤ãã»ãã¼ã ãã¼ã¸ã®å¶ä½ãã°ã©ãã£ãã¯ãã¶ã¤ã³ãªã©å¹
åºãæ¿ã£ã¦ããã¾ããä¸å°ä¼æ¥ãã¯ãããå
¨å½ã®ã¯ã©ã¤ã¢ã³ãããã®ãä¾é ¼ã»ãç¸è«ãå¯è½ã§ãã","inLanguage":"ja","email":"[email protected]","areaServed":[{"@type":"State","name":"é岡ç"},{"@type":"Country","name":"æ¥æ¬"}],"address":{"@type":"PostalAddress","addressLocality":"ç£ç°å¸","addressRegion":"é岡ç","addressCountry":"JP"}}]}</script>
1<!-- ãã©ã³ã --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Mono:wght@400;700&family=Noto+Serif+JP:wght@400;500;700;900&family=Yuji+Boku&display=swap" rel="stylesheet"><style>#do-header[data-astro-cid-3ef6ksr2]{--ease: cubic-bezier(.22, 1, .36, 1);--beige: #F5F5DC}#do-header[data-astro-cid-3ef6ksr2]{position:fixed;top:0;left:0;right:0;z-index:9990;height:var(--header-h);display:flex;align-items:center;justify-content:center;color:var(--tx-beige);pointer-events:auto;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.do-brand-label[data-astro-cid-3ef6ksr2]{position:fixed;top:0;left:calc(var(--edge-offset) + var(--brand-left));height:var(--header-h);display:flex;flex-direction:column;justify-content:center;z-index:9991;text-decoration:none;color:var(--tx-beige);user-select:none;pointer-events:auto}.do-brand-label[data-astro-cid-3ef6ksr2]:hover .do-label-name[data-astro-cid-3ef6ksr2],.do-brand-label[data-astro-cid-3ef6ksr2]:hover .do-label-year[data-astro-cid-3ef6ksr2]{opacity:1}.do-label-name[data-astro-cid-3ef6ksr2]{display:block;font-family:var(--font-display);font-size:clamp(1.33rem,1.82vw,1.68rem);font-weight:400;letter-spacing:.12em;line-height:1.2;color:var(--tx-beige);opacity:.72;transition:opacity .3s}.do-label-year[data-astro-cid-3ef6ksr2]{display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.32em;text-transform:uppercase;color:var(--tx-beige);opacity:.6;margin-top:.2rem;transition:opacity .3s}.do-header-nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:2.8rem;list-style:none}.do-header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.3em;color:inherit;text-decoration:none;text-transform:uppercase;opacity:.65;transition:opacity .3s var(--ease);padding:14px 16px;margin:-14px -16px}.do-header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.do-header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current=page]{opacity:1}.do-nav-top[data-astro-cid-3ef6ksr2]{display:none}@media(max-width:767px){.do-brand-label[data-astro-cid-3ef6ksr2]{display:none}.do-nav-top[data-astro-cid-3ef6ksr2]{display:block}.do-header-nav[data-astro-cid-3ef6ksr2]{gap:clamp(1.25rem,4vw,2.8rem)}}@media(prefers-reduced-motion:reduce){.do-header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],.do-label-name[data-astro-cid-3ef6ksr2],.do-label-year[data-astro-cid-3ef6ksr2]{transition-duration:.01s}}.do-subpage{--ease: cubic-bezier(.22, 1, .36, 1);--beige: #F5F5DC;--text: var(--tx);--text-mute: var(--tx-mute);--text-faint: var(--tx-ghost);--hr: rgba(255, 255, 255, .12);--subpage-measure: 980px}.do-subpage{background:#000;color:var(--text);padding-top:7rem;padding-bottom:12rem;padding-inline:var(--gutter);max-width:var(--max-content);margin-inline:auto;overflow:hidden}.do-subpage [data-reveal=up]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);will-change:opacity,transform}.do-subpage [data-reveal=up].is-revealed{opacity:1;transform:translateY(0)}.do-subpage .do-page-header{margin:4rem 0 8rem;text-align:center}.do-subpage .do-page-title{font-family:var(--font-display);font-weight:400;font-size:clamp(56px,9vw,128px);line-height:1.08;letter-spacing:-.01em;color:#f5f5dccc;margin:0}.do-subpage .do-page-title em{display:inline-block;margin-top:.15em;font-style:italic;color:#f5f5dc66;font-size:.82em}.do-subpage .do-section-heading{display:flex;align-items:baseline;gap:1.4rem;margin:0 0 5rem;padding-bottom:1.6rem;border-bottom:1px solid var(--hr)}.do-subpage .do-section-num{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.32em;color:var(--text-faint)}.do-subpage .do-section-name{font-family:var(--font-display);font-size:clamp(28px,3.4vw,44px);font-weight:400;letter-spacing:.02em;color:var(--beige)}@media(prefers-reduced-motion:reduce){.do-subpage [data-reveal=up],.do-subpage [data-reveal=up].is-revealed{opacity:1;transform:none;transition:none}}@media(max-width:430px){.do-subpage{padding-bottom:6rem}.do-subpage .do-page-header{margin:2rem 0 5rem}.do-subpage .do-section-heading{margin-bottom:3rem;padding-bottom:1rem}} 2</style><link rel="stylesheet" href="/_astro/Footer.DZu0AmPp.css"><style>.do-subpage[data-astro-cid-7atbypev]#do-works-page{--gold: #C9A96E}.do-works-section[data-astro-cid-7atbypev]{max-width:var(--subpage-measure);margin:0 auto 10rem}.do-works-section[data-astro-cid-7atbypev]:last-of-type{margin-bottom:0}.do-works-figure[data-astro-cid-7atbypev]{--works-vh-cap: 80vh;--works-min: 400px;width:clamp(min(100%,var(--works-min)),calc(var(--works-vh-cap) * var(--ar, 1.4)),100%);margin:0 auto 8rem;container-type:inline-size}.do-works-section[data-astro-cid-7atbypev] .do-works-figure[data-astro-cid-7atbypev]:last-of-type{margin-bottom:0}.do-works-figure[data-astro-cid-7atbypev] img{display:block;width:100%;height:auto}@media(orientation:portrait)and (min-width:820px)and (max-width:1100px){.do-works-figure[data-astro-cid-7atbypev]{--works-vh-cap: 70vh}}.do-works-caption[data-astro-cid-7atbypev]{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem .8rem;margin-top:1.2rem}.do-works-caption-number[data-astro-cid-7atbypev]{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--gold);opacity:.7}.do-works-caption-category[data-astro-cid-7atbypev]{font-family:var(--font-display);font-size:.92rem;font-weight:300;letter-spacing:.08em;color:var(--tx-beige);flex:1;white-space:nowrap}.do-works-caption-tag[data-astro-cid-7atbypev]{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--tx-faint)}.do-works-caption-link[data-astro-cid-7atbypev]{position:relative;color:#f5f5dcd9;opacity:.65;text-decoration:none;padding-bottom:2px;transition:opacity .3s var(--ease)}.do-works-caption-link[data-astro-cid-7atbypev]:after{content:"";position:absolute;
2left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width .3s var(--ease)}.do-works-caption-link[data-astro-cid-7atbypev]:hover{opacity:1}.do-works-caption-link[data-astro-cid-7atbypev]:hover:after{width:100%}@container (max-width: 380px){.do-works-caption-category[data-astro-cid-7atbypev]{white-space:normal}.do-works-caption-tag[data-astro-cid-7atbypev]{flex-basis:100%}}@media(max-width:430px){.do-works-section[data-astro-cid-7atbypev]{margin-bottom:6rem}.do-works-figure[data-astro-cid-7atbypev]{margin-bottom:4rem}}@media(prefers-reduced-motion:reduce){.do-works-caption-link[data-astro-cid-7atbypev],.do-works-caption-link[data-astro-cid-7atbypev]:after{transition:none}} 3</style></head> <body> <!-- å ¨ç»é¢å¹ ã¹ãããï¼Heroã»ãããã¼çï¼ --> <header id="do-header" data-astro-cid-3ef6ksr2> <!-- å·¦ä¸: ãã©ã³ãã©ãã« 4 Hero.astro ã® .do-brand-label.is-at-header ç¶æ ãåæç¶æ ã¨ãã¦åç¾ããã 5 ãµããã¼ã¸ã§ã¯ç¶æ åæ¿ï¼is-shown / is-transitioning / is-at-headerï¼ã 6 ä¸è¦ãªãããå¤åç³»ã¯ã©ã¹ã¯æããæåãã fixed ã§è¡¨ç¤ºããã 7 768pxæªæºã§ã¯é表示ã«ãªããHome åç·ã¯ããã® TOP é ç®ãæ ã 8 (Hero.astro ã¨å®å ¨åæ)ã --> <a href="/" class="do-brand-label" aria-label="Home" data-astro-cid-3ef6ksr2> <span class="do-label-name" data-astro-cid-3ef6ksr2>Daiki Odaka</span> <span class="do-label-year" data-astro-cid-3ef6ksr2>Portfolio 2026</span> </a> <!-- ä¸å¤®: ããã²ã¼ã·ã§ã³ 9 TOP ã¯ã¢ãã¤ã«(768pxæªæº)å°ç¨é ç®ããã¹ã¯ãããã§ã¯ãã©ã³ãã©ãã«ã 10 Home åç·ãæ ãããé表示ããµããã¼ã¸ãªã®ã§ TOP ã¯ç¾å¨å°ã§ã¯ãªã 11 ããããã¼ã¸ã¸ã®é·ç§»ãªã³ã¯ï¼aria-current ãªãï¼ã --> <nav aria-label="ã¡ã¤ã³ããã²ã¼ã·ã§ã³" data-astro-cid-3ef6ksr2> <ul class="do-header-nav" data-astro-cid-3ef6ksr2> <li class="do-nav-top" data-astro-cid-3ef6ksr2> <a href="/" data-astro-cid-3ef6ksr2>TOP</a> </li> <li data-astro-cid-3ef6ksr2> <a href="/works" aria-current="page" data-astro-cid-3ef6ksr2>Works</a> </li> <li data-astro-cid-3ef6ksr2> <a href="/about" data-astro-cid-3ef6ksr2>About</a> </li> <li data-astro-cid-3ef6ksr2> <a href="/#do-contact" data-astro-cid-3ef6ksr2>Contact</a> </li> </ul> </nav> </header><main id="do-works-page" class="do-subpage" aria-labelledby="do-works-page-title" data-astro-cid-7atbypev> <!-- ========================================================== 12 ãã¼ã¸ã¿ã¤ãã« 13 ãããã®Worksè¦åºãã¨åãæ§æãSite, Editorial & Campaignãã使ãã 14 ããã¤ã¸ã§ã¹ãè¦åºã = 詳細ãã¼ã¸ã¿ã¤ãã«ãã®å¯¾å¿é¢ä¿ãå¯è¦å 15 ï¼about.astro ã®ãAbout me & Principleãã¨åãææ³ï¼ 16 ========================================================== --> <header class="do-page-header" data-reveal-group data-astro-cid-7atbypev> <h1 id="do-works-page-title" class="do-page-title" data-reveal="up" data-delay="0" data-astro-cid-7atbypev> 17Site, Editorial<br data-astro-cid-7atbypev><em data-astro-cid-7atbypev>& Campaign</em> </h1> </header> <!-- ========================================================== 18 SECTION 01: Site 19 ä½å: 1ç¹ï¼TAISHI OISHI / 宿¡ä»¶ï¼ 20 ========================================================== --> <section class="do-works-section" aria-labelledby="do-works-site-heading" data-reveal-group data-astro-cid-7atbypev> <h2 id="do-works-site-heading" class="do-section-heading" data-reveal="up" data-delay="0" data-astro-cid-7atbypev> <span class="do-section-num" data-astro-cid-7atbypev>01</span> <span class="do-section-name" data-astro-cid-7atbypev>Site</span> </h2> <!-- ä½å 01 / Concept Websiteï¼å®æ¡ä»¶ã®ãã Personal Project ã¿ã°ãªãï¼ 21 æåã®ä½å㯠loading="eager" ã§ãã¡ã¼ã¹ããã¥ã¼ç´å¾ã®å³æè¡¨ç¤ºãæ ä¿ --> <figure class="do-works-figure" data-reveal="up" data-delay="1" style="--ar:0.9125395152792413" data-astro-cid-7atbypev> <img src="/_astro/1.BXPtOiLi_ZeBIxt.webp" srcset="/_astro/1.BXPtOiLi_ZvW5Br.webp 600w, /_astro/1.BXPtOiLi_ZeBIxt.webp 866w" alt="Concept Website" sizes="(max-width: 980px) 100v
21w, 980px" loading="eager" decoding="async" data-astro-cid-7atbypev="true" width="866" height="949"> <figcaption class="do-works-caption" data-astro-cid-7atbypev> <span class="do-works-caption-number" data-astro-cid-7atbypev>01</span> <span class="do-works-caption-category" data-astro-cid-7atbypev>Site â Concept Website</span> <a class="do-works-caption-tag do-works-caption-link" href="https://oishi-eizo.com/" target="_blank" rel="noopener noreferrer" aria-label="Visit the live site (opens in a new tab)" data-astro-cid-7atbypev>Visit Site</a> </figcaption> </figure> </section> <!-- ========================================================== 22 SECTION 02: Editorial 23 ä½å: 2ç¹ï¼å ±ã«èªä¸»å¶ä½ Sampleï¼ 24 ========================================================== --> <section class="do-works-section" aria-labelledby="do-works-editorial-heading" data-reveal-group data-astro-cid-7atbypev> <h2 id="do-works-editorial-heading" class="do-section-heading" data-reveal="up" data-delay="0" data-astro-cid-7atbypev> <span class="do-section-num" data-astro-cid-7atbypev>02</span> <span class="do-section-name" data-astro-cid-7atbypev>Editorial</span> </h2> <!-- ä½å 01 / Magazine Cover --> <figure class="do-works-figure" data-reveal="up" data-delay="1" style="--ar:0.75" data-astro-cid-7atbypev> <img src="/_astro/2.lpITwik0_ZGsog9.webp" srcset="/_astro/2.lpITwik0_ZvWIi0.webp 600w, /_astro/2.lpITwik0_ZPvN0S.webp 980w, /_astro/2.lpITwik0_185Pwu.webp 1600w" alt="Magazine Cover" sizes="(max-width: 980px) 100vw, 980px" loading="lazy" decoding="async" data-astro-cid-7atbypev="true" width="1992" height="2656"> <figcaption class="do-works-caption" data-astro-cid-7atbypev> <span class="do-works-caption-number" data-astro-cid-7atbypev>01</span> <span class="do-works-caption-category" data-astro-cid-7atbypev>Editorial â Magazine Cover</span> <span class="do-works-caption-tag" data-astro-cid-7atbypev>Personal Project</span> </figcaption> </figure> <!-- ä½å 02 / Magazine Cover --> <figure class="do-works-figure" data-reveal="up" data-delay="2" style="--ar:0.75" data-astro-cid-7atbypev> <img src="/_astro/5.BTzeuF91_FRHkd.webp" srcset="/_astro/5.BTzeuF91_ZC8zy1.webp 600w, /_astro/5.BTzeuF91_ZVGEgT.webp 980w, /_astro/5.BTzeuF91_FRHkd.webp 1200w" alt="Magazine Cover" sizes="(max-width: 980px) 100vw, 980px" loading="lazy" decoding="async" data-astro-cid-7atbypev="true" width="1200" height="1600"> <figcaption class="do-works-caption" data-astro-cid-7atbypev> <span class="do-works-caption-number" data-astro-cid-7atbypev>02</span> <span class="do-works-caption-category" data-astro-cid-7atbypev>Editorial â Magazine Cover</span> <span class="do-works-caption-tag" data-astro-cid-7atbypev>Personal Project</span> </figcaption> </figure> </section> <!-- ========================================================== 25 SECTION 03: Campaign 26 ä½å: 2ç¹ï¼å ±ã«èªä¸»å¶ä½ Sampleï¼ 27 ========================================================== --> <section class="do-works-section" aria-labelledby="do-works-campaign-heading" data-reveal-group data-astro-cid-7atbypev> <h2 id="do-works-campaign-heading" class="do-section-heading" data-reveal="up" data-delay="0" data-astro-cid-7atbypev> <span class="do-section-num" data-astro-cid-7atbypev>03</span> <span class="do-section-name" data-astro-cid-7atbypev>Campaign</span> </h2> <!-- ä½å 01 / Product Banner --> <figure class="do-works-figure" data-reveal="up" data-delay="1" style="--ar:1.28" data-astro-cid-7atbypev> <img src="/_astro/3.CkjdGwf8_PFdwJ.webp" srcset="/_astro/3.CkjdGwf8_Z29Daxm.webp 600w, /_astro/3.CkjdGwf8_l0BlB.webp 980w, /_astro/3.CkjdGwf8_Z1T1DFO.webp 1600w" alt="Product Banner" sizes="(max-width: 980px) 100vw, 980px" loading="lazy" decoding="async" data-astro-cid-7atbypev="true" width="3200" height="2500"> <figcaption class="do-works-caption" data-astro-cid-7atbypev> <span class="do-works-caption-number" data-astro-cid-7atbypev>01</span> <span class="do-works-caption-category" data-astro-cid-7atbypev>Campaign â Product Banner</span> <span class="do-works-caption-tag" data-astro-cid-7atbypev>Personal Project</span>
27 </figcaption> </figure> <!-- ä½å 02 / Product Banner --> <figure class="do-works-figure" data-reveal="up" data-delay="2" style="--ar:1.3333333333333333" data-astro-cid-7atbypev> <img src="/_astro/4.DE9ICOrz_18CDgI.webp" srcset="/_astro/4.DE9ICOrz_1iecd3.webp 600w, /_astro/4.DE9ICOrz_ZMaVDk.webp 980w, /_astro/4.DE9ICOrz_18CDgI.webp 1600w" alt="Product Banner" sizes="(max-width: 980px) 100vw, 980px" loading="lazy" decoding="async" data-astro-cid-7atbypev="true" width="1600" height="1200"> <figcaption class="do-works-caption" data-astro-cid-7atbypev> <span class="do-works-caption-number" data-astro-cid-7atbypev>02</span> <span class="do-works-caption-category" data-astro-cid-7atbypev>Campaign â Product Banner</span> <span class="do-works-caption-tag" data-astro-cid-7atbypev>Personal Project</span> </figcaption> </figure> </section> </main><footer class="do-footer" data-astro-cid-sz7xmlte> <!-- stage: 忝ã --max-content(1600px)ã§ä¸å¤®é æã¡ããæ ãå ¨ãã¼ã¸å ±éã 28 padding-inline ãããã¸æãããæ å¤ç¸=1600 ãä»ã»ã¯ã·ã§ã³ã¨ä¸è´ãããã --> <div class="do-footer-stage" data-astro-cid-sz7xmlte> <!-- æå¨å°ï¼è£ 飾ã¬ã¤ã¤ã¼ãå³å¯ãï¼ 29 大ããèãé ç½®ãããã¨ã§ãããããªãããã®å¢çã«ç«ã¤åå¨ 30 èªãããç®ç«ããªããä½ç½ãæ¼åºããå½¹å² --> <p class="do-footer-location" data-astro-cid-sz7xmlte>Iwata, Shizuoka, Japan</p> <!-- é£çµ¡å ï¼ç¸¦2è¡ãã©ãã«åå¹ åºå®ã§å¤ã®å·¦ç«¯ãæããï¼ 31 ul/li ã»ãã³ãã£ã¯ã¹: è¤æ°ã®é£çµ¡ææ®µã¯æå³çã«ãªã¹ãæ§é --> <ul class="do-footer-contact" data-astro-cid-sz7xmlte> <li class="do-footer-contact-item" data-astro-cid-sz7xmlte> <span class="do-footer-contact-label" data-astro-cid-sz7xmlte>Email</span> <a class="do-footer-contact-value" href="mailto:[email protected]" data-astro-cid-sz7xmlte>[email protected]</a> </li> <li class="do-footer-contact-item" data-astro-cid-sz7xmlte> <span class="do-footer-contact-label" data-astro-cid-sz7xmlte>Instagram</span> <a class="do-footer-contact-value" href="https://www.instagram.com/daiki.dsgn" target="_blank" rel="noopener noreferrer" data-astro-cid-sz7xmlte>@daiki.dsgn</a> </li> </ul> <!-- 権å©è¡¨è¨ï¼ä¸å¤®æãï¼ 32 ä¸ç¹ï¼Â·ï¼ã¯è¦è¦çã»ãã¬ã¼ã¿ã¼ãaria-hidden ã§èªã¿ä¸ãããé¤å¤ --> <p class="do-footer-meta" data-astro-cid-sz7xmlte> <span class="do-footer-copyright" data-astro-cid-sz7xmlte>© 2026 Daiki Odaka</span> <span class="do-footer-meta-sep" aria-hidden="true" data-astro-cid-sz7xmlte>·</span> <a class="do-footer-policy" href="/privacy-policy" data-astro-cid-sz7xmlte>Privacy Policy</a> </p> </div> </footer> <!-- é常ã³ã³ãã³ãã¹ãããï¼site-wrapperã§å¹ å¶éï¼ 33 default slot ã«å 容ãããæã ãåºåããã 34 (ç¾ç¶ãã¹ã¦ slot="full-width" éç¨ã®ãããé常ã¯ãã®ãããã¯ã¯åºåãããªãã 35 ãã ãä¸å±¤ãã¼ã¸ã® <noscript> ãªã© slot 屿§ãæããªãè¦ç´ ã default slot ã« 36 æµãè¾¼ãã å ´åã¯åºåããããsite-wrapper å´ã
36§ã¯ min-height ãæããªãããã 37 ä¸èº«ã空ã§ãä½åãªç¸¦ä½ç½ã¯çã¾ããªãã) --> <div class="site-wrapper"> <noscript> <style> 38 #do-works-page [data-reveal] { 39 opacity: 1 !important; 40 transform: none !important; 41 } 42 </style> </noscript> </div> <!-- ã°ãã¼ãã«FABãBack to topããã¿ã³ 43 - å ¨ãã¼ã¸å ±éã§ãã¥ã¼ãã¼ã1åé«ãééå¾ã«å³ä¸ã«è¡¨ç¤º 44 - æä¸é¨ãã1vh以å ã«æ»ã£ããé表示ã«ãã§ã¼ãã¢ã¦ã 45 - ã¯ãªãã¯ã§ãã¼ã¸æä¸é¨ã¸ smooth ã¹ã¯ãã¼ã« 46 - ããã¼ã¸é·ç§»ãã§ã¯ãªããç¾ãã¼ã¸å ã®ã¹ã¯ãã¼ã«ããæ ãç¬ç«è¦ç´ 47 - ãã©ã³ãã©ãã«(Homeåç·)ã¨ã¯å½¹å²ãç°ãªã --> <button type="button" id="do-back-to-top" class="do-back-to-top" aria-label="Back to top" hidden> <svg class="do-back-to-top-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 14 12 8 18 14"></polyline> </svg> </button> <!-- ã°ãã¼ãã«ã«ã¼ã½ã«ãã¬ã¤ã«ç¨canvasï¼ãµã¤ãå ¨ä½å ±éï¼ --> <canvas id="do-global-trail" aria-hidden="true"></canvas>
47<script type="module">(function(){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;var a=document.getElementById("do-global-trail");if(!a)return;var n=a.getContext("2d"),s=160,g={densityMul:1,sizeMul:1,countCap:3,countCoef:.07,countBase:1},y={densityMul:.7,sizeMul:.9,countCap:2,countCoef:.055,countBase:.8};function c(t){var r=t!==void 0?t:Math.random();return r<.14?{r:160,g:190,b:255}:r<.26?{r:200,g:218,b:255}:r<.36?{r:255,g:240,b:195}:r<.44?{r:255,g:225,b:160}:{r:248,g:248,b:242}}function d(t,r){return"rgba("+t.r+","+t.g+","+t.b+","+r+")"}function M(){this.alive=!1}M.prototype.spawn=function(t,r,i,e,u,l){this.alive=!0,this.x=t+(Math.random()-.5)*1.5,this.y=r+(Math.random()-.5)*1.5;var o=Math.sqrt(i*i+e*e)||1;this.vx=i/o*1.2+(Math.random()-.5)*.3,this.vy=e/o*1.2+(Math.random()-.5)*.3,this.r=(.3+Math.pow(Math.random(),2)*2)*l,this.life=0,this.maxLife=.4+Math.random()*.5,this.col=c(Math.random()),this.flare=this.r>1.5,this.density=u};for(var v=[],I=0;I<s;I++)v.push(new M);function q(){for(var t=0;t<s;t++)if(!v[t].alive)return v[t];return null}var b=[];function L(){b=[];for(var t=document.querySelectorAll("input, textarea"),r=0;r<t.length;r++){var i=t[r];if(!(i.type==="hidden"||i.type==="submit"||i.type==="button")){var e=i.getBoundingClientRect();b.push(e)}}}function k(t,r){for(var i=0;i<b.length;i++){var e=b[i];if(t>=e.left&&t<=e.right&&r>=e.top&&r<=e.bottom)return!0}return!1}function z(){var t=document.activeElement;if(!t)return!1;var r=t.tagName;return r==="INPUT"||r==="TEXTAREA"}var x=null,f=null;function C(){if(x||(x=document.getElementById("do-hero")),!x){f=null;return}f=x.getBoundingClientRect()}window.addEventListener("scroll",function(){C(),L()},{passive:!0}),window.addEventListener("resize",function(){B(),C(),L()},{passive:!0});var R=0,S=0;document.addEventListener("mousemove",function(t){var r=t.clientX,i=t.clientY,e=r-R,u=i-S;if(R=r,S=i,!z()&&!k(r,i)){var l=!1;f&&(l=r>=f.left&&r<=f.right&&i>=f.top&&i<=f.bottom);for(var o=l?g:y,m=Math.sqrt(e*e+u*u),E=Math.min(Math.floor(o.countBase+m*o.countCoef),o.countCap),w=0;w<E;w++){var h=q();h&&h.spawn(r,i,e,u,o.densityMul,o.sizeMul)}}},{passive:!0});var A=0;function P(t){var r=Math.min((t-A)/1e3,.05);A=t,n.clearRect(0,0,a.width,a.height);for(var i=0;i<s;i++){var e=v[i];if(e.alive){if(e.life+=r,e.life>=e.maxLife){e.alive=!1;continue}var u=e.life/e.maxLife,l=(1-Math.pow(u,1.4))*e.density,o=e.r*(1-u*.4),m=r*60,E=Math.pow(.96,m);if(e.vx*=E,e.vy*=E,e.x+=e.vx*m,e.y+=e.vy*m,o>.7){var w=o*4.2,h=n.createRadialGradient(e.x,e.y,0,e.x,e.y,w);h.addColorStop(0,d(e.col,l*.32)),h.addColorStop(1,d(e.col,0)),n.fillStyle=h,n.beginPath(),n.arc(e.x,e.y,w,0,Math.PI*2),n.fill()}if(e.flare&&l>.4){var T=o*3.5;n.lineWidth=.35,n.strokeStyle=d(e.col,l*.22),n.beginPath(),n.moveTo(e.x-T,e.y),n.lineTo(e.x+T,e.y),n.stroke(),n.beginPath(),n.moveTo(e.x,e.y-T),n.lineTo(e.x,e.y+T),n.stroke()}n.fillStyle=d(e.col,l),n.beginPath(),n.arc(e.x,e.y,o,0,Math.PI*2),n.fill()}}requestAnimationFrame(P)}function B(){a.width=window.innerWidth,a.height=window.innerHeight}function F(){B(),C(),L(),requestAnimationFrame(P)}document.readyState==="complete"?F():window.addEventListener("load",F)})();(function(){var a=document.getElementById("do-back-to-top");if(!a)return;var n=!1,s=!1;function g(){n=!1;var c=window.scrollY||window.pageYOffset||0,d=window.innerHeight,M=d,v=d*.01;!s&&c>M?(s=!0,a.hidden=!1,requestAnimationFrame(function(){a.classList.add("is-visible")})):s&&c<=v&&(s=!1,a.classList.remove("is-visible"),setTimeout(function(){s||(a.hidden=!0)},400))}function y(){n||(requestAnimationFrame(g),n=!0)}a.addEventListener("click",function(){var c=window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;window.scrollTo({top:0,behavior:c?"auto":"smooth"})}),window.addEventListener("scroll",y,{passive:!0}),window.addEventListener("resize",y,{passive:!0}),g()})();</script>
47
47<script type="module">(function(){var t=document.querySelectorAll("[data-reveal-group]");if(!t.length)return;function g(a){var e=[];a.hasAttribute("data-reveal")&&e.push(a);for(var n=a.querySelectorAll("[data-reveal]"),r=0;r<n.length;r++)e.push(n[r]);return e}for(var v={},o=0;o<t.length;o++){var u=t[o].getAttribute("data-reveal-group");u&&(v[u]=v[u]||[]).push(t[o])}function s(a){for(var e=0;e<a.length;e++)for(var n=g(a[e]),r=0;r<n.length;r++)n[r].classList.add("is-revealed")}var c=window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(c||typeof IntersectionObserver>"u"){for(var i=0;i<t.length;i++)s([t[i]]);return}for(var h=new IntersectionObserver(function(a){a.forEach(function(e){if(e.isIntersecting||e.boundingClientRect.top<0){var n=e.target,r=n.getAttribute("data-reveal-group"),d=r?v[r]:[n];s(d);for(var f=0;f<d.length;f++)h.unobserve(d[f])}})},{threshold:0,rootMargin:"0px 0px -10% 0px"}),l=0;l<t.length;l++)h.observe(t[l])})();</script>
47</body></html> <!-- 48 Reveal animation: 49 reveal ã®çºç«ã¯ Layout.astro ã®å ±é observer ã«ä¸æ¬åããããã 50 æ¬ãã¼ã¸åå¥ã®ã¹ã¯ãªããã¯å»æ¢ãå do-works-sectionï¼Site/Editorial/ 51 Campaignï¼ã¨ do-page-header ã«ä»ä¸ãã data-reveal-group ãã 52 å°éæã«ãã®ã»ã¯ã·ã§ã³å ã® [data-reveal] ãä¸æè¡¨ç¤ºããã 53-->
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.