•css
Scroll-driven Animationsを使って、JS無しで動く目次を作ってみた話【CSS】
CSS Scroll-driven Animationsを活用して、JavaScriptゼロで本文スクロールに連動する目次を実装した記録。タイムライン共有、Chromiumの描画バグ、スクロールバー非表示による動的マスクの沼まで。
JavaScript
Latest Articles
View all →
•ai
RTX 3070 (8GB VRAM) で27Bモデルが34tpsで爆速動作！「Bonsai 2 27B」環境構築＆限界ベンチマーク検証記
2026年9月17日リリースの3値量子化モデル「Ternary Bonsai 2 27B」をRTX 3070環境へ導入。KVキャッシュ最適化、コンテキスト長とスワップ限界の実測データ、Web検索ツール連携まで徹底検証。
LLMllama.cppGPU+1
•html
モダンHTMLとCSSはJS無しでどこまでリッチなUIが組めるのか調べたら凄かった
JavaScriptゼロでモーダル、ツールチップ、スクロール連動、排他アコーディオンまで実現！モダンHTML/CSSの劇的進化がすごい
CSSWeb
•astro
ブログのMarkdownにリッチな表示記法を追加しました
当ブログのMarkdownで使えるようになったリッチな記法（蛍光ペン、ファイル名、ステップ手順、バッジなど）の紹介です。
Markdownお知らせ
•bun
Rustに刷新されたBun v1.4のメモリパフォーマンスが良かった
Anthropic傘下でZigからRustへと全面刷新されたBun v1.4。個人開発のDiscord Botで長年悩まされていた謎のメモリリークが解消した実体験を共有します。
javascriptrust
•css
OKLCHで設計する、コントラスト比に基づいた実践グレースケール＆同系色パレット
OKLCHの知覚均一な明度軸を活用し、WCAG 2.xコントラスト比とAPCA Lc値の具体的な数字をもとに、見やすいグレースケール・同系色パレットを設計する方法を解説します
アクセシビリティデザイン
Zenn Articles
View profile →
•Zenn
Scroll-driven Animations で目次を実装していたらChromiumのバグに遭遇した
TL;DR CSSの最新機能「Scroll-driven Animations」を使うと、JSゼロでスクロール連動の目次が作れる！ でも background-color でハイライトを切り替えると、スクロールを往復したときに色が消えるChromiumの描画バグ（Issue 562847604）に遭遇した！ 文字と背景を分けて、::before 疑似要素の opacity（透明度）アニメーションにすることで完全回避できるよ！ はじめに 個人ブログで、モダンHTML,CSSのAPIを調査したのですが、面白そうなAPIを発見して、「これならJavaScriptを1行も書かずに、本...
•Zenn
Edge環境でブログ記事をSSRすな【初学者】
はじめに 今Next.jsを学習し始めると必ず遭遇するのが、RSC(React Server Components)や、CSR・SSR・SSG・ISR等の概念です。これらを正しく理解せず、「サーバー側でレンダリングすればSEOに有利になるんだろう」と、ある種魔法のように捉えていた時期が自分にもありました。 そして、昨今のフレームワーク製サイトを公開するとき、必ず候補に挙がるであろうホスティングプラットフォーム Vercel Netlify Cloudflare Pages / Workers AWS これらのプラットフォームの一部は、エッジランタイムという環境で動作します。 この...
•Zenn
AIに丸投げで記事を書きたい(願望)
! ただの日常の記録で、技術的な知見は一つも含まれていません。 また、あまり調べないで書いたので、もし既にあったらごめんなさい2 はじめに 最近のエージェント型AIの挙動をみていると、どうにも人間っぽい動きをするなぁと思うのです。 出力されるコードや文章の品質という意味ではなくて、振る舞いの話。ドキュメントを読みに行く、エラーが出たら原因を調べる、修正して再実行する。やっていること自体は人間のエンジニアと本質的に変わらない。当たり前なんだけど、それでもターミナルの向こうで自律的に動いている様子を眺めていると、ものすごい違和感と感動が同居する不思議な気持ちになります。 で、ふと思いま...
Recommended
読んでおきたいピックアップ記事
•astro
ブログのMarkdownにリッチな表示記法を追加しました
当ブログのMarkdownで使えるようになったリッチな記法（蛍光ペン、ファイル名、ステップ手順、バッジなど）の紹介です。
Markdownお知らせ
•bun
Rustに刷新されたBun v1.4のメモリパフォーマンスが良かった
Anthropic傘下でZigからRustへと全面刷新されたBun v1.4。個人開発のDiscord Botで長年悩まされていた謎のメモリリークが解消した実体験を共有します。
javascriptrust
•css
OKLCHで設計する、コントラスト比に基づいた実践グレースケール＆同系色パレット
OKLCHの知覚均一な明度軸を活用し、WCAG 2.xコントラスト比とAPCA Lc値の具体的な数字をもとに、見やすいグレースケール・同系色パレットを設計する方法を解説します
アクセシビリティデザイン
