:doodle { @grid: 32 / 8em; } @random { border-top: 1px solid #eee; } @random { border-left: 1px solid #eee; } @random(.075) { background-color: @pick(#ffefef, #ffeff7, #ffefff, #f7efff, #efefff, #eff7ff, #efffff, #effff7, #efffef, #f7ffef, #ffffef, #fff7ef); }

:doodle { @grid: 32 / 8em; } @random { border-top: 1px solid #444; } @random { border-left: 1px solid #444; } @random(.075) { background-color: @pick(#4f1f1f, #4f1f2f, #4f1f3f, #4f1f4f, #3f1f4f, #2f1f4f, #1f1f4f, #1f2f4f, #1f3f4f, #1f4f3f, #1f4f2f, #1f4f1f); }

yaakai.to

Hi there 👋

@yaakaito (UKYO Kazuma)

Blog Posts

個人開発を Codespaces と DevContainer へ移行 - 5/6/2023

Notes

Declarative Shadow DOM - 11/3/2024
TypeScript 5.6 の Disallowed Nullish and Truthy Checks と ESLint no-constant-binary-expression - 10/10/2024
Speculation Rules API を使ったページの事前レンダリング - 8/19/2024
View Transition API を使った MPA でのページ間アニメーション - 7/23/2024
React 19 の use で Suspense に対応したコンポーネントを作る - 6/4/2024
:has() でリストが空のときにセクションごと消す - 6/2/2024
CLI から VSCode の拡張を入れる - 6/2/2024
Node 組み込みテストランナーと swc で TypeScript をテストする - 6/2/2024
@mozilla/readability を使った HTML からの本文抽出 - 6/2/2024
React 19 Actions - 6/2/2024
node 22 の標準 glob を利用する - 6/2/2024